:root {
    --bg: #05070d;
    --bg-soft: #08111f;
    --surface: rgba(255, 255, 255, .065);
    --surface-strong: rgba(255, 255, 255, .095);
    --line: rgba(255, 255, 255, .13);
    --line-strong: rgba(7, 116, 255, .34);
    --text: #f6f9ff;
    --muted: #b9c7dc;
    --muted-soft: #8fa0b9;
    --blue: #0774ff;
    --blue-soft: #48a4ff;
    --gold: #ffc007;
    --cyan: #54d6ff;
    --ink: #02040a;
    --panel: rgba(7, 14, 29, .76);
    --green: #2ddc88;
    --red: #ff5d6c;
    --radius: 10px;
    --container: 1180px;
    --shadow: 0 18px 52px rgba(0, 0, 0, .32);
    --nav-link-size: .9rem;
    --nav-link-weight: 850;
    --nav-meta-size: .78rem;
    --heading-gradient: linear-gradient(112deg, #fff 0%, #eaf4ff 36%, var(--cyan) 68%, var(--gold) 100%);
    --heading-gradient-soft: linear-gradient(112deg, #fff 0%, #eaf4ff 44%, #8bcaff 78%, var(--gold) 100%);
    --display-title-size: clamp(1.85rem, 2.8vw, 2.55rem);
    --section-title-size: clamp(1.35rem, 2vw, 1.85rem);
    --card-title-size: clamp(1.05rem, 1.35vw, 1.22rem);
}

* {
    box-sizing: border-box;
}

html {
    scroll-behavior: smooth;
    scroll-padding-top: clamp(7rem, 10vw, 9rem);
    scrollbar-gutter: stable;
}

body {
    position: relative;
    margin: 0;
    min-height: 100vh;
    overflow-x: hidden;
    color: var(--text);
    font-family: "Instrument Sans", Inter, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
    line-height: 1.55;
    color-scheme: dark;
    background-color: #05070d;
}

body.site-loading {
    overflow-x: hidden;
    overflow-y: scroll;
}

.site-preloader {
    position: fixed;
    inset: 0;
    z-index: 120;
    display: grid;
    place-items: center;
    background:
        radial-gradient(circle at 50% 45%, rgba(7, 116, 255, .18), transparent 34%),
        radial-gradient(circle at 50% 55%, rgba(255, 192, 7, .08), transparent 30%),
        linear-gradient(180deg, rgba(2, 4, 10, .98), rgba(5, 7, 13, .98));
    backdrop-filter: blur(12px);
    transition: opacity .25s ease, visibility .25s ease;
}

body.site-loaded .site-preloader {
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
}

.site-preloader-logo {
    position: relative;
    z-index: 1;
    width: 86px;
    height: 76px;
    display: block;
    background-image: var(--site-preloader-logo);
    background-repeat: no-repeat;
    background-position: left center;
    background-size: 315px auto;
    filter: drop-shadow(0 18px 30px rgba(0, 0, 0, .35));
}

@media (prefers-reduced-motion: reduce) {
    .site-preloader-logo {
        animation: none;
    }
}





a {
    color: inherit;
    text-decoration: none;
}

img {
    max-width: 100%;
    display: block;
}

p {
    color: var(--muted);
    line-height: 1.7;
    font-size: 1rem;
}

ul {
    color: var(--muted);
    line-height: 1.75;
    padding-left: 1.1rem;
}

h1,
h2,
h3 {
    letter-spacing: 0;
    color: var(--text);
}

h1 {
    display: block;
    font-size: var(--display-title-size);
    line-height: 1.08;
    margin: 0 0 1rem;
    max-width: 820px;
    color: var(--text);
    background: linear-gradient(110deg, #ffffff 0%, #d8e8ff 38%, var(--blue-soft) 62%, var(--gold) 100%);
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
}

h2 {
    font-size: var(--section-title-size);
    line-height: 1.18;
    margin: 0 0 .75rem;
}

h3 {
    font-size: 1.05rem;
    line-height: 1.28;
    margin: 0 0 .6rem;
}

.display-title {
    display: flex;
    align-items: baseline;
    justify-content: flex-start;
    flex-wrap: wrap;
    gap: .16em .24em;
    margin: 0 0 .85rem;
    max-width: 820px;
    font-size: var(--display-title-size);
    line-height: 1.08;
    padding-bottom: .1em;
    color: var(--text);
    background: linear-gradient(110deg, #ffffff 0%, #d8e8ff 38%, var(--blue-soft) 62%, var(--gold) 100%);
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
}

strong {
    color: var(--text);
}

.sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border: 0;
}

.skip-link {
    position: absolute;
    left: -999px;
    top: 1rem;
    z-index: 999;
    border-radius: var(--radius);
    padding: .72rem 1rem;
    background: var(--gold);
    color: #07101c;
    font-weight: 900;
}

.skip-link:focus {
    left: 1rem;
}

:focus-visible {
    outline: 3px solid rgba(255, 192, 7, .85);
    outline-offset: 3px;
}

.site-header {
    position: sticky;
    top: 0;
    z-index: 40;
    background: rgba(5, 7, 13, .86);
    border-bottom: 1px solid var(--line);
    backdrop-filter: blur(16px);
}

.site-header.is-scrolled {
    box-shadow: 0 10px 34px rgba(0, 0, 0, .32);
}

.nav-wrap {
    position: relative;
    max-width: var(--container);
    min-height: 76px;
    margin: 0 auto;
    padding: 0 1.25rem;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 1rem;
}

.brand {
    display: inline-flex;
    align-items: center;
    gap: .7rem;
    font-weight: 900;
    flex: 0 0 auto;
}

.brand-logo {
    width: min(280px, 56vw);
    height: auto;
    display: block;
    filter: drop-shadow(0 10px 24px rgba(7, 116, 255, .18));
}

.brand-mark {
    width: 42px;
    height: 42px;
    display: inline-grid;
    place-items: center;
    border-radius: var(--radius);
    background: linear-gradient(135deg, var(--blue), var(--blue-soft));
    color: #fff;
    box-shadow: 0 12px 32px rgba(7, 116, 255, .28);
}

.site-menu {
    display: flex;
    align-items: center;
    gap: 1rem;
    margin-left: auto;
    min-width: 0;
    justify-content: flex-end;
}

.site-menu a {
    color: var(--muted);
    font-weight: 750;
    padding: .4rem 0;
    border-radius: 0;
    transition: color .18s ease;
}

.site-menu a:focus {
    color: #fff;
    background: transparent;
}

.site-menu .nav-cart-link {
    position: relative;
    display: inline-flex;
    align-items: center;
    gap: .42rem;
    min-height: 34px;
}

.cart-count-badge {
    display: inline-grid;
    place-items: center;
    min-width: 22px;
    height: 22px;
    padding: 0 .38rem;
    border: 1px solid rgba(255, 192, 7, .36);
    border-radius: 999px;
    color: #07101c;
    background: linear-gradient(135deg, var(--gold), #ffe17a);
    box-shadow: 0 8px 22px rgba(255, 192, 7, .16);
    font-size: .72rem;
    font-weight: 950;
    line-height: 1;
}

.site-menu a:not(.login-button):not(.active):hover {
    color: var(--muted);
    background: transparent;
}

.nav-toggle {
    display: none;
    width: 44px;
    height: 44px;
    border: 1px solid var(--line);
    border-radius: var(--radius);
    background: var(--surface);
    color: #fff;
}

.button,
.login-button {
    min-height: 44px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: .5rem;
    border: 1px solid transparent;
    border-radius: var(--radius);
    padding: .82rem 1rem;
    font: inherit;
    font-weight: 850;
    cursor: pointer;
    transition: transform .16s ease, box-shadow .16s ease, background .16s ease, border-color .16s ease;
}

.button:hover,
.login-button:hover {
    transform: translateY(-1px);
}

.button-primary,
.login-button {
    color: #fff !important;
    background: linear-gradient(135deg, var(--blue), var(--blue-soft));
    box-shadow: 0 14px 34px rgba(7, 116, 255, .22);
}

.button-gold {
    color: #07101c !important;
    background: linear-gradient(135deg, var(--gold), #ffe17a);
}

.button-ghost {
    color: #fff;
    background: var(--surface);
    border-color: var(--line);
}

.button-danger {
    color: #fff;
    background: rgba(255, 93, 108, .16);
    border-color: rgba(255, 93, 108, .36);
}

.button.is-loading {
    opacity: .72;
    cursor: progress;
    transform: none;
}

.icon-link {
    padding: .4rem 0 !important;
    display: inline-flex;
    align-items: center;
    gap: .45rem;
    border: 0;
    background: transparent;
}

.account-menu {
    position: relative;
    min-width: 0;
    flex: 0 0 auto;
}

.account-menu-toggle {
    width: auto;
    min-width: 0;
    justify-content: space-between;
    gap: .5rem;
    max-width: 240px;
}

.account-menu-toggle span {
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.account-menu-caret {
    font-size: .72rem;
}

.site-account-menu .account-menu-toggle::before {
    display: none;
}

.account-menu-panel {
    position: absolute;
    top: calc(100% + .5rem);
    right: 0;
    z-index: 70;
    display: grid;
    gap: .38rem;
    width: min(260px, calc(100vw - 2rem));
    padding: .62rem;
    border: 1px solid var(--line);
    border-radius: calc(var(--radius) + 2px);
    background:
        radial-gradient(circle at 100% 0%, rgba(7, 116, 255, .14), transparent 34%),
        linear-gradient(180deg, rgba(5, 10, 20, .98), rgba(5, 10, 20, .92));
    box-shadow: var(--shadow), inset 0 1px 0 rgba(255, 255, 255, .08);
}

.account-menu-panel[hidden] {
    display: none;
}

.account-menu-meta {
    display: grid;
    gap: .14rem;
    padding: .18rem .38rem .45rem;
    border-bottom: 1px solid rgba(255, 255, 255, .08);
}

.account-menu-meta strong {
    overflow: hidden;
    color: #fff;
    font-size: .92rem;
    font-weight: 900;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.account-menu-meta small {
    overflow: hidden;
    color: var(--muted-soft);
    font-size: .74rem;
    line-height: 1.35;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.account-menu-item {
    appearance: none;
    -webkit-appearance: none;
    display: flex;
    align-items: center;
    gap: .55rem;
    width: 100%;
    min-height: 40px;
    padding: .62rem .72rem;
    border: 1px solid rgba(255, 255, 255, .08);
    border-radius: calc(var(--radius) - 1px);
    background: rgba(255, 255, 255, .03);
    color: #fff;
    font: inherit;
    font-weight: 850;
    text-align: left;
    transition: background .16s ease, border-color .16s ease, transform .16s ease;
}

.account-menu-item:hover,
.account-menu-item:focus-visible {
    transform: translateY(-1px);
    border-color: rgba(7, 116, 255, .26);
    background: rgba(7, 116, 255, .11);
}

.account-menu-item i {
    width: 18px;
    color: var(--gold);
    text-align: center;
}

.account-menu form {
    margin: 0;
}

.account-menu-danger {
    background: rgba(255, 93, 108, .12);
    border-color: rgba(255, 93, 108, .2);
}

.account-menu-danger i {
    color: #ff9cab;
}

.site-search-toggle {
    width: 42px;
    height: 42px;
    flex: 0 0 42px;
    display: inline-grid;
    place-items: center;
    border: 0;
    border-radius: 0;
    background: transparent;
    color: var(--muted);
    cursor: pointer;
    transition: color .18s ease, transform .18s ease;
}

.site-search-toggle:hover,
.site-search-toggle[aria-expanded="true"] {
    color: #fff;
    transform: translateY(-1px);
}

.site-search-panel {
    display: none;
    position: absolute;
    right: 1.25rem;
    top: calc(100% + .55rem);
    z-index: 70;
    width: min(520px, calc(100vw - 2rem));
    grid-template-columns: auto minmax(0, 1fr) auto;
    gap: .65rem;
    align-items: center;
    border: 1px solid var(--line);
    border-radius: var(--radius);
    padding: .65rem;
    background:
        radial-gradient(circle at 100% 0%, rgba(7, 116, 255, .2), transparent 32%),
        linear-gradient(145deg, rgba(255, 255, 255, .13), rgba(255, 255, 255, .05)),
        rgba(3, 9, 20, .96);
    box-shadow: var(--shadow), inset 0 1px 0 rgba(255, 255, 255, .14);
    backdrop-filter: blur(16px);
}

.site-search-panel.open {
    display: grid;
}

.site-search-panel>i {
    color: var(--gold);
    padding-left: .35rem;
}

.site-search-panel input {
    min-height: 42px;
    padding: .68rem .75rem;
    border-color: rgba(255, 255, 255, .11);
    background: rgba(2, 5, 11, .78);
}

.site-search-panel .button {
    min-height: 42px;
    padding: .68rem .9rem;
}

.hero,
.section,
.page-hero {
    max-width: var(--container);
    margin: 0 auto;
    padding-left: 1.25rem;
    padding-right: 1.25rem;
}

.hero {
    min-height: 560px;
    padding-top: 3.7rem;
    padding-bottom: 3.9rem;
    display: grid;
    grid-template-columns: minmax(0, 1.05fr) minmax(340px, .95fr);
    gap: 3rem;
    align-items: center;
}

.hero-copy {
    max-width: 700px;
}

.lead {
    color: #d3def0;
    font-size: clamp(1.05rem, 1.8vw, 1.18rem);
    max-width: 700px;
}

.gradient-text {
    color: var(--gold);
    -webkit-text-fill-color: var(--gold);
}

h1 .gradient-text {
    color: inherit;
    -webkit-text-fill-color: transparent;
}

.eyebrow {
    display: inline-flex;
    align-items: center;
    gap: .45rem;
    width: fit-content;
    max-width: 100%;
    margin-bottom: .75rem;
    flex: 0 0 auto;
    align-self: start;
    justify-self: start;
    color: var(--gold);
    text-transform: uppercase;
    font-size: .75rem;
    font-weight: 900;
    line-height: 1.05;
    letter-spacing: .08em;
    white-space: nowrap;
}

.page-hero>.eyebrow,
.page-hero-copy>.eyebrow,
.hero-copy>.eyebrow,
.auth-aside>.eyebrow {
    display: inline-flex;
    width: fit-content;
}

.page-hero>h1,
.page-hero-copy>h1,
.hero-copy>h1,
.auth-aside>h1 {
    clear: both;
}

.section-header.center>.eyebrow {
    margin-left: auto;
    margin-right: auto;
}

.section-header.center>h1,
.section-header.center>h2 {
    margin-left: auto;
    margin-right: auto;
}

.hero-actions,
.inline-actions,
.footer-actions,
.topbar-actions,
.hero-badges,
.metric-row {
    display: flex;
    flex-wrap: wrap;
    gap: .75rem;
    align-items: center;
}

.hero-actions {
    margin-top: 1.45rem;
}

.hero-badges,
.metric-row {
    margin-top: 1.15rem;
}

.hero-badge,
.metric,
.mini-stat {
    border: 1px solid var(--line);
    border-radius: var(--radius);
    background: rgba(255, 255, 255, .055);
    color: var(--muted);
    padding: .66rem .78rem;
    font-weight: 750;
}

.hero-badge {
    display: inline-flex;
    align-items: center;
    gap: .5rem;
    text-decoration: none;
    transition: transform .15s ease, border-color .15s ease, background-color .15s ease, color .15s ease;
}

.hero-badge:hover,
.hero-badge:focus-visible {
    color: var(--text);
    border-color: rgba(7, 116, 255, .5);
    background: rgba(255, 255, 255, .08);
    transform: translateY(-1px);
}

.hero-badge i,
.mini-stat i {
    color: var(--gold);
}

.metric {
    min-width: 128px;
}

.metric strong {
    display: block;
    font-size: 1.38rem;
}

.metric span {
    color: var(--muted-soft);
    font-size: .88rem;
}

.glass-card,
.portal-card,
.table-card,
.form-panel,
.hero-visual,
.hero-command-center,
.domain-preview-card,
.final-cta-panel {
    position: relative;
    overflow: hidden;
    border: 1px solid var(--line);
    border-radius: var(--radius);
    background:
        linear-gradient(145deg, rgba(255, 255, 255, .14), rgba(255, 255, 255, .045) 42%, rgba(7, 116, 255, .055)),
        rgba(4, 11, 24, .68);
    box-shadow: 0 18px 54px rgba(0, 0, 0, .38), inset 0 1px 0 rgba(255, 255, 255, .14);
    backdrop-filter: blur(12px);
}

.glass-card::before,
.portal-card::before,
.table-card::before,
.form-panel::before,
.hero-visual::before,
.hero-command-center::before,
.domain-preview-card::before,
.final-cta-panel::before {
    content: "";
    position: absolute;
    inset: 0;
    pointer-events: none;
    background:
        linear-gradient(125deg, rgba(255, 255, 255, .18), transparent 28%),
        radial-gradient(circle at 86% 0%, rgba(7, 116, 255, .16), transparent 34%);
}

.glass-card>*,
.portal-card>*,
.table-card>*,
.form-panel>*,
.hero-visual>*,
.hero-command-center>*,
.domain-preview-card>*,
.final-cta-panel>* {
    position: relative;
}

.glass-card,
.portal-card,
.form-panel,
.domain-preview-card {
    padding: 1.25rem;
}

.hero-visual {
    padding: 1rem;
    position: relative;
}

.hero-visual img,
.hero-command-center img,
.feature-visual img,
.service-card img,
.portfolio-card img {
    width: 100%;
    border-radius: var(--radius);
    border: 1px solid rgba(255, 255, 255, .12);
}

.visual-caption {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: .65rem;
    margin-top: .75rem;
}

.mini-stat {
    display: inline-flex;
    justify-content: center;
    gap: .5rem;
    background: rgba(4, 10, 22, .7);
}

.section {
    padding-top: 3.7rem;
    padding-bottom: 3.7rem;
}

.section-tight {
    padding-top: 2.5rem;
    padding-bottom: 2.5rem;
}

.section-band {
    max-width: none;
    margin: 0;
    padding: 3.9rem max(1.25rem, calc((100vw - var(--container)) / 2));
    border-top: 1px solid rgba(255, 255, 255, .07);
    border-bottom: 1px solid rgba(255, 255, 255, .07);
    background: linear-gradient(180deg, rgba(255, 255, 255, .035), rgba(255, 255, 255, .018));
}

.section-header {
    max-width: 740px;
    margin-bottom: 1.45rem;
}

.section-header.center {
    text-align: center;
    margin-left: auto;
    margin-right: auto;
}

.section-actions {
    display: flex;
    flex-wrap: wrap;
    gap: .75rem;
    margin-top: 1.25rem;
}

.cart-empty-actions {
    display: flex;
    flex-wrap: wrap;
    gap: .68rem;
    justify-content: center;
    width: 100%;
}

.cart-empty-actions .button {
    width: min(220px, 100%);
    max-width: 220px;
    min-height: 42px;
    padding-inline: .9rem;
    font-size: .86rem;
}

.grid {
    display: grid;
    gap: 1.1rem;
    align-items: stretch;
}

.grid-2 {
    grid-template-columns: repeat(auto-fit, minmax(min(320px, 100%), 1fr));
}

.grid-3 {
    grid-template-columns: repeat(auto-fit, minmax(min(260px, 100%), 1fr));
}

.grid-4 {
    grid-template-columns: repeat(auto-fit, minmax(min(240px, 100%), 1fr));
}

.align-center {
    align-items: center;
}

.glass-card,
.portal-card,
.plan-card,
.portfolio-card,
.domain-result-card,
.process-step {
    transition: transform .16s ease, border-color .16s ease, background .16s ease;
}

.glass-card:hover,
.plan-card:hover,
.portfolio-card:hover,
.domain-result-card:hover {
    transform: translateY(-2px);
    border-color: var(--line-strong);
    background: linear-gradient(180deg, rgba(255, 255, 255, .1), rgba(255, 255, 255, .052));
}

.card-icon {
    width: 46px;
    height: 46px;
    display: grid;
    place-items: center;
    margin-bottom: 1rem;
    border-radius: var(--radius);
    color: var(--gold);
    background: rgba(7, 116, 255, .16);
    border: 1px solid rgba(7, 116, 255, .25);
}

.home-hero {
    position: relative;
    isolation: isolate;
    overflow: hidden;
    max-width: none;
    padding-left: max(1.25rem, calc((100vw - var(--container)) / 2));
    padding-right: max(1.25rem, calc((100vw - var(--container)) / 2));
    border-bottom: 1px solid rgba(255, 255, 255, .08);
    background:
        linear-gradient(90deg, rgba(3, 7, 14, .98), rgba(5, 13, 27, .9) 48%, rgba(3, 7, 14, .98)),
        radial-gradient(circle at 18% 20%, rgba(7, 116, 255, .22), transparent 34%),
        radial-gradient(circle at 84% 20%, rgba(255, 192, 7, .1), transparent 28%),
        linear-gradient(180deg, rgba(255, 255, 255, .035), rgba(255, 255, 255, .012)),
        #05070d;
}

.home-hero::before,
.home-hero::after {
    content: "";
    position: absolute;
    z-index: 0;
    pointer-events: none;
}

.home-hero::before {
    inset: 0;
    background:
        linear-gradient(90deg, rgba(7, 116, 255, .1), transparent 36%, rgba(255, 192, 7, .07)),
        repeating-linear-gradient(90deg, rgba(255, 255, 255, .032) 0 1px, transparent 1px 96px),
        repeating-linear-gradient(180deg, rgba(255, 255, 255, .026) 0 1px, transparent 1px 96px);
    opacity: .55;
}

.home-hero::after {
    width: min(560px, 64vw);
    height: min(560px, 64vw);
    right: 6%;
    top: 48%;
    border-radius: 999px;
    background:
        radial-gradient(circle at 45% 45%, rgba(7, 116, 255, .22), transparent 56%),
        radial-gradient(circle at 62% 58%, rgba(255, 192, 7, .1), transparent 64%);
    filter: blur(34px);
    opacity: .66;
    transform: translateY(-50%);
}

.home-hero>.hero-copy,
.home-hero>.hero-command-center {
    position: relative;
    z-index: 2;
}

.hero-command-center {
    position: relative;
    overflow: hidden;
    padding: 1rem;
    min-height: 470px;
    border-color: rgba(7, 116, 255, .28);
    background:
        radial-gradient(circle at 12% 0%, rgba(7, 116, 255, .18), transparent 32%),
        radial-gradient(circle at 92% 100%, rgba(255, 192, 7, .12), transparent 34%),
        linear-gradient(145deg, rgba(255, 255, 255, .12), rgba(255, 255, 255, .045) 48%, rgba(7, 116, 255, .065));
}

.hero-command-center>* {
    position: relative;
    z-index: 1;
}

.hero-command-center::after {
    content: "";
    position: absolute;
    inset: 0;
    pointer-events: none;
    background:
        linear-gradient(180deg, transparent, rgba(7, 116, 255, .09), transparent),
        repeating-linear-gradient(180deg, rgba(255, 255, 255, .045) 0 1px, transparent 1px 18px);
    opacity: .32;
}

.platform-console {
    width: 100%;
    display: grid;
    gap: .9rem;
}

.console-header,
.console-footer {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: .75rem;
    flex-wrap: wrap;
}

.console-header {
    min-height: 46px;
    padding: .4rem .45rem .75rem;
    border-bottom: 1px solid rgba(255, 255, 255, .09);
}

.console-header span,
.console-footer span {
    display: inline-flex;
    align-items: center;
    gap: .48rem;
    color: #fff;
    font-weight: 850;
}

.console-header i,
.console-footer i {
    color: var(--gold);
}

.console-header small {
    color: var(--muted-soft);
    font-weight: 800;
}

.console-primary {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr);
    gap: 1rem;
    padding: 1.1rem;
    border: 1px solid rgba(7, 116, 255, .28);
    border-radius: var(--radius);
    background:
        linear-gradient(135deg, rgba(7, 116, 255, .18), rgba(255, 255, 255, .055)),
        rgba(3, 9, 20, .72);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .11);
}

.console-icon {
    width: 54px;
    height: 54px;
    display: grid;
    place-items: center;
    border-radius: var(--radius);
    color: #fff;
    background: linear-gradient(135deg, var(--blue), var(--blue-soft));
    box-shadow: 0 16px 34px rgba(7, 116, 255, .28);
}

.console-primary .eyebrow {
    margin-bottom: .35rem;
    font-size: .7rem;
}

.console-primary strong {
    display: block;
    max-width: 560px;
    font-size: clamp(1.1rem, 2vw, 1.35rem);
    line-height: 1.25;
}

.console-primary p {
    margin: .5rem 0 0;
    font-size: .94rem;
}

.workflow-list {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: .75rem;
    width: 100%;
}

.workflow-item {
    min-height: 96px;
    display: grid;
    grid-template-columns: auto minmax(0, 1fr);
    align-items: center;
    gap: .75rem;
    padding: .95rem;
    border: 1px solid var(--line);
    border-radius: var(--radius);
    background: linear-gradient(180deg, rgba(3, 9, 20, .86), rgba(3, 9, 20, .64));
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .09);
    backdrop-filter: blur(10px);
}

.workflow-item>span {
    width: 40px;
    height: 40px;
    display: grid;
    place-items: center;
    border-radius: var(--radius);
    color: var(--gold);
    background: rgba(7, 116, 255, .14);
    border: 1px solid rgba(7, 116, 255, .24);
}

.workflow-item strong {
    display: block;
    font-size: .98rem;
}

.workflow-item small {
    display: block;
    margin-top: .2rem;
    color: var(--muted-soft);
    line-height: 1.45;
}

.console-footer {
    padding: .85rem .95rem;
    border: 1px solid rgba(255, 255, 255, .09);
    border-radius: var(--radius);
    background: rgba(3, 9, 20, .54);
}

.visual-panel {
    min-height: 310px;
    display: grid;
    place-items: center;
    padding: 1.25rem;
}

.visual-core {
    position: absolute;
    inset: 39%;
    z-index: 2;
    display: grid;
    place-items: center;
    border-radius: var(--radius);
    color: var(--gold);
    background: rgba(7, 116, 255, .2);
    border: 1px solid rgba(7, 116, 255, .38);
    font-size: 1.7rem;
    box-shadow: 0 0 34px rgba(7, 116, 255, .32);
}

.service-visual {
    min-height: 280px;
    display: grid;
    place-items: center;
    padding: 1.25rem;
}

.service-visual .visual-core {
    position: static;
    width: 92px;
    height: 92px;
    margin: 0 auto 1rem;
}

.visual-list {
    width: min(100%, 380px);
    display: grid;
    gap: .7rem;
}

.visual-list span {
    display: flex;
    align-items: center;
    gap: .6rem;
    padding: .72rem .85rem;
    border: 1px solid var(--line);
    border-radius: var(--radius);
    background: rgba(3, 9, 20, .72);
    color: var(--muted);
    font-weight: 750;
}

.visual-list i {
    color: var(--gold);
    width: 18px;
}

.process-map {
    display: grid;
    gap: .8rem;
}

.process-map span {
    display: flex;
    align-items: center;
    gap: .7rem;
    padding: .85rem;
    border: 1px solid var(--line);
    border-radius: var(--radius);
    background: rgba(3, 9, 20, .72);
    color: var(--muted);
    font-weight: 780;
}

.process-map i {
    color: var(--gold);
}

.domain-preview-card {
    max-width: 960px;
    margin: 0 auto;
    background:
        radial-gradient(circle at 14% 0%, rgba(7, 116, 255, .22), transparent 31%),
        radial-gradient(circle at 94% 100%, rgba(255, 192, 7, .1), transparent 34%),
        linear-gradient(180deg, rgba(255, 255, 255, .105), rgba(255, 255, 255, .045));
    border-color: rgba(255, 255, 255, .14);
    box-shadow: 0 22px 68px rgba(0, 0, 0, .32), inset 0 1px 0 rgba(255, 255, 255, .1);
}

.domain-preview-card label {
    margin-top: 0;
}

.hero-domain-search {
    position: relative;
    isolation: isolate;
    overflow: hidden;
    max-width: none;
    margin: 0;
    padding: 2.45rem max(1.25rem, calc((100vw - var(--container)) / 2)) 2.35rem;
    border-bottom: 1px solid rgba(255, 255, 255, .08);
    background:
        radial-gradient(circle at 18% 8%, rgba(7, 116, 255, .2), transparent 30%),
        radial-gradient(circle at 82% 0%, rgba(255, 192, 7, .12), transparent 26%),
        linear-gradient(180deg, rgba(255, 255, 255, .042), rgba(255, 255, 255, .018));
}

.hero-domain-search::before {
    content: "";
    position: absolute;
    inset: -38% -12% -16% auto;
    z-index: -1;
    width: min(820px, 70vw);
    border-radius: 999px;
    background:
        radial-gradient(circle at 45% 45%, rgba(7, 116, 255, .24), transparent 58%),
        radial-gradient(circle at 62% 55%, rgba(255, 192, 7, .12), transparent 64%);
    opacity: .72;
    filter: blur(28px);
}

.hero-domain-search::after {
    content: "";
    position: absolute;
    inset: auto 0 0;
    z-index: -1;
    height: 1px;
    background: linear-gradient(90deg, transparent, rgba(7, 116, 255, .58), rgba(255, 192, 7, .32), transparent);
}

.hero-domain-search .section-header {
    margin-bottom: .9rem;
    max-width: 680px;
}

.home-domain-shell {
    position: relative;
    z-index: 1;
    width: 100%;
    max-width: var(--container);
    margin: 0 auto;
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    gap: clamp(1rem, 2.4vw, 1.7rem);
    align-items: center;
    justify-items: center;
}

.home-domain-preview .domain-preview-copy {
    max-width: 1120px;
    margin: 0 auto;
    text-align: center;
}

.home-domain-preview .domain-preview-copy .eyebrow {
    margin-left: auto;
    margin-right: auto;
}

.home-domain-preview .domain-preview-copy h1,
.home-domain-preview .domain-preview-copy .domain-search-title,
.home-domain-preview .domain-preview-copy .display-title {
    display: flex;
    align-items: baseline;
    justify-content: center;
    flex-wrap: wrap;
    gap: .16em .24em;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: .85rem;
    max-width: 1120px;
}

.domain-title-text,
.domain-title-rotator {
    position: relative;
    display: inline-block;
    flex: none;
    overflow: visible;
    vertical-align: baseline;
    font-size: inherit;
    line-height: inherit;
    font-weight: inherit;
    letter-spacing: inherit;
    white-space: nowrap;
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
}

.domain-title-text {
    color: transparent;
    background-image: linear-gradient(110deg, #ffffff 0%, #d8e8ff 38%, var(--blue-soft) 62%, var(--gold) 100%);
    text-shadow: none;
}

.domain-title-rotator {
    color: transparent;
    background-image: linear-gradient(135deg, #fff7cf 0%, var(--gold) 46%, #67b1ff 100%);
    text-align: left;
    text-shadow: none;
    transition: opacity .16s ease, transform .16s ease;
}

.domain-title-suffix {
    display: inline-block;
    color: transparent;
    font-size: inherit;
    line-height: inherit;
    font-weight: inherit;
    letter-spacing: inherit;
    white-space: nowrap;
    background-image: linear-gradient(110deg, #ffffff 0%, #d8e8ff 38%, var(--blue-soft) 62%, var(--gold) 100%);
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
    text-shadow: none;
}

.domain-title-rotator::after {
    content: "";
    display: inline-block;
    width: .08em;
    height: .78em;
    margin-left: .05em;
    border-radius: 999px;
    background: linear-gradient(180deg, var(--gold), var(--blue-soft));
    transform: translateY(.08em);
    animation: domainTypeCursor 1s ease-in-out infinite;
}

.domain-title-rotator.is-typing {
    transform: translateY(-.02em);
}

@supports not ((-webkit-background-clip: text) or (background-clip: text)) {
    .domain-title-text {
        color: #eaf3ff;
        background: none;
        -webkit-text-fill-color: currentColor;
    }

    .domain-title-rotator {
        color: var(--gold);
        background: none;
        -webkit-text-fill-color: currentColor;
    }

    .domain-title-suffix {
        color: #fff4d1;
        background: none;
        -webkit-text-fill-color: currentColor;
    }
}

@keyframes domainTypeCursor {

    0%,
    48% {
        opacity: 1;
    }

    49%,
    100% {
        opacity: .2;
    }
}

.domain-search-title {
    display: flex;
    align-items: baseline;
    justify-content: flex-start;
    flex-wrap: wrap;
    gap: .16em .24em;
    margin: 0 0 .85rem;
    max-width: 1120px;
    font-size: var(--display-title-size);
    line-height: 1.3;
    padding-bottom: .2em;
    color: #f8fbff;
    background: none;
    -webkit-text-fill-color: currentColor;
}

.domain-search-title .domain-title-text,
.domain-search-title .domain-title-rotator {
    position: relative;
    display: inline-block;
    flex: none;
    overflow: visible;
    vertical-align: baseline;
    line-height: inherit;
    white-space: nowrap;
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
}

.domain-search-title .domain-title-text {
    color: transparent;
    background-image: linear-gradient(110deg, #ffffff 0%, #d8e8ff 38%, var(--blue-soft) 62%, var(--gold) 100%);
    text-shadow: none;
}

.domain-search-title .domain-title-rotator {
    color: transparent;
    background-image: linear-gradient(135deg, #fff7cf 0%, var(--gold) 46%, #67b1ff 100%);
    text-align: left;
    text-shadow: none;
    transition: opacity .16s ease, transform .16s ease;
}

.domain-search-title .domain-title-suffix {
    display: inline-block;
    color: transparent;
    white-space: nowrap;
    background-image: linear-gradient(110deg, #ffffff 0%, #d8e8ff 38%, var(--blue-soft) 62%, var(--gold) 100%);
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
    text-shadow: none;
}

.domain-search-title .domain-title-rotator::after {
    content: "";
    display: inline-block;
    width: .08em;
    height: .78em;
    margin-left: .05em;
    border-radius: 999px;
    background: linear-gradient(180deg, var(--gold), var(--blue-soft));
    transform: translateY(.08em);
    animation: domainTypeCursor 1s ease-in-out infinite;
}

.domain-search-title .domain-title-rotator.is-typing {
    transform: translateY(-.02em);
}

@media (min-width: 900px) {
    .domain-search-title {
        flex-wrap: nowrap;
        white-space: nowrap;
    }

    .home-domain-preview .domain-preview-copy h1,
    .home-domain-preview .domain-preview-copy .domain-search-title,
    .home-domain-preview .domain-preview-copy .display-title {
        flex-wrap: nowrap;
        white-space: nowrap;
    }

    .domain-hero-subtitle {
        white-space: nowrap;
    }
}

.customer-domain-section .domain-preview-copy {
    width: 100%;
    max-width: none;
    margin: 0;
    justify-items: start;
    text-align: left;
}

.customer-domain-section .domain-search-title {
    width: 100%;
    max-width: none;
    justify-content: flex-start;
    margin-bottom: .85rem;
}

.customer-domain-section .domain-hero-subtitle {
    width: 100%;
    max-width: none;
    font-size: 1rem;
}

.domain-hero-subtitle {
    max-width: 1120px;
    margin: 0 auto;
    color: #c9d8ec;
    font-size: clamp(.98rem, 1.25vw, 1.08rem);
    line-height: 1.7;
}

.domain-service-line {
    display: inline-flex;
    justify-content: center;
    align-items: center;
    width: fit-content;
    max-width: min(100%, 820px);
    margin: -.18rem auto .45rem;
    padding: .38rem .8rem;
    border: 1px solid rgba(255, 192, 7, .18);
    border-radius: 999px;
    color: #f8fbff;
    background: linear-gradient(135deg, rgba(7, 116, 255, .18), rgba(255, 192, 7, .08));
    box-shadow: 0 12px 34px rgba(7, 116, 255, .14);
    font-size: clamp(.86rem, 1vw, .96rem);
    font-weight: 850;
    line-height: 1.35;
    text-align: center;
}

.domain-check-card {
    padding: clamp(1rem, 2.2vw, 1.45rem);
}

.home-domain-preview .domain-preview-card {
    width: 100%;
    max-width: var(--container);
    margin: 0 auto;
}

.home-domain-preview .domain-check-card {
    padding: clamp(1.45rem, 2.8vw, 2.25rem);
    border: 1px solid rgba(84, 214, 255, .08);
    border-radius: 30px;
    background:
        radial-gradient(circle at 10% 0%, rgba(7, 116, 255, .11), transparent 32%),
        radial-gradient(circle at 92% 16%, rgba(255, 192, 7, .055), transparent 28%),
        linear-gradient(180deg, rgba(255, 255, 255, .055), rgba(255, 255, 255, .018)),
        rgba(7, 14, 29, .44);
    box-shadow:
        0 34px 92px rgba(0, 0, 0, .42),
        0 0 46px rgba(7, 116, 255, .06),
        inset 0 1px 0 rgba(255, 255, 255, .13);
    backdrop-filter: blur(28px) saturate(165%);
    -webkit-backdrop-filter: blur(28px) saturate(165%);
    animation: none;
}

.home-domain-search-card {
    display: block;
    isolation: isolate;
}

.home-domain-search-card form {
    max-width: 1088px;
    margin: 0 auto;
}

.home-domain-search-card .domain-form-heading {
    justify-content: center;
    width: fit-content;
    margin: 0 auto .78rem;
}

.home-domain-search-card .domain-action-toggle {
    margin: 0 auto 1.22rem;
}

.home-domain-preview .domain-card-top-compact {
    padding: .5rem;
    margin-bottom: 1.05rem;
}

.domain-check-card>* {
    z-index: 1;
}

.domain-check-card::after {
    content: "";
    position: absolute;
    inset: 1px;
    z-index: 0;
    pointer-events: none;
    border-radius: inherit;
    background:
        linear-gradient(115deg, rgba(255, 255, 255, .1), transparent 24%),
        radial-gradient(circle at 86% 14%, rgba(7, 116, 255, .13), transparent 31%);
    opacity: .7;
}

.domain-card-top {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 1.25rem;
    align-items: start;
    padding-bottom: 1.05rem;
    margin-bottom: 1rem;
    border-bottom: 1px solid rgba(255, 255, 255, .1);
}

.domain-card-top h3 {
    margin-bottom: .45rem;
    font-size: clamp(1.15rem, 2vw, 1.45rem);
}

.domain-card-top p {
    max-width: 760px;
    margin: 0;
    color: #c4d3e8;
}

.domain-card-top-compact {
    display: flex;
    grid-template-columns: none;
    align-items: center;
    justify-content: space-between;
    gap: .65rem;
    padding: .58rem;
    margin-bottom: .9rem;
    border: 1px solid rgba(255, 255, 255, .12);
    border-radius: 999px;
    background:
        linear-gradient(180deg, rgba(255, 255, 255, .11), rgba(255, 255, 255, .045)),
        rgba(2, 8, 18, .34);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .14);
}

.domain-secure-badge {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: .45rem;
    min-height: 38px;
    padding: .5rem .86rem;
    border: 1px solid rgba(255, 255, 255, .18);
    border-radius: 999px;
    color: #f8fbff;
    background:
        linear-gradient(135deg, rgba(7, 116, 255, .24), rgba(255, 255, 255, .08)),
        rgba(255, 255, 255, .06);
    font-size: .8rem;
    font-weight: 900;
    white-space: nowrap;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .16), 0 12px 28px rgba(7, 116, 255, .12);
}

.domain-secure-badge i {
    color: var(--gold);
}

.domain-form-toolbar {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1.2rem;
    max-width: 1068px;
    margin: 0 auto 1.1rem;
}

.domain-form-heading {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: .5rem;
    width: auto;
    margin: 0;
    color: #f5f9ff;
    font-size: .82rem;
    font-weight: 900;
    letter-spacing: .09em;
    text-transform: uppercase;
    text-align: center;
}

.domain-form-heading i {
    color: var(--gold);
}

.domain-action-toggle {
    position: relative;
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: .28rem;
    width: min(370px, 100%);
    margin: 0;
    padding: .32rem;
    border: 1px solid rgba(255, 255, 255, .09);
    border-radius: 999px;
    background:
        radial-gradient(circle at 20% 0%, rgba(255, 255, 255, .08), transparent 34%),
        linear-gradient(180deg, rgba(255, 255, 255, .07), rgba(255, 255, 255, .025)),
        rgba(2, 8, 18, .44);
    box-shadow: 0 12px 26px rgba(0, 0, 0, .14), inset 0 1px 0 rgba(255, 255, 255, .09);
}

.domain-check-card .domain-action-option {
    display: block;
    margin: 0;
    padding: 0;
    cursor: pointer;
    color: inherit;
    font-size: inherit;
}

.domain-check-card .domain-action-option span {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: .46rem;
    width: 100%;
    min-height: 40px;
    padding: .52rem .9rem;
    border: 1px solid transparent;
    border-radius: 999px;
    color: #cfe0f7;
    font-size: .84rem;
    font-weight: 900;
    letter-spacing: .01em;
    transition: color .16s ease, background .16s ease, border-color .16s ease, box-shadow .16s ease, transform .16s ease;
}

.domain-check-card .domain-action-option span i {
    color: var(--gold);
    transition: color .16s ease;
}

.domain-check-card .domain-action-option:hover span {
    color: #fff;
    background: rgba(255, 255, 255, .055);
    border-color: rgba(255, 255, 255, .1);
}

.domain-check-card .domain-action-option input:checked+span {
    color: #fff;
    transform: translateY(-1px);
    border-color: rgba(84, 214, 255, .36);
    background:
        linear-gradient(135deg, rgba(7, 116, 255, .86), rgba(84, 214, 255, .3)),
        rgba(255, 255, 255, .08);
    box-shadow: 0 14px 28px rgba(7, 116, 255, .24), inset 0 1px 0 rgba(255, 255, 255, .24);
}

.domain-check-card .domain-action-option input:checked+span i {
    color: #fff2b8;
}

.domain-check-card .domain-action-option input:focus-visible+span {
    outline: 3px solid rgba(255, 192, 7, .34);
    outline-offset: 3px;
}

.domain-muted-note {
    padding: .42rem .74rem;
    border: 1px solid rgba(255, 255, 255, .08);
    border-radius: 999px;
    color: #cfe0f7;
    background: rgba(255, 255, 255, .035);
    font-size: .84rem;
    font-weight: 800;
    text-align: right;
}

.domain-check-card label {
    margin-bottom: .48rem;
    color: #edf5ff;
    font-size: .9rem;
}

.after-domain-search {
    min-height: 520px;
    padding-top: 3.25rem;
    padding-bottom: 4rem;
}

.domain-preview-row {
    display: grid;
    grid-template-columns: minmax(0, 1fr) clamp(158px, 15vw, 184px);
    gap: .7rem;
    align-items: stretch;
    margin: 0;
}

.domain-check-row {
    padding: .44rem;
    border: 1px solid rgba(255, 255, 255, .14);
    border-radius: 999px;
    background:
        linear-gradient(180deg, rgba(255, 255, 255, .08), rgba(255, 255, 255, .035)),
        rgba(1, 7, 17, .72);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .1), 0 18px 44px rgba(0, 0, 0, .2);
}

.home-domain-preview .domain-check-row {
    gap: .58rem;
    padding: .5rem;
    border-color: rgba(255, 255, 255, .08);
    border-radius: 999px;
    background:
        radial-gradient(circle at 0% 50%, rgba(255, 192, 7, .045), transparent 26%),
        linear-gradient(180deg, rgba(255, 255, 255, .09), rgba(255, 255, 255, .03)),
        rgba(1, 7, 17, .58);
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, .12),
        0 18px 46px rgba(0, 0, 0, .28);
    backdrop-filter: blur(18px) saturate(145%);
    -webkit-backdrop-filter: blur(18px) saturate(145%);
}

.domain-input-shell {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr);
    gap: .7rem;
    align-items: center;
    min-height: 56px;
    padding: 0 1.05rem;
    border: 1px solid transparent;
    border-radius: 999px;
    background: transparent;
    transition: border-color .16s ease, box-shadow .16s ease, background .16s ease, transform .16s ease;
}

.domain-input-shell:focus-within {
    transform: none;
    border-color: transparent;
    background: transparent;
    box-shadow: none;
}

.domain-input-shell i {
    display: inline-grid;
    width: 34px;
    height: 34px;
    place-items: center;
    border: 0;
    border-radius: 999px;
    color: var(--gold);
    background: rgba(255, 255, 255, .055);
    font-size: 1rem;
}

.domain-input-shell input {
    min-height: 56px;
    border: 0;
    padding: 0;
    background: transparent;
    color: #fff;
    font-size: 1.04rem;
    font-weight: 760;
}

.domain-input-shell input:focus {
    box-shadow: none;
}

.home-domain-preview .domain-input-shell {
    border-color: rgba(255, 255, 255, .08);
    background:
        linear-gradient(180deg, rgba(255, 255, 255, .035), rgba(255, 255, 255, .015)),
        rgba(0, 4, 12, .52);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .06);
}

.home-domain-preview .domain-input-shell:focus-within {
    border-color: rgba(255, 192, 7, .3);
    background:
        linear-gradient(180deg, rgba(255, 255, 255, .045), rgba(255, 255, 255, .018)),
        rgba(0, 4, 12, .64);
    box-shadow: 0 0 0 4px rgba(7, 116, 255, .08), inset 0 1px 0 rgba(255, 255, 255, .08);
}

.home-domain-preview .domain-input-shell i {
    border-color: rgba(255, 192, 7, .22);
    background:
        linear-gradient(145deg, rgba(255, 255, 255, .1), rgba(255, 255, 255, .035)),
        rgba(255, 192, 7, .06);
}

.domain-search-button {
    min-height: 56px;
    min-width: 174px;
    padding-inline: 1.28rem;
    border-radius: 999px;
    background:
        linear-gradient(135deg, #0774ff, #2aa4ff 56%, #0759d7);
    box-shadow: 0 16px 34px rgba(7, 116, 255, .3), inset 0 1px 0 rgba(255, 255, 255, .24);
}

.domain-search-button:hover {
    border-radius: 999px;
    box-shadow: 0 18px 40px rgba(7, 116, 255, .36), inset 0 1px 0 rgba(255, 255, 255, .28);
}

.home-domain-preview .domain-search-button {
    border: 1px solid rgba(255, 255, 255, .2);
    background:
        linear-gradient(135deg, #0a65ee, #0774ff 48%, #33aaff);
    box-shadow:
        0 18px 38px rgba(7, 116, 255, .32),
        inset 0 1px 0 rgba(255, 255, 255, .28),
        inset 0 -1px 0 rgba(0, 0, 0, .14);
}

.domain-chip-line {
    display: flex;
    align-items: center;
    gap: .75rem;
    flex-wrap: wrap;
}

.home-domain-preview .domain-chip-line {
    margin-top: .95rem;
    padding: 0 .15rem;
    align-items: flex-start;
    border: 0;
    background: transparent;
}

.domain-chip-label {
    color: var(--muted-soft);
    font-size: .78rem;
    font-weight: 900;
    text-transform: uppercase;
    letter-spacing: .08em;
}

.domain-chip-header {
    display: flex;
    align-items: end;
    justify-content: space-between;
    gap: 1rem;
    margin: .95rem 0 .65rem;
}

.domain-chip-header span {
    color: #fff;
    font-size: .9rem;
    font-weight: 900;
}

.domain-chip-header small {
    color: var(--muted-soft);
    font-weight: 700;
}

.domain-chip-row .chip {
    min-height: 36px;
    padding: .4rem .76rem;
    border-color: rgba(255, 255, 255, .14);
    background:
        linear-gradient(180deg, rgba(255, 255, 255, .105), rgba(255, 255, 255, .04)),
        rgba(255, 255, 255, .035);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .12);
    overflow-wrap: anywhere;
    transition: transform .16s ease, border-color .16s ease, background .16s ease, box-shadow .16s ease;
}

.domain-chip-row .chip:hover {
    transform: translateY(-2px);
    border-color: rgba(7, 116, 255, .48);
    background:
        linear-gradient(180deg, rgba(255, 255, 255, .14), rgba(255, 255, 255, .055)),
        rgba(7, 116, 255, .08);
    box-shadow: 0 14px 30px rgba(0, 0, 0, .18), inset 0 1px 0 rgba(255, 255, 255, .16);
}

.domain-chip-row .chip.status-premium {
    color: #07101c;
    border-color: rgba(255, 192, 7, .85);
    background: linear-gradient(135deg, var(--gold), #ffe17a);
}

.domain-check-footer {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: .65rem;
    margin-top: 1rem;
}

.domain-check-footer span {
    display: flex;
    align-items: center;
    gap: .52rem;
    min-height: 46px;
    padding: .72rem .82rem;
    border: 1px solid rgba(255, 255, 255, .1);
    border-radius: var(--radius);
    background: rgba(255, 255, 255, .055);
    color: #dbe7f8;
    font-size: .84rem;
    font-weight: 820;
}

.domain-check-footer i {
    color: var(--gold);
}

.domain-form-note {
    display: flex;
    align-items: center;
    gap: .5rem;
    margin: .82rem 0 0;
    color: var(--muted-soft);
    font-size: .84rem;
    line-height: 1.5;
}

.domain-form-note i {
    color: var(--blue-soft);
}

.domain-search-alert {
    display: flex;
    align-items: flex-start;
    gap: .6rem;
    margin-top: .9rem;
    padding: .82rem .95rem;
    border: 1px solid rgba(255, 70, 70, .28);
    border-radius: var(--radius);
    background: rgba(255, 70, 70, .1);
    color: #ffdede;
    font-size: .88rem;
    line-height: 1.5;
}

.domain-search-alert i {
    color: var(--gold);
    margin-top: .17rem;
}

.home-domain-results {
    max-width: var(--container);
    margin: 1.15rem auto 0;
}

.domain-search-section,
.home-domain-results,
#home-domain-results,
#domain-results,
.customer-domain-results {
    scroll-margin-top: clamp(7.25rem, 12vw, 10.5rem);
}

.domains-page #domain-results,
.domains-page .domain-results-section,
.domains-page .domain-search-section {
    scroll-margin-top: clamp(10rem, 18vw, 14rem);
}

.home-domain-search-card .home-domain-results {
    max-width: none;
    margin: 1rem 0 0;
    padding-top: 0;
    border-top: 0;
}

.home-domain-results:focus,
.home-domain-results:focus-visible {
    outline: none;
}

.home-domain-search-card .home-domain-results-empty {
    display: none;
}

.home-domain-search-card .domain-results-heading {
    margin-top: 0;
}

.home-domain-results .domain-results-heading {
    text-align: left;
}

.home-domain-results .domain-results-heading .eyebrow,
.home-domain-results .domain-results-heading p {
    margin-left: 0;
    margin-right: 0;
}

.home-domain-results .domain-suggested-heading {
    align-items: center;
}

.home-domain-results .domain-suggested-heading span,
.home-domain-results .domain-suggested-heading small {
    text-align: left;
}

.home-domain-results .domain-results-foot {
    justify-content: flex-start;
}

.home-domain-results.is-loading {
    min-height: 132px;
}

.domain-results-loading {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: .65rem;
    min-height: 104px;
    padding: 1rem 1.15rem;
    border: 1px dashed rgba(255, 255, 255, .14);
    border-radius: 18px;
    background:
        linear-gradient(145deg, rgba(255, 255, 255, .05), rgba(255, 255, 255, .02)),
        rgba(6, 16, 34, .62);
    color: var(--text);
}

.domain-results-loading i {
    color: var(--gold);
}

.home-domain-placeholder {
    margin-top: .95rem;
}

.domain-results-heading {
    display: grid;
    gap: .25rem;
    margin: 1.15rem 0 .8rem;
    text-align: center;
}

.domain-results-heading .eyebrow {
    margin-left: auto;
    margin-right: auto;
}

.domain-results-heading h3 {
    margin: 0;
    font-size: clamp(1.08rem, 1.8vw, 1.35rem);
}

.domain-results-heading p {
    max-width: 680px;
    margin: 0 auto;
    color: var(--muted-soft);
    font-size: .92rem;
}

.domain-primary-result {
    margin-bottom: 1rem;
}

.domain-suggested-group {
    display: grid;
    gap: .8rem;
}

.domain-suggested-heading {
    display: flex;
    align-items: end;
    justify-content: space-between;
    gap: 1rem;
    padding: 0 .1rem;
}

.domain-suggested-heading span {
    color: #f6f9ff;
    font-size: .9rem;
    font-weight: 900;
}

.domain-suggested-heading small {
    color: var(--muted-soft);
    font-size: .82rem;
    font-weight: 750;
}

.domain-result-primary {
    padding: clamp(1rem, 1.9vw, 1.4rem);
    border-color: rgba(84, 214, 255, .28);
    background:
        radial-gradient(circle at 10% 0%, rgba(7, 116, 255, .18), transparent 35%),
        linear-gradient(145deg, rgba(255, 255, 255, .13), rgba(255, 255, 255, .045) 52%, rgba(255, 192, 7, .06)),
        rgba(3, 9, 20, .76);
    box-shadow:
        0 24px 70px rgba(0, 0, 0, .34),
        0 0 0 1px rgba(255, 255, 255, .035),
        inset 0 1px 0 rgba(255, 255, 255, .16);
}

.domain-result-primary h3 {
    font-size: clamp(1.35rem, 2.4vw, 2rem);
}

.domain-result-primary-grid {
    display: grid;
    grid-template-columns: minmax(0, 1.15fr) minmax(280px, .85fr);
    gap: 1.1rem;
    align-items: start;
    margin-top: 1.05rem;
}

.domain-result-primary-copy {
    display: grid;
    gap: .6rem;
    min-width: 0;
}

.domain-result-primary-copy h3 {
    margin: 0;
    font-size: clamp(1.55rem, 2.6vw, 2.1rem);
    line-height: 1.05;
    word-break: break-word;
}

.domain-result-primary-copy p {
    max-width: 48ch;
    margin: 0;
    font-size: .94rem;
    line-height: 1.58;
}

.domain-result-primary-panel {
    display: grid;
    gap: .82rem;
    padding: 1.05rem;
    border: 1px solid rgba(255, 255, 255, .12);
    border-radius: calc(var(--radius) + 6px);
    background:
        linear-gradient(180deg, rgba(255, 255, 255, .08), rgba(255, 255, 255, .04)),
        rgba(3, 9, 20, .58);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .08);
}

.domain-result-primary-panel-head {
    display: grid;
    gap: .18rem;
}

.domain-result-primary-panel-head span {
    display: inline-flex;
    align-items: center;
    gap: .45rem;
    color: #fff;
    font-size: .88rem;
    font-weight: 900;
    letter-spacing: .05em;
    text-transform: uppercase;
}

.domain-result-primary-panel-head i {
    color: var(--gold);
}

.domain-result-primary-panel-head small {
    color: var(--muted-soft);
    font-size: .8rem;
    font-weight: 750;
}

.domain-result-primary-stat-grid {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    gap: .6rem;
}

.domain-result-primary-stat {
    display: grid;
    gap: .18rem;
    padding: .8rem .85rem;
    border: 1px solid rgba(255, 255, 255, .11);
    border-radius: calc(var(--radius) + 4px);
    background: rgba(255, 255, 255, .04);
}

.domain-result-primary-stat span {
    color: var(--muted-soft);
    font-size: .72rem;
    font-weight: 850;
    letter-spacing: .06em;
    text-transform: uppercase;
}

.domain-result-primary-stat strong {
    color: #fff;
    font-size: 1.32rem;
    line-height: 1.1;
}

.domain-result-primary-form {
    display: grid;
    gap: .68rem;
}

.domain-result-primary-form .domain-transfer-cart-form,
.domain-result-primary-form form:not(.domain-transfer-cart-form) {
    width: 100%;
    max-width: none;
}

.domain-result-primary-form .domain-transfer-cart-form {
    display: grid;
    gap: .72rem;
}

.domain-result-primary-form label {
    margin: 0;
    color: var(--muted-soft);
    font-size: .74rem;
    font-weight: 850;
    line-height: 1.25;
}

.domain-result-primary-form select {
    width: 100%;
    min-height: 44px;
    padding: .68rem .85rem;
    border-radius: 14px;
}

.domain-result-primary-form .button {
    width: 100%;
    min-height: 44px;
    justify-content: center;
}

.domain-result-primary-panel .domain-price-line,
.domain-result-primary-panel .domain-renewal-line {
    display: none;
}

.domain-result-primary-panel .domain-result-actions form:not(.domain-transfer-cart-form) {
    width: 100%;
    max-width: none;
}

.domain-result-primary-panel .domain-result-actions form:not(.domain-transfer-cart-form) select,
.domain-result-primary-panel .domain-result-actions form:not(.domain-transfer-cart-form) .button {
    width: 100%;
}

.domain-result-primary .domain-result-actions {
    margin-top: .95rem;
}

@media (max-width: 900px) {
    .domain-result-primary-grid {
        grid-template-columns: 1fr;
    }

    .domain-result-primary-panel {
        padding: .9rem;
    }

    .domain-result-primary-stat-grid {
        grid-template-columns: 1fr;
    }
}

@media (min-width: 1040px) {

    .domain-results-grid {
        grid-template-columns: repeat(4, minmax(0, 1fr));
    }
}

.domain-result-topline {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    flex-wrap: wrap;
    gap: .42rem;
    color: var(--muted-soft);
    font-size: .78rem;
    font-weight: 850;
    text-transform: uppercase;
    letter-spacing: .06em;
}

.domain-result-actions {
    margin-top: .15rem;
    display: grid;
    gap: .65rem;
}

.domain-result-card .domain-result-actions,
.domain-result-card .inline-actions {
    margin-top: .15rem;
}

.domain-result-actions .button {
    width: 100%;
}

.domain-unavailable-note {
    display: inline-flex;
    align-items: center;
    min-height: 42px;
    color: var(--muted-soft);
    font-size: .86rem;
    font-weight: 750;
}

.domain-results-foot {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: .75rem;
    margin-top: 1rem;
}

.home-plan-card,
.service-summary-card,
.support-card {
    min-height: 100%;
    display: flex;
    flex-direction: column;
}

.plan-card-top {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr);
    gap: .85rem;
    align-items: start;
    margin-bottom: .95rem;
}

.plan-card-top .card-icon {
    flex: 0 0 auto;
    margin: .05rem 0 0;
}

.plan-card-heading {
    display: grid;
    gap: .3rem;
    min-width: 0;
}

.plan-card-heading h3 {
    margin: 0;
}

.plan-card-heading .eyebrow {
    margin-bottom: 0;
    min-height: 1.68rem;
    padding: .22rem .52rem;
    font-size: .68rem;
}

.home-plan-card h3,
.service-summary-card h3,
.support-card h3,
.portfolio-preview-card h3 {
    font-size: 1.08rem;
    line-height: 1.24;
}

.service-summary-card .button,
.support-card .button,
.portfolio-preview-card .button {
    margin-top: auto;
}

.compact-feature-list {
    margin-top: .25rem;
}

.design-split {
    display: grid;
    grid-template-columns: minmax(280px, .9fr) minmax(0, 1.1fr);
    gap: 2rem;
}

.split-copy {
    max-width: 660px;
}

.design-studio-section {
    padding-top: clamp(2.4rem, 5vw, 4rem);
    padding-bottom: clamp(2.4rem, 5vw, 4rem);
}

.design-studio-shell {
    position: relative;
    display: grid;
    grid-template-columns: minmax(0, 1.04fr) minmax(330px, .96fr);
    gap: clamp(1.4rem, 3vw, 2.4rem);
    align-items: stretch;
    padding: clamp(1.2rem, 3vw, 2rem);
    overflow: hidden;
    background:
        radial-gradient(circle at 14% 8%, rgba(7, 116, 255, .22), transparent 34%),
        radial-gradient(circle at 86% 14%, rgba(255, 192, 7, .14), transparent 30%),
        linear-gradient(135deg, rgba(255, 255, 255, .08), rgba(255, 255, 255, .035));
}

.design-studio-shell::before {
    content: "";
    position: absolute;
    inset: 0;
    pointer-events: none;
    opacity: .42;
    background:
        linear-gradient(120deg, transparent 0 34%, rgba(84, 214, 255, .12) 34.2%, transparent 34.7%),
        linear-gradient(300deg, transparent 0 58%, rgba(255, 192, 7, .09) 58.2%, transparent 58.8%);
}

.design-studio-copy,
.design-process-card {
    position: relative;
    z-index: 1;
}

.design-studio-copy {
    display: flex;
    flex-direction: column;
    justify-content: center;
    min-width: 0;
}

.design-studio-copy h2 {
    max-width: 720px;
    margin-bottom: .8rem;
}

.design-studio-copy p {
    max-width: 720px;
    color: var(--muted);
    font-size: clamp(1rem, 1.45vw, 1.1rem);
    line-height: 1.75;
}

.design-process-card {
    display: grid;
    gap: 1.05rem;
    padding: clamp(1.15rem, 2.4vw, 1.55rem);
    border: 1px solid rgba(255, 255, 255, .12);
    border-radius: calc(var(--radius) + 4px);
    background:
        linear-gradient(180deg, rgba(5, 14, 30, .78), rgba(4, 9, 20, .62)),
        rgba(2, 7, 16, .68);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .08);
}

.process-card-header {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr);
    gap: .85rem;
    align-items: center;
    padding-bottom: .95rem;
    border-bottom: 1px solid rgba(255, 255, 255, .09);
}

.process-card-header .card-icon {
    margin: 0;
}

.process-card-header h3 {
    margin: 0;
    font-size: clamp(1.12rem, 1.8vw, 1.35rem);
    letter-spacing: 0;
}

.process-track {
    display: grid;
    gap: .72rem;
    margin: 0;
    padding: 0;
    list-style: none;
}

.process-track-item {
    display: grid;
    grid-template-columns: 38px minmax(0, 1fr);
    gap: .75rem;
    align-items: start;
    padding: .82rem;
    border: 1px solid rgba(255, 255, 255, .1);
    border-radius: var(--radius);
    background:
        linear-gradient(180deg, rgba(255, 255, 255, .065), rgba(255, 255, 255, .03)),
        rgba(3, 9, 20, .68);
    transition: transform .22s ease, border-color .22s ease, background .22s ease;
}

.process-track-item:hover {
    transform: translateY(-2px);
    border-color: rgba(84, 214, 255, .28);
    background:
        linear-gradient(180deg, rgba(255, 255, 255, .08), rgba(255, 255, 255, .038)),
        rgba(5, 16, 34, .74);
}

.process-track-item>span {
    width: 34px;
    height: 34px;
    display: grid;
    place-items: center;
    border-radius: calc(var(--radius) - 2px);
    color: #07101c;
    background: linear-gradient(135deg, var(--gold), #ffe17a);
    font-size: .86rem;
    font-weight: 950;
}

.process-track-item strong {
    display: block;
    margin-bottom: .15rem;
    color: #f5f8ff;
}

.process-track-item p {
    margin: 0;
    font-size: .9rem;
    line-height: 1.5;
}

.design-service-list {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: .7rem;
    margin: 1rem 0 1.25rem;
}

.design-service-list span {
    display: flex;
    align-items: center;
    gap: .55rem;
    padding: .78rem .85rem;
    border: 1px solid rgba(255, 255, 255, .1);
    border-radius: var(--radius);
    background: rgba(255, 255, 255, .045);
    color: #dce8f8;
    font-weight: 780;
}

.design-service-list i {
    color: var(--gold);
}

.design-capability-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: .85rem;
    margin: 1.25rem 0 1.4rem;
}

.design-capability-grid article {
    min-width: 0;
    padding: 1rem;
    border: 1px solid rgba(255, 255, 255, .1);
    border-radius: calc(var(--radius) + 2px);
    background:
        linear-gradient(180deg, rgba(255, 255, 255, .072), rgba(255, 255, 255, .032)),
        rgba(4, 12, 26, .58);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .07);
    transition: transform .22s ease, border-color .22s ease, background .22s ease;
}

.design-capability-grid article:hover {
    transform: translateY(-2px);
    border-color: rgba(255, 192, 7, .26);
    background:
        linear-gradient(180deg, rgba(255, 255, 255, .09), rgba(255, 255, 255, .04)),
        rgba(6, 17, 36, .68);
}

.design-capability-grid i {
    width: 36px;
    height: 36px;
    display: grid;
    place-items: center;
    margin-bottom: .75rem;
    border-radius: 12px;
    color: var(--gold);
    background: rgba(255, 192, 7, .1);
    box-shadow: inset 0 0 0 1px rgba(255, 192, 7, .18);
}

.design-capability-grid strong {
    display: block;
    margin-bottom: .28rem;
    color: #f5f8ff;
    font-size: .98rem;
    line-height: 1.25;
}

.design-capability-grid span {
    display: block;
    color: var(--muted-soft);
    font-size: .9rem;
    line-height: 1.55;
}

.process-pills {
    display: flex;
    flex-wrap: wrap;
    gap: .65rem;
    margin: 1rem 0 1.25rem;
}

.support-card p {
    margin: .25rem 0;
}

.support-card a {
    color: #dcecff;
}

.support-card a:hover {
    color: #fff;
}

.contact-support-section .support-card {
    display: flex;
    flex-direction: column;
}

.contact-support-section .support-card .button {
    margin-top: auto;
}

.support-departments-heading {
    margin-top: clamp(1.8rem, 4vw, 2.6rem);
}

.final-cta {
    padding-top: 1.8rem;
}

.final-cta-panel {
    padding: clamp(1.4rem, 4vw, 2.4rem);
    background:
        radial-gradient(circle at 12% 0%, rgba(255, 192, 7, .18), transparent 30%),
        radial-gradient(circle at 92% 18%, rgba(7, 116, 255, .28), transparent 32%),
        linear-gradient(180deg, rgba(255, 255, 255, .09), rgba(255, 255, 255, .045));
}

.final-cta-panel h2 {
    max-width: 760px;
}

.final-cta-panel p {
    max-width: 760px;
}

.page-hero {
    position: relative;
    padding-top: 3.8rem;
    padding-bottom: 2.2rem;
}

.page-hero::after {
    content: "";
    display: block;
    width: min(100%, 760px);
    height: 1px;
    margin-top: 1.35rem;
    background: linear-gradient(90deg, rgba(7, 116, 255, .6), rgba(255, 192, 7, .34), transparent);
}

.page-hero p {
    max-width: 760px;
    font-size: 1.08rem;
}

.tabs,
.chip-row {
    display: flex;
    flex-wrap: wrap;
    gap: .65rem;
}

.tabs {
    margin-top: 1.1rem;
}

.chip,
.status-badge {
    border-radius: 999px;
    border: 1px solid var(--line);
    background: rgba(255, 255, 255, .065);
    color: var(--text);
    padding: .46rem .75rem;
    font-weight: 850;
    font-size: .83rem;
}

button.chip {
    cursor: pointer;
}

.status-available,
.status-paid,
.status-open {
    color: #06101d;
    background: var(--green);
    border-color: transparent;
}

.status-unpaid,
.status-pending,
.status-pending-provisioning,
.status-pending-review {
    color: #07101c;
    background: var(--gold);
    border-color: transparent;
}

.status-unavailable,
.status-cancelled,
.status-closed {
    color: #fff;
    background: var(--red);
    border-color: transparent;
}

.status-premium {
    color: #07101c;
    background: var(--gold);
    border-color: transparent;
}

.status-transfer-needed,
.status-taken,
.status-answered,
.status-customer-reply {
    color: #dcecff;
    background: rgba(7, 116, 255, .2);
    border-color: rgba(7, 116, 255, .35);
}

.status-featured {
    color: #06101d;
    background: linear-gradient(135deg, #54d6ff, #8bdfff);
    border-color: transparent;
}

.feature-card,
.service-card,
.plan-card,
.portfolio-card,
.domain-result-card {
    min-height: 100%;
    display: flex;
    flex-direction: column;
}

.feature-card h2,
.service-card h2,
.plan-card h2,
.portfolio-card h2 {
    font-size: 1.25rem;
    line-height: 1.22;
}

.feature-card p,
.service-card p,
.plan-card p,
.portfolio-card p,
.domain-result-card p {
    margin-top: 0;
}

.service-card img {
    margin: -1.25rem -1.25rem 1.05rem;
    width: calc(100% + 2.5rem);
    max-width: none;
    aspect-ratio: 16 / 9;
    object-fit: cover;
    border-radius: var(--radius) var(--radius) 0 0;
}

.portfolio-card img {
    aspect-ratio: 16 / 10;
    object-fit: cover;
    margin-bottom: 1rem;
}

.service-card .button,
.portfolio-card .button,
.domain-result-card .inline-actions {
    margin-top: auto;
}

.price {
    display: flex;
    align-items: flex-end;
    gap: .45rem;
    margin: .75rem 0 1rem;
}

.price strong {
    font-size: 1.65rem;
    line-height: 1;
}

.price span {
    color: var(--muted-soft);
}

.plan-card {
    display: flex;
    flex-direction: column;
}

.plan-card form,
.plan-card .inline-actions {
    margin-top: auto;
}

.plan-card .inline-actions form {
    margin-top: 0;
}

.feature-list {
    list-style: none;
    padding: 0;
    margin: 1rem 0;
    display: grid;
    gap: .42rem;
}

.feature-list li {
    display: flex;
    align-items: flex-start;
    gap: .5rem;
    color: var(--muted);
    line-height: 1.58;
}

.feature-list li::before {
    content: "\f00c";
    display: inline-grid;
    place-items: center;
    flex: 0 0 21px;
    width: 21px;
    height: 21px;
    margin-top: .06rem;
    border: 1px solid rgba(255, 192, 7, .26);
    border-radius: 999px;
    font-family: "Font Awesome 6 Free";
    font-size: .68rem;
    font-weight: 900;
    line-height: 1;
    color: #07101c;
    background: linear-gradient(135deg, var(--gold), #ffe17a);
    box-shadow: 0 8px 18px rgba(255, 192, 7, .12), inset 0 1px 0 rgba(255, 255, 255, .32);
}

.process-step {
    position: relative;
    padding-left: 4rem;
}

.process-step .step-number {
    position: absolute;
    left: 1.15rem;
    top: 1.15rem;
    width: 38px;
    height: 38px;
    display: grid;
    place-items: center;
    border-radius: var(--radius);
    background: var(--gold);
    color: #07101c;
    font-weight: 950;
}

form {
    margin: 0;
}

label {
    display: block;
    color: #fff;
    font-weight: 800;
    margin: .85rem 0 .35rem;
}

input,
select,
textarea {
    width: 100%;
    border: 1px solid rgba(255, 255, 255, .15);
    border-radius: var(--radius);
    background: rgba(3, 9, 20, .82);
    color: #fff;
    padding: .86rem .9rem;
    font: inherit;
}

input:focus,
select:focus,
textarea:focus {
    border-color: rgba(7, 116, 255, .75);
    box-shadow: 0 0 0 4px rgba(7, 116, 255, .14);
    outline: none;
}

input.field-has-error,
select.field-has-error,
textarea.field-has-error {
    border-color: rgba(255, 93, 108, .9);
    background: linear-gradient(180deg, rgba(255, 93, 108, .14), rgba(3, 9, 20, .82));
    box-shadow: 0 0 0 4px rgba(255, 93, 108, .12);
}

.field-error {
    margin: .45rem 0 0;
    color: #ffdede;
    font-size: .86rem;
    font-weight: 760;
}

.field-note {
    margin: .6rem 0 0;
    color: #d8e8ff;
    font-size: .88rem;
    font-weight: 760;
    line-height: 1.6;
}

input[type="checkbox"] {
    width: auto;
    margin-right: .42rem;
    accent-color: var(--blue);
}

textarea {
    min-height: 132px;
    resize: vertical;
}

.form-panel {
    padding: 1.35rem;
}

.form-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0 1rem;
}

.honeypot,
.form-honeypot {
    position: absolute;
    left: -10000px;
    width: 1px;
    height: 1px;
    overflow: hidden;
}

.domain-search-box {
    background: linear-gradient(180deg, rgba(7, 116, 255, .12), rgba(255, 255, 255, .055));
}

.search-input-row {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: .7rem;
    align-items: end;
}

.domain-result-card h3 {
    font-size: 1.35rem;
    word-break: break-word;
}

.auth-shell {
    min-height: calc(100vh - 82px);
    display: grid;
    grid-template-columns: minmax(0, 1.08fr) minmax(360px, .92fr);
    gap: clamp(1.25rem, 4vw, 3rem);
    align-items: stretch;
    padding-top: clamp(2rem, 4vw, 3.75rem);
    padding-bottom: clamp(2rem, 4vw, 3.75rem);
}

.auth-aside {
    position: relative;
    isolation: isolate;
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: 1rem;
    padding: clamp(1.35rem, 3vw, 2.5rem);
    border: 1px solid rgba(255, 255, 255, .11);
    border-radius: 24px;
    background:
        radial-gradient(circle at 8% 16%, rgba(7, 116, 255, .16), transparent 26%),
        radial-gradient(circle at 90% 0%, rgba(255, 192, 7, .12), transparent 24%),
        linear-gradient(145deg, rgba(255, 255, 255, .1), rgba(255, 255, 255, .04) 52%, rgba(7, 116, 255, .05)),
        rgba(3, 9, 20, .7);
    box-shadow: 0 24px 72px rgba(0, 0, 0, .34), inset 0 1px 0 rgba(255, 255, 255, .12);
}

.auth-aside::before {
    content: "";
    position: absolute;
    inset: 1rem;
    z-index: -1;
    border-radius: 20px;
    background:
        repeating-linear-gradient(90deg, rgba(7, 116, 255, .12) 0 1px, transparent 1px 48px),
        repeating-linear-gradient(180deg, rgba(255, 192, 7, .08) 0 1px, transparent 1px 48px);
    opacity: .28;
    pointer-events: none;
}

.auth-aside h1 {
    max-width: 620px;
    margin-bottom: .15rem;
}

.auth-aside p {
    max-width: 58ch;
    color: #d3def0;
    font-size: 1.02rem;
}

.auth-points {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
    gap: .75rem;
    margin-top: .35rem;
}

.auth-points span,
.checkbox-line {
    display: flex;
    align-items: center;
    gap: .55rem;
    color: var(--muted);
}

.portal-shell .checkbox-line {
    display: inline-flex;
    width: auto;
    min-height: 0;
    padding: 0;
    border: 0;
    border-radius: 0;
    background: transparent;
    font-size: .86rem;
    font-weight: 700;
    line-height: 1.45;
    cursor: default;
    transition: none;
}

.portal-shell .checkbox-line input[type="checkbox"] {
    width: 1rem;
    height: 1rem;
    flex: 0 0 1rem;
    margin: 0;
    accent-color: var(--blue);
}

.auth-points span {
    min-height: 56px;
    padding: .82rem .92rem;
    border: 1px solid rgba(255, 255, 255, .11);
    border-radius: 18px;
    background:
        linear-gradient(180deg, rgba(255, 255, 255, .075), rgba(255, 255, 255, .03)),
        rgba(2, 7, 16, .72);
    font-weight: 760;
}

.auth-points i {
    color: var(--gold);
}

.auth-panel {
    display: grid;
    gap: .95rem;
    align-content: start;
    max-width: 540px;
    width: 100%;
    margin-left: auto;
    padding: clamp(1.35rem, 3vw, 2rem);
    border: 1px solid rgba(255, 255, 255, .11);
    border-radius: 24px;
    background:
        radial-gradient(circle at 90% 0%, rgba(7, 116, 255, .16), transparent 26%),
        linear-gradient(180deg, rgba(255, 255, 255, .1), rgba(255, 255, 255, .045) 48%, rgba(7, 116, 255, .035)),
        rgba(3, 9, 20, .72);
    box-shadow: 0 24px 74px rgba(0, 0, 0, .4), inset 0 1px 0 rgba(255, 255, 255, .12);
}

.auth-panel .button {
    width: 100%;
    margin-top: .65rem;
}

.auth-form-header {
    display: grid;
    gap: .35rem;
    margin-bottom: .1rem;
}

.auth-form-header .eyebrow {
    margin-bottom: .05rem;
}

.auth-form-header h2 {
    margin: 0;
    font-size: clamp(1.2rem, 1.8vw, 1.55rem);
    line-height: 1.22;
}

.auth-form-header p {
    margin: 0;
    color: var(--muted);
    font-size: .98rem;
    line-height: 1.65;
}

.auth-form-meta {
    display: flex;
    justify-content: space-between;
    gap: .75rem;
    align-items: center;
    flex-wrap: wrap;
    margin-top: -.08rem;
}

.auth-inline-link {
    color: #d7e9ff;
    font-size: .88rem;
    font-weight: 850;
    line-height: 1.45;
    text-decoration: none;
}

.auth-inline-link:hover,
.auth-inline-link:focus-visible {
    color: #fff;
    text-decoration: underline;
    text-underline-offset: .16em;
}

.auth-panel .field-note {
    margin: -.1rem 0 0;
    color: #9fb0c6;
}

.auth-action-row {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: .75rem;
    align-items: center;
    margin-top: .1rem;
}

.auth-action-row .button {
    margin-top: 0;
}

.auth-action-row .button-ghost {
    width: auto;
    min-width: 168px;
    justify-self: end;
}

.auth-mfa-card {
    display: grid;
    gap: 1rem;
    padding: clamp(1rem, 1.8vw, 1.35rem);
}

.auth-mfa-heading {
    gap: .45rem;
}

.auth-mfa-card .eyebrow {
    margin-bottom: 0;
}

.auth-mfa-card .button {
    min-height: 40px;
    padding: .52rem .78rem;
    font-size: .84rem;
}

.auth-mfa-heading-copy {
    display: grid;
    gap: .25rem;
    max-width: 58ch;
}

.auth-mfa-heading-copy p,
.auth-mfa-status p,
.auth-mfa-start p,
.auth-mfa-step-card p {
    margin: 0;
}

.auth-mfa-status,
.auth-mfa-start,
.auth-mfa-disable-form {
    display: grid;
    gap: .75rem;
}

.auth-mfa-status-enabled {
    padding: 1rem 1.05rem;
    border: 1px solid rgba(255, 255, 255, .1);
    border-radius: calc(var(--radius) + 4px);
    background: linear-gradient(180deg, rgba(255, 255, 255, .05), rgba(255, 255, 255, .025));
}

.auth-mfa-status-enabled>div {
    display: grid;
    gap: .35rem;
}

.auth-mfa-status-enabled .status-badge {
    width: fit-content;
    justify-self: start;
    min-height: 28px;
    padding: 0 .54rem;
    font-size: .72rem;
}

.auth-mfa-setup-grid {
    display: grid;
    grid-template-columns: minmax(0, 1.15fr) minmax(0, .95fr);
    gap: 1rem;
}

.auth-mfa-step-card {
    display: grid;
    gap: .95rem;
    padding: 1rem;
    border: 1px solid rgba(255, 255, 255, .09);
    border-radius: calc(var(--radius) + 6px);
    background: linear-gradient(180deg, rgba(255, 255, 255, .05), rgba(255, 255, 255, .03));
    box-shadow: 0 18px 36px rgba(0, 0, 0, .18);
}

.auth-mfa-step-header {
    display: flex;
    align-items: flex-start;
    gap: .8rem;
}

.auth-mfa-step-number {
    width: 2rem;
    height: 2rem;
    flex: none;
    display: grid;
    place-items: center;
    border-radius: 999px;
    background: linear-gradient(135deg, #0774ff, #0f9afe);
    color: #fff;
    font-weight: 900;
    box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .18);
}

.auth-mfa-step-header .eyebrow {
    margin-bottom: .08rem;
}

.auth-mfa-step-header h3 {
    margin: 0;
}

.auth-mfa-qr-shell {
    display: grid;
    place-items: center;
    padding: 1rem;
    border: 1px solid rgba(255, 255, 255, .08);
    border-radius: calc(var(--radius) + 4px);
    background: rgba(2, 7, 16, .72);
}

.auth-mfa-qr-code {
    width: min(100%, 264px);
    aspect-ratio: 1;
    box-sizing: border-box;
    display: grid;
    place-items: center;
    padding: .55rem;
    overflow: hidden;
    border-radius: 18px;
    background: #f8fbff;
    box-shadow: 0 16px 32px rgba(0, 0, 0, .22);
}

.auth-mfa-qr-code svg,
.auth-mfa-qr-code canvas,
.auth-mfa-qr-code img {
    display: block;
    width: 100% !important;
    height: 100% !important;
}

.auth-mfa-qr-fallback {
    display: block;
    padding: 1rem;
    color: #405068;
    text-align: center;
    font-weight: 700;
    line-height: 1.4;
}

.auth-mfa-step-intro {
    align-items: start;
}

.auth-mfa-copy-row {
    display: grid;
    gap: .34rem;
}

.auth-mfa-copy-row label,
.auth-mfa-confirm-form label,
.auth-mfa-disable-form label {
    font-size: .76rem;
    font-weight: 900;
    letter-spacing: .08em;
    text-transform: uppercase;
    color: #9fb0c6;
}

.auth-mfa-copy-box {
    display: flex;
    align-items: center;
    gap: .55rem;
    padding: .82rem .85rem;
    border: 1px solid rgba(255, 255, 255, .1);
    border-radius: var(--radius);
    background: rgba(2, 6, 14, .72);
}

.auth-mfa-copy-box code {
    flex: 1 1 auto;
    min-width: 0;
    display: block;
    padding: 0;
    overflow-wrap: anywhere;
    color: #f8fbff;
    background: none;
}

.auth-mfa-copy-button {
    flex: 0 0 auto;
    width: fit-content;
    min-height: 34px;
    padding: .42rem .62rem;
    font-size: .75rem;
}

.auth-mfa-confirm-form {
    display: grid;
    grid-template-columns: minmax(0, 220px) auto;
    gap: .68rem .75rem;
    align-items: end;
}

.auth-mfa-confirm-form label {
    grid-column: 1 / -1;
}

.auth-mfa-code-input {
    width: 100%;
    max-width: 220px;
    letter-spacing: .2em;
    font-variant-numeric: tabular-nums;
    text-align: center;
}

.auth-mfa-start .button,
.auth-mfa-disable-form .button {
    width: fit-content;
    justify-self: start;
}

.auth-mfa-confirm-button {
    justify-self: start;
}

.customer-profile-grid {
    display: grid;
    grid-template-columns: minmax(0, 1.1fr) minmax(320px, .9fr);
    gap: 1rem;
    align-items: start;
    margin-top: 1rem;
}

.customer-profile-grid>* {
    min-width: 0;
}

@media (max-width: 760px) {
    .auth-mfa-setup-grid {
        grid-template-columns: 1fr;
    }

    .auth-mfa-step-header {
        align-items: center;
    }

    .auth-mfa-confirm-form {
        grid-template-columns: 1fr;
    }

    .auth-mfa-code-input {
        max-width: none;
    }

    .auth-mfa-confirm-form label,
    .auth-mfa-confirm-button {
        grid-column: auto;
    }

    .auth-mfa-confirm-button {
        width: 100%;
    }

    .customer-profile-grid {
        grid-template-columns: 1fr;
    }

    .auth-mfa-confirm-form .button,
    .auth-mfa-start .button,
    .auth-mfa-disable-form .button {
        width: 100%;
    }
}

.payment-method-panel {
    margin: 1.05rem 0;
    padding: clamp(1rem, 2vw, 1.45rem);
    border: 1px solid rgba(84, 214, 255, .16);
    border-radius: 24px;
    background:
        radial-gradient(circle at 10% 0%, rgba(7, 116, 255, .16), transparent 32%),
        linear-gradient(145deg, rgba(255, 255, 255, .092), rgba(255, 255, 255, .032) 54%, rgba(255, 192, 7, .035)),
        rgba(5, 13, 27, .82);
    color: var(--text);
    box-shadow: 0 22px 64px rgba(0, 0, 0, .28), inset 0 1px 0 rgba(255, 255, 255, .1);
}

.payment-method-panel legend {
    padding: 0 .45rem;
    color: #fff;
    font-weight: 950;
}

.payment-method-panel p {
    margin: .25rem 0 .85rem;
    color: var(--muted-soft);
    line-height: 1.6;
}

.payment-method-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: .72rem;
}

.payment-method-option {
    margin: 0;
    cursor: pointer;
}

.payment-method-option input {
    position: absolute;
    opacity: 0;
    pointer-events: none;
}

.payment-method-option span {
    min-height: 78px;
    display: grid;
    align-content: center;
    justify-items: start;
    gap: .22rem;
    padding: .95rem 1rem;
    border: 2px solid transparent;
    border-radius: 16px;
    background:
        linear-gradient(180deg, rgba(255, 255, 255, .085), rgba(255, 255, 255, .03)),
        rgba(2, 8, 18, .58);
    color: #f7fbff;
    text-align: left;
    transition: border-color .18s ease, box-shadow .18s ease, background .18s ease, opacity .18s ease;
}

.payment-method-option i {
    color: var(--gold);
    font-size: 1.18rem;
}

.payment-method-option small {
    color: var(--muted-soft);
    font-size: .72rem;
    font-weight: 760;
}

.payment-method-option input:checked+span {
    border-color: rgba(84, 214, 255, .55);
    background:
        linear-gradient(145deg, rgba(7, 116, 255, .2), rgba(255, 255, 255, .05)),
        rgba(3, 12, 27, .78);
    box-shadow: 0 0 0 4px rgba(7, 116, 255, .11), inset 0 1px 0 rgba(255, 255, 255, .14);
}

.payment-method-option.is-disabled {
    cursor: not-allowed;
}

.payment-method-option.is-disabled span {
    opacity: .55;
    filter: saturate(.65);
}

.payment-method-option .fa-paypal {
    color: #48a4ff;
}

.checkout-hero {
    align-items: center;
}

.checkout-standard {
    grid-template-columns: minmax(0, 1fr);
    min-height: auto;
    align-items: start;
}

.checkout-standard .page-hero-copy {
    min-height: 0;
    max-width: 920px;
}

.checkout-page-header {
    margin-bottom: .95rem;
}

.checkout-hero-card .hero-card-metric strong {
    letter-spacing: 0;
}

.checkout-stepper {
    display: flex;
    flex-wrap: wrap;
    gap: .65rem;
    margin-top: 1.3rem;
}

.checkout-stepper span {
    display: inline-flex;
    align-items: center;
    gap: .5rem;
    min-height: 40px;
    padding: .52rem .78rem;
    border: 1px solid rgba(255, 255, 255, .12);
    border-radius: 999px;
    background: rgba(255, 255, 255, .055);
    color: #d8e8ff;
    font-size: .85rem;
    font-weight: 850;
}

.checkout-stepper span i {
    color: var(--gold);
}

.checkout-stepper .is-current {
    border-color: rgba(84, 214, 255, .36);
    background: linear-gradient(135deg, rgba(7, 116, 255, .24), rgba(84, 214, 255, .12));
    color: #ffffff;
    box-shadow: 0 14px 38px rgba(7, 116, 255, .18);
}

.checkout-shell {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(320px, 430px);
    gap: clamp(1.1rem, 2.6vw, 1.7rem);
    align-items: start;
}

.checkout-main,
.checkout-form {
    min-width: 0;
}

.checkout-form {
    max-width: none;
}

.form-alert {
    margin-bottom: 1rem;
    padding: 1rem 1.1rem;
    border: 1px solid rgba(255, 93, 108, .34);
    border-radius: calc(var(--radius) + 8px);
    background:
        radial-gradient(circle at 0% 0%, rgba(255, 93, 108, .18), transparent 34%),
        rgba(255, 93, 108, .08);
    color: #fff;
}

.form-alert strong {
    display: block;
    margin-bottom: .25rem;
    font-size: .98rem;
}

.form-alert p {
    margin: 0;
    color: #ffdede;
}

.checkout-panel-head,
.checkout-requirement-card {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr);
    gap: .9rem;
    align-items: start;
}

.checkout-panel-head {
    margin-bottom: 1rem;
}

.checkout-section-divider {
    margin-top: 1.25rem;
    padding-top: 1.2rem;
    border-top: 1px solid rgba(255, 255, 255, .1);
}

.checkout-panel-head h2,
.checkout-requirement-card h3 {
    margin-bottom: .35rem;
}

.checkout-panel-head p,
.checkout-requirement-card p {
    margin: 0;
    color: var(--muted-soft);
}

.checkout-panel-icon,
.checkout-summary-icon {
    display: inline-grid;
    place-items: center;
    flex: 0 0 42px;
    width: 42px;
    height: 42px;
    min-width: 42px;
    margin-top: 0;
    border: 1px solid rgba(255, 192, 7, .2);
    border-radius: 14px;
    background: linear-gradient(135deg, rgba(7, 116, 255, .22), rgba(255, 192, 7, .1));
    color: var(--gold);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .12);
}

.checkout-panel-icon i,
.checkout-summary-icon i {
    display: block;
    width: 1em;
    height: 1em;
    color: inherit;
    font-size: 1rem;
    line-height: 1;
    text-align: center;
}

.form-grid-2 {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: .9rem;
}

.grid-span-2 {
    grid-column: 1 / -1;
}

.checkout-requirement-card {
    margin-top: 1.2rem;
    padding: 1rem;
    border: 1px solid rgba(255, 192, 7, .16);
    border-radius: calc(var(--radius) + 8px);
    background:
        radial-gradient(circle at 0% 0%, rgba(255, 192, 7, .13), transparent 34%),
        rgba(255, 255, 255, .04);
}

.checkout-transfer-fields {
    margin-top: .9rem;
    align-items: end;
}

.checkout-terms {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr);
    align-items: start;
    gap: .55rem;
    margin-top: 1rem;
    color: #dbe8fb;
    font-weight: 760;
    line-height: 1.55;
}

.checkout-terms input {
    margin-top: .25rem;
}

.checkout-submit-row {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    gap: .8rem;
    margin-top: 1.15rem;
}

.checkout-submit-row .button {
    width: auto;
}

.checkout-summary-card {
    position: sticky;
    top: 96px;
    min-width: 0;
}

.portal-shell .page-hero.checkout-hero.checkout-standard {
    padding-bottom: clamp(1.35rem, 3vw, 2rem);
}

.portal-shell .checkout-shell.checkout-shell-portal {
    width: 100%;
    max-width: none;
    margin: 0;
    padding: 0;
    grid-template-columns: minmax(0, 1.2fr) minmax(340px, 400px);
    gap: clamp(.95rem, 1.8vw, 1.35rem);
}

.portal-shell .checkout-shell.checkout-shell-portal .checkout-summary-card {
    top: 88px;
}

.checkout-summary-list {
    display: grid;
    gap: .75rem;
    margin: 1rem 0;
}

.checkout-summary-item {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr) auto;
    gap: .75rem;
    align-items: start;
    padding: .85rem;
    border: 1px solid rgba(255, 255, 255, .1);
    border-radius: var(--radius);
    background: rgba(255, 255, 255, .04);
}

.checkout-summary-item div {
    min-width: 0;
}

.checkout-summary-item strong {
    color: #fff;
}

.checkout-summary-item div>strong,
.checkout-summary-item div small,
.checkout-summary-item div span {
    display: block;
}

.checkout-summary-item div small {
    margin-top: .14rem;
    color: var(--blue-soft);
    font-weight: 800;
    overflow-wrap: anywhere;
}

.checkout-summary-item div span {
    margin-top: .25rem;
    color: var(--muted-soft);
    font-size: .86rem;
}

.checkout-total-box {
    display: flex;
    justify-content: space-between;
    gap: 1rem;
    align-items: center;
    margin: 1rem 0;
    padding: 1rem;
    border: 1px solid rgba(84, 214, 255, .2);
    border-radius: calc(var(--radius) + 4px);
    background: linear-gradient(135deg, rgba(7, 116, 255, .2), rgba(255, 192, 7, .08));
}

.checkout-total-box span {
    color: var(--muted-soft);
    font-weight: 800;
}

.checkout-total-box strong {
    color: #fff;
    font-size: 1.2rem;
}

.checkout-assurance-list {
    display: grid;
    gap: .55rem;
}

.checkout-assurance-list span {
    display: flex;
    align-items: flex-start;
    gap: .55rem;
    color: var(--muted-soft);
    line-height: 1.5;
    font-size: .9rem;
}

.checkout-assurance-list i {
    margin-top: .18rem;
    color: var(--gold);
}

.payment-method-grid-2 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.contact-shell {
    display: grid;
    grid-template-columns: minmax(0, .95fr) minmax(320px, .65fr);
    gap: 1.25rem;
    align-items: start;
}

.contact-form-card {
    background:
        radial-gradient(circle at 0% 0%, rgba(7, 116, 255, .18), transparent 30%),
        linear-gradient(180deg, rgba(255, 255, 255, .09), rgba(255, 255, 255, .048));
}

.contact-form-card .button {
    margin-top: 1rem;
}

.contact-info-stack {
    display: grid;
    gap: 1rem;
}

.search-page-form {
    margin-bottom: 1.25rem;
}

.search-page-row {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: .75rem;
    align-items: center;
}

.search-empty-state {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr);
    gap: 1rem;
    align-items: start;
}

.search-empty-state .button {
    margin-top: .75rem;
}

.search-result-stack {
    display: grid;
    gap: 1.25rem;
}

.search-result-group {
    display: grid;
    gap: .85rem;
}

.search-result-group-head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    border-bottom: 1px solid rgba(255, 255, 255, .1);
    padding-bottom: .55rem;
}

.search-result-group-head .eyebrow {
    margin-bottom: 0;
}

.search-result-group-head span:last-child {
    color: var(--muted-soft);
    font-weight: 800;
}

.search-result-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(min(330px, 100%), 1fr));
    gap: 1rem;
}

.search-result-card {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr);
    gap: .95rem;
    align-items: start;
}

.search-result-card .card-icon {
    margin-bottom: 0;
}

.search-result-card h3 {
    font-size: 1.08rem;
}

.search-result-card p {
    margin-bottom: .85rem;
}

.table-card {
    overflow-x: auto;
    padding: 0;
}

table {
    width: 100%;
    min-width: 740px;
    border-collapse: collapse;
}

th,
td {
    padding: .95rem;
    border-bottom: 1px solid rgba(255, 255, 255, .09);
    text-align: left;
    vertical-align: top;
}

th {
    color: #fff;
    background: rgba(255, 255, 255, .055);
    font-size: .8rem;
    text-transform: uppercase;
    letter-spacing: .07em;
}

td {
    color: var(--muted);
}

tbody tr:hover td {
    background: rgba(255, 255, 255, .028);
}

.notice-stack {
    position: fixed;
    top: 1rem;
    left: 50%;
    transform: translateX(-50%);
    z-index: 120;
    width: min(560px, calc(100vw - 2rem));
    max-width: none;
    margin: 0;
    padding: 0;
    display: grid;
    gap: .75rem;
    pointer-events: none;
}

.notice-inline {
    margin-top: .9rem;
}

.notice-card {
    position: relative;
    overflow: hidden;
    display: grid;
    grid-template-columns: auto minmax(0, 1fr);
    gap: .85rem;
    border: 1px solid var(--line);
    border-radius: var(--radius);
    padding: 1rem 2.9rem 1rem 1.15rem;
    background:
        linear-gradient(145deg, rgba(255, 255, 255, .12), rgba(255, 255, 255, .05)),
        rgba(4, 11, 24, .82);
    box-shadow: 0 16px 42px rgba(0, 0, 0, .25), inset 0 1px 0 rgba(255, 255, 255, .12);
    backdrop-filter: blur(12px);
    pointer-events: auto;
}

.notice-stack-toast .notice-card {
    width: 100%;
}

.notice-toast {
    transition: opacity .18s ease, transform .18s ease, max-height .18s ease, margin .18s ease, padding .18s ease;
}

.notice-toast.is-dismissing {
    opacity: 0;
    transform: translateY(8px) scale(.98);
    max-height: 0;
    margin: 0;
    padding-top: 0;
    padding-bottom: 0;
    border-width: 0;
    overflow: hidden;
}

.notice-card::before {
    content: "";
    position: absolute;
    inset: 0;
    pointer-events: none;
    background:
        linear-gradient(115deg, rgba(255, 255, 255, .12), transparent 30%),
        radial-gradient(circle at 98% 0%, rgba(7, 116, 255, .15), transparent 36%);
}

.notice-card>* {
    position: relative;
}

.notice-icon {
    width: 42px;
    height: 42px;
    display: grid;
    place-items: center;
    border-radius: var(--radius);
    color: #fff;
    background: rgba(7, 116, 255, .18);
    border: 1px solid rgba(7, 116, 255, .28);
}

.notice-content strong {
    display: block;
    color: #fff;
    font-size: 1rem;
    margin-bottom: .2rem;
}

.notice-content p {
    margin: 0;
    color: #d9e5f6;
}

.notice-close {
    position: absolute;
    top: .7rem;
    right: .7rem;
    width: 32px;
    height: 32px;
    display: inline-grid;
    place-items: center;
    border: 1px solid rgba(255, 255, 255, .12);
    border-radius: 999px;
    background: rgba(255, 255, 255, .05);
    color: var(--muted);
    cursor: pointer;
    transition: transform .16s ease, border-color .16s ease, background .16s ease, color .16s ease;
}

.notice-close:hover,
.notice-close:focus-visible {
    transform: translateY(-1px);
    border-color: rgba(7, 116, 255, .3);
    background: rgba(7, 116, 255, .1);
    color: #fff;
}

.notice-list {
    list-style: none;
    padding: 0;
    margin: .75rem 0 0;
    display: grid;
    gap: .45rem;
}

.notice-list li {
    position: relative;
    padding-left: 1.2rem;
    color: #f4d7dc;
}

.notice-list li::before {
    content: "\f06a";
    position: absolute;
    left: 0;
    top: .08rem;
    font-family: "Font Awesome 6 Free";
    font-weight: 900;
    color: var(--red);
}

.notice-success {
    border-color: rgba(45, 220, 136, .36);
    background:
        radial-gradient(circle at 100% 0%, rgba(45, 220, 136, .18), transparent 32%),
        linear-gradient(145deg, rgba(255, 255, 255, .11), rgba(255, 255, 255, .048));
}

.notice-success .notice-icon {
    color: #06101d;
    background: var(--green);
    border-color: transparent;
}

.notice-info .notice-icon {
    background: rgba(7, 116, 255, .22);
    border-color: rgba(7, 116, 255, .38);
}

.notice-warning {
    border-color: rgba(255, 192, 7, .36);
    background:
        radial-gradient(circle at 100% 0%, rgba(255, 192, 7, .18), transparent 32%),
        linear-gradient(145deg, rgba(255, 255, 255, .11), rgba(255, 255, 255, .048));
}

.notice-warning .notice-icon {
    color: #07101c;
    background: var(--gold);
    border-color: transparent;
}

.notice-error {
    border-color: rgba(255, 93, 108, .44);
    background:
        radial-gradient(circle at 100% 0%, rgba(255, 93, 108, .18), transparent 32%),
        linear-gradient(145deg, rgba(255, 255, 255, .11), rgba(255, 255, 255, .048));
}

.notice-error .notice-icon {
    background: rgba(255, 93, 108, .18);
    border-color: rgba(255, 93, 108, .42);
    color: #ffdce1;
}

.notice-validation:focus {
    outline: 3px solid rgba(255, 192, 7, .85);
    outline-offset: 3px;
}

.flash {
    max-width: var(--container);
    margin: 1rem auto;
    border: 1px solid var(--line);
    border-radius: var(--radius);
    padding: 1rem 1.25rem;
}

.flash-success {
    background: rgba(45, 220, 136, .12);
}

.flash-error {
    background: rgba(255, 93, 108, .12);
}

.empty-state {
    border: 1px dashed rgba(255, 255, 255, .22);
    border-radius: var(--radius);
    padding: 1rem;
    color: var(--muted);
    background: rgba(255, 255, 255, .035);
}

.error-shell {
    max-width: var(--container);
    margin: 0 auto;
    padding: 4rem 1.25rem;
}

.error-panel {
    position: relative;
    overflow: hidden;
    display: grid;
    grid-template-columns: minmax(180px, .35fr) minmax(0, 1fr);
    gap: 1.4rem;
    align-items: center;
    border: 1px solid var(--line);
    border-radius: var(--radius);
    padding: clamp(1.25rem, 4vw, 2.2rem);
    background:
        radial-gradient(circle at 12% 0%, rgba(255, 192, 7, .15), transparent 28%),
        radial-gradient(circle at 90% 10%, rgba(7, 116, 255, .22), transparent 32%),
        linear-gradient(145deg, rgba(255, 255, 255, .11), rgba(255, 255, 255, .045));
    box-shadow: var(--shadow), inset 0 1px 0 rgba(255, 255, 255, .13);
    backdrop-filter: blur(14px);
}

.error-code-card {
    min-height: 190px;
    display: grid;
    place-items: center;
    gap: .4rem;
    border: 1px solid rgba(255, 255, 255, .13);
    border-radius: var(--radius);
    background:
        linear-gradient(160deg, rgba(7, 116, 255, .24), rgba(255, 192, 7, .1)),
        rgba(3, 9, 20, .7);
}

.error-code-card span {
    font-size: clamp(3rem, 7vw, 5.6rem);
    line-height: 1;
    font-weight: 950;
    background: linear-gradient(110deg, #fff, var(--blue-soft), var(--gold));
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
}

.error-code-card i {
    color: var(--gold);
    font-size: 1.8rem;
}

.error-copy h1 {
    font-size: var(--display-title-size);
    max-width: 760px;
}

.error-copy p {
    max-width: 760px;
}

.error-actions {
    display: flex;
    flex-wrap: wrap;
    gap: .75rem;
    margin-top: 1.25rem;
}

.error-help-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 1rem;
    margin-top: 1.1rem;
}

.error-help-grid .glass-card {
    display: flex;
    flex-direction: column;
}

.error-help-grid .button {
    margin-top: auto;
}

.site-footer {
    border-top: 1px solid var(--line);
    background: rgba(2, 5, 11, .84);
}

.footer-grid {
    max-width: var(--container);
    margin: 0 auto;
    padding: 3.25rem 1.25rem;
    display: grid;
    grid-template-columns: 1.35fr .8fr 1fr 1fr;
    gap: 2rem;
    align-items: start;
}

.footer-links,
.footer-contact {
    display: grid;
    align-content: start;
    gap: .72rem;
}

.footer-link-list {
    display: grid;
    gap: .56rem;
    margin-top: 0;
}

.footer-contact {
    gap: .5rem;
}

.footer-contact p {
    margin: 0;
    color: var(--muted);
    line-height: 1.5;
}

.footer-contact a,
.footer-link-list a {
    margin: 0;
}

.footer-contact a {
    min-height: auto;
}

.site-footer h2 {
    font-size: 1rem;
    text-transform: uppercase;
    letter-spacing: .08em;
    margin: 0;
}

.site-footer a {
    display: block;
    color: var(--muted);
    margin: .45rem 0;
}

.site-footer a:hover {
    color: #fff;
}

.footer-brand {
    margin-bottom: 1rem;
}

.footer-brand .brand-logo {
    width: min(280px, 72vw);
}

.copyright {
    border-top: 1px solid var(--line);
    color: var(--muted);
    text-align: center;
    padding: 1rem;
}

.portal-shell {
    min-height: 100vh;
    display: grid;
    grid-template-columns: 286px minmax(0, 1fr);
    background: linear-gradient(180deg, #04070d, #08111f);
    --display-title-size: clamp(1.38rem, 1.76vw, 1.72rem);
    --section-title-size: clamp(1.06rem, 1.22vw, 1.28rem);
    --card-title-size: clamp(.92rem, .98vw, 1.01rem);
}

.portal-sidebar {
    min-height: 100vh;
    position: sticky;
    top: 0;
    align-self: start;
    padding: 1.1rem;
    border-right: 1px solid var(--line);
    background: rgba(3, 7, 14, .95);
}

.portal-sidebar nav {
    display: grid;
    gap: .3rem;
    margin-top: 1.4rem;
}

.portal-sidebar nav a {
    display: flex;
    align-items: center;
    gap: .7rem;
    padding: .75rem .8rem;
    border-radius: var(--radius);
    color: var(--muted);
    font-weight: 750;
}

.portal-sidebar nav a:hover,
.portal-sidebar nav a.active {
    color: #fff;
    background: rgba(7, 116, 255, .16);
}

.portal-sidebar i {
    width: 18px;
    color: var(--gold);
}

.portal-main {
    min-width: 0;
}

.portal-topbar {
    min-height: 76px;
    position: sticky;
    top: 0;
    z-index: 30;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    padding: 1rem 1.25rem;
    border-bottom: 1px solid var(--line);
    background: rgba(5, 7, 13, .84);
    backdrop-filter: blur(14px);
}

.portal-content {
    padding: 1.25rem;
}

.portal-card h1 {
    font-size: var(--display-title-size);
}

.portal-card.stat-card {
    position: relative;
    overflow: hidden;
    min-height: 140px;
    background:
        radial-gradient(circle at 100% 0%, rgba(7, 116, 255, .18), transparent 34%),
        linear-gradient(180deg, rgba(255, 255, 255, .088), rgba(255, 255, 255, .045));
}

.portal-card.stat-card::after {
    content: "";
    position: absolute;
    right: 1rem;
    bottom: 1rem;
    width: 42px;
    height: 42px;
    border-radius: var(--radius);
    border: 1px solid rgba(255, 192, 7, .28);
    background: rgba(255, 192, 7, .08);
}

.record-list {
    display: grid;
    gap: .9rem;
}

.message {
    margin: .75rem 0;
    padding: 1rem;
    border-left: 3px solid var(--blue);
    border-radius: var(--radius);
    background: rgba(255, 255, 255, .055);
}

.admin-ticket-thread,
.admin-ticket-reply-form {
    margin-top: 1rem;
}

.admin-ticket-message-list {
    display: grid;
    gap: .75rem;
}

.admin-ticket-message-list .message {
    margin: 0;
    border-left-color: rgba(255, 192, 7, .82);
}

.admin-ticket-message-list .message strong {
    display: flex;
    flex-wrap: wrap;
    align-items: baseline;
    gap: .35rem;
    color: #fff;
}

.admin-ticket-message-list .message strong span,
.admin-ticket-message-list .message small {
    color: var(--muted);
    font-size: .8rem;
}

.admin-ticket-message-list .message p {
    margin: .55rem 0 0;
    color: var(--text);
    line-height: 1.65;
}

.invoice-total {
    max-width: 420px;
    margin-left: auto;
}

.print-only {
    display: none;
}

.superadmin-page {
    display: grid;
    gap: 1.1rem;
}

.superadmin-hero {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(280px, .44fr);
    gap: 1rem;
    align-items: stretch;
}

.superadmin-hero h1 {
    margin-bottom: .65rem;
}

.superadmin-security-card {
    display: grid;
    align-content: center;
    gap: .55rem;
    border: 1px solid rgba(255, 192, 7, .28);
    border-radius: var(--radius);
    padding: 1rem;
    background:
        radial-gradient(circle at 100% 0%, rgba(255, 192, 7, .16), transparent 36%),
        rgba(255, 255, 255, .055);
}

.superadmin-security-card p {
    margin: 0;
}

.superadmin-stat-grid,
.superadmin-record-grid,
.integration-status-grid {
    display: grid;
    gap: 1rem;
}

.superadmin-stat-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
}

.superadmin-record-grid {
    grid-template-columns: repeat(auto-fit, minmax(min(520px, 100%), 1fr));
}

.integration-status-grid {
    grid-template-columns: repeat(auto-fit, minmax(min(340px, 100%), 1fr));
}

.superadmin-section {
    scroll-margin-top: 92px;
}

.superadmin-section-head {
    display: flex;
    justify-content: space-between;
    gap: 1rem;
    align-items: flex-start;
    margin-bottom: 1rem;
}

.superadmin-section-head p {
    max-width: 820px;
    margin-bottom: 0;
}

.cms-settings-stack {
    display: grid;
    gap: .85rem;
    margin-bottom: 1rem;
}

.cms-setting-group {
    border: 1px solid rgba(255, 255, 255, .12);
    border-radius: var(--radius);
    background: rgba(255, 255, 255, .04);
}

.cms-setting-group summary {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    cursor: pointer;
    padding: .9rem 1rem;
    color: #fff;
    font-weight: 900;
}

.cms-setting-group summary small,
.cms-field small {
    color: var(--muted-soft);
    font-weight: 750;
}

.cms-fields-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: .85rem 1rem;
    padding: 0 1rem 1rem;
}

.cms-field-wide {
    grid-column: 1 / -1;
}

.superadmin-record-card {
    display: flex;
    flex-direction: column;
}

.superadmin-record-card form {
    display: grid;
    gap: .78rem;
}

.owner-create-panel {
    margin-bottom: 1rem;
}

.owner-record-actions,
.owner-action-row {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: .72rem;
    margin-top: .8rem;
}

.owner-delete-form {
    margin-top: .8rem;
    padding-top: .8rem;
    border-top: 1px solid rgba(255, 255, 255, .1);
}

.owner-delete-form .button,
.owner-action-row .button {
    min-height: 40px;
    padding: .58rem .92rem;
}

.record-card-title {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: .85rem;
    margin-bottom: .5rem;
}

.record-card-title .eyebrow {
    margin-bottom: 0;
}

.code-field {
    min-height: 170px;
    font-family: ui-monospace, SFMono-Regular, Consolas, "Liberation Mono", monospace;
    font-size: .9rem;
}

.owner-cms-nav-panel {
    position: sticky;
    top: 94px;
    z-index: 20;
    display: grid;
    grid-template-columns: minmax(220px, .72fr) minmax(220px, .36fr);
    gap: .95rem;
    align-items: center;
    border-radius: 18px;
    background:
        linear-gradient(145deg, rgba(255, 255, 255, .105), rgba(255, 255, 255, .04) 48%, rgba(7, 116, 255, .06)),
        rgba(3, 9, 20, .86);
    backdrop-filter: blur(18px);
}

.owner-cms-nav-copy h2 {
    margin: .25rem 0 .2rem;
    color: #fff;
    font-size: 1.15rem;
    line-height: 1.25;
}

.owner-cms-nav-copy p {
    margin: 0;
    color: #9fb0c6;
    font-size: .86rem;
}

.owner-cms-select-wrap {
    display: grid;
    gap: .38rem;
}

.owner-cms-select-wrap label {
    color: #9fb0c6;
    font-size: .76rem;
    font-weight: 900;
    letter-spacing: .08em;
    text-transform: uppercase;
}

.owner-cms-tabs {
    grid-column: 1 / -1;
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: .62rem;
}

.owner-cms-tabs a {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr);
    gap: .22rem .58rem;
    align-items: center;
    min-height: 72px;
    padding: .72rem;
    border: 1px solid rgba(255, 255, 255, .095);
    border-radius: 15px;
    color: #fff;
    background:
        linear-gradient(180deg, rgba(255, 255, 255, .06), rgba(255, 255, 255, .024)),
        rgba(255, 255, 255, .026);
    text-decoration: none;
    transition: transform .16s ease, border-color .16s ease, background .16s ease;
}

.owner-cms-tabs a:hover,
.owner-cms-tabs a:focus-visible {
    transform: translateY(-2px);
    border-color: rgba(84, 214, 255, .3);
    background: rgba(7, 116, 255, .08);
}

.owner-cms-tabs i {
    grid-row: 1 / span 2;
    display: grid;
    place-items: center;
    width: 34px;
    height: 34px;
    border: 1px solid rgba(255, 192, 7, .2);
    border-radius: 11px;
    color: var(--gold);
    background: rgba(255, 192, 7, .06);
}

.owner-cms-tabs span {
    overflow: hidden;
    font-size: .9rem;
    font-weight: 950;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.owner-cms-tabs small {
    overflow: hidden;
    color: #8fa0b9;
    font-size: .72rem;
    line-height: 1.3;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.owner-editor-details,
.owner-record-details {
    display: block;
}

.owner-editor-details summary,
.owner-record-summary {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    cursor: pointer;
    list-style: none;
}

.owner-editor-details summary::-webkit-details-marker,
.owner-record-summary::-webkit-details-marker {
    display: none;
}

.owner-editor-details summary {
    min-height: 72px;
}

.owner-editor-details summary>span,
.owner-record-summary>span:first-child {
    display: grid;
    gap: .2rem;
    min-width: 0;
}

.owner-editor-details summary strong,
.owner-record-summary strong {
    overflow: hidden;
    color: #fff;
    font-size: 1rem;
    line-height: 1.28;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.owner-editor-details summary small,
.owner-record-summary small {
    overflow: hidden;
    color: #91a4bc;
    font-size: .82rem;
    line-height: 1.4;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.owner-editor-details summary>i,
.owner-record-summary .fa-chevron-down {
    display: grid;
    place-items: center;
    flex: 0 0 auto;
    width: 34px;
    height: 34px;
    border: 1px solid rgba(255, 255, 255, .12);
    border-radius: 11px;
    color: var(--gold);
    background: rgba(255, 255, 255, .04);
    transition: transform .16s ease, border-color .16s ease;
}

.owner-editor-details[open] summary>i,
.owner-record-details[open] .owner-record-summary .fa-chevron-down {
    transform: rotate(180deg);
    border-color: rgba(255, 192, 7, .28);
}

.owner-editor-form,
.owner-record-details>form {
    display: grid;
    gap: .8rem;
    margin-top: .9rem;
    padding-top: .9rem;
    border-top: 1px solid rgba(255, 255, 255, .09);
}

.owner-record-details .record-card-title {
    padding-bottom: .6rem;
    border-bottom: 1px solid rgba(255, 255, 255, .08);
}

.owner-summary-actions {
    display: inline-flex;
    align-items: center;
    gap: .56rem;
    flex: 0 0 auto;
}

.owner-record-details .owner-delete-form {
    display: flex;
    justify-content: flex-end;
}

.integration-field-list {
    display: grid;
    gap: .55rem;
    margin-top: .9rem;
}

.integration-field-list span {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: .85rem;
    border: 1px solid rgba(255, 255, 255, .1);
    border-radius: var(--radius);
    padding: .65rem .75rem;
    background: rgba(255, 255, 255, .045);
    color: var(--muted);
}

.integration-field-list i {
    color: var(--gold);
}

/* Kabul Designs premium system pass */
.site-header {
    background:
        linear-gradient(180deg, rgba(2, 4, 10, .94), rgba(2, 4, 10, .78)),
        rgba(2, 4, 10, .88);
    border-bottom-color: rgba(255, 255, 255, .09);
}

.site-header::after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: -1px;
    height: 1px;
    background: linear-gradient(90deg, transparent, rgba(7, 116, 255, .7), rgba(255, 192, 7, .32), transparent);
}

.nav-wrap {
    min-height: 82px;
}

.site-menu {
    gap: clamp(.85rem, 1.5vw, 1.35rem);
    padding: 0;
    border: 0;
    border-radius: 0;
    background: transparent;
    box-shadow: none;
}

.site-menu a {
    position: relative;
    display: inline-flex;
    align-items: center;
    gap: .42rem;
    min-height: 42px;
    padding: .4rem 0;
    border-radius: 0;
    color: #c9d6e8;
}

.site-menu a:not(.login-button).active,
.site-menu a:not(.login-button):focus {
    color: #fff;
    background: transparent;
}

.site-menu a:not(.login-button):not(.active):hover {
    color: #c9d6e8;
    background: transparent;
}

.site-menu a:not(.login-button).active::after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: .12rem;
    height: 2px;
    border-radius: 999px;
    background: linear-gradient(90deg, var(--blue), var(--gold));
}

.site-menu .login-button {
    padding: .72rem .98rem;
    border-radius: calc(var(--radius) + 4px);
}

.icon-link {
    width: auto;
    height: auto;
    border-color: transparent;
    background: transparent;
}

.section {
    padding-top: clamp(3.2rem, 6vw, 5rem);
    padding-bottom: clamp(3.2rem, 6vw, 5rem);
}

.section-band {
    position: relative;
    isolation: isolate;
    padding-top: clamp(3.3rem, 6vw, 5.2rem);
    padding-bottom: clamp(3.3rem, 6vw, 5.2rem);
    background:
        linear-gradient(90deg, rgba(7, 116, 255, .065), transparent 34%, rgba(255, 192, 7, .045)),
        linear-gradient(180deg, rgba(255, 255, 255, .04), rgba(255, 255, 255, .018));
}

.section-band::before {
    content: "";
    position: absolute;
    inset: 0;
    z-index: -1;
    pointer-events: none;
    background:
        repeating-linear-gradient(90deg, rgba(255, 255, 255, .026) 0 1px, transparent 1px 118px),
        linear-gradient(180deg, transparent, rgba(7, 116, 255, .045), transparent);
    opacity: .58;
}

.section-header {
    max-width: 790px;
    margin-bottom: clamp(1.3rem, 3vw, 2rem);
}

.section-header p {
    max-width: 720px;
}

.section-header.center p {
    margin-left: auto;
    margin-right: auto;
}

.eyebrow {
    display: inline-flex;
    align-items: center;
    justify-content: flex-start;
    gap: .45rem;
    width: fit-content;
    max-width: 100%;
    min-height: 1.9rem;
    padding: .28rem .62rem;
    margin-bottom: .75rem;
    flex: 0 0 auto;
    align-self: start;
    justify-self: start;
    border: 1px solid rgba(255, 192, 7, .16);
    border-radius: 999px;
    background: rgba(255, 192, 7, .045);
}

.eyebrow i {
    flex: 0 0 auto;
    width: 1rem;
    min-width: 1rem;
    text-align: center;
    line-height: 1;
}

:where(.portal-page-header, .dashboard-section-head, .section-header, .table-card-heading) .eyebrow {
    align-self: start;
    justify-self: start;
}

:where(.portal-page-header, .dashboard-section-head, .section-header, .table-card-heading) .eyebrow+h1,
:where(.portal-page-header, .dashboard-section-head, .section-header, .table-card-heading) .eyebrow+h2,
:where(.portal-page-header, .dashboard-section-head, .section-header, .table-card-heading) .eyebrow+h3 {
    margin-top: 0;
}

h1,
.portal-card h1 {
    background: linear-gradient(112deg, #fff 0%, #eaf4ff 35%, var(--cyan) 62%, var(--gold) 100%);
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
}

h2 {
    max-width: 880px;
}

.page-hero {
    isolation: isolate;
    max-width: none;
    padding: clamp(3.6rem, 7vw, 5.6rem) max(1.25rem, calc((100vw - var(--container)) / 2)) clamp(2.4rem, 5vw, 3.6rem);
    border-bottom: 1px solid rgba(255, 255, 255, .08);
    background:
        linear-gradient(115deg, rgba(7, 116, 255, .13), transparent 34%, rgba(255, 192, 7, .055)),
        linear-gradient(180deg, rgba(255, 255, 255, .04), rgba(255, 255, 255, .01));
}

.page-hero::before {
    content: "";
    position: absolute;
    inset: 0;
    z-index: -1;
    pointer-events: none;
    background:
        repeating-linear-gradient(90deg, rgba(255, 255, 255, .028) 0 1px, transparent 1px 110px),
        repeating-linear-gradient(180deg, rgba(255, 255, 255, .022) 0 1px, transparent 1px 110px),
        linear-gradient(145deg, transparent 0 55%, rgba(7, 116, 255, .08) 55% 56%, transparent 56% 100%);
    opacity: .78;
}

.page-hero::after {
    width: min(100%, 860px);
    margin-top: 1.45rem;
    background: linear-gradient(90deg, rgba(7, 116, 255, .85), rgba(84, 214, 255, .45), rgba(255, 192, 7, .42), transparent);
}

.page-hero h1 {
    max-width: 960px;
    font-size: var(--display-title-size);
}

.page-hero p {
    max-width: 820px;
}

.glass-card,
.portal-card,
.table-card,
.form-panel,
.hero-command-center,
.domain-preview-card,
.final-cta-panel {
    border-color: rgba(255, 255, 255, .12);
    background:
        linear-gradient(145deg, rgba(255, 255, 255, .13), rgba(255, 255, 255, .045) 48%, rgba(7, 116, 255, .055)),
        var(--panel);
    box-shadow:
        0 20px 70px rgba(0, 0, 0, .34),
        inset 0 1px 0 rgba(255, 255, 255, .13),
        inset 0 -1px 0 rgba(7, 116, 255, .05);
}

.glass-card::after,
.portal-card::after,
.form-panel::after,
.hero-command-center::after,
.domain-preview-card::after,
.final-cta-panel::after {
    content: "";
    position: absolute;
    inset: auto 0 0;
    height: 1px;
    pointer-events: none;
    background: linear-gradient(90deg, transparent, rgba(7, 116, 255, .52), rgba(255, 192, 7, .28), transparent);
}

.glass-card:hover,
.plan-card:hover,
.portfolio-card:hover,
.domain-result-card:hover {
    transform: translateY(-4px);
    border-color: rgba(7, 116, 255, .42);
    box-shadow:
        0 26px 80px rgba(0, 0, 0, .42),
        0 0 0 1px rgba(7, 116, 255, .08),
        inset 0 1px 0 rgba(255, 255, 255, .13);
}

.card-icon,
.workflow-item>span,
.console-icon,
.notice-icon {
    border-radius: calc(var(--radius) + 4px);
}

.card-icon {
    color: #fff;
    background:
        linear-gradient(145deg, rgba(7, 116, 255, .34), rgba(255, 192, 7, .12)),
        rgba(255, 255, 255, .04);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .16), 0 14px 34px rgba(7, 116, 255, .16);
}

.button,
.login-button {
    position: relative;
    overflow: hidden;
    min-height: 46px;
    border-radius: calc(var(--radius) + 4px);
}

.button::before,
.login-button::before {
    content: "";
    position: absolute;
    inset: 0;
    pointer-events: none;
    background: linear-gradient(110deg, transparent, rgba(255, 255, 255, .18), transparent);
    transform: translateX(-120%);
    transition: transform .38s ease;
}

.button:hover::before,
.login-button:hover::before {
    transform: translateX(120%);
}

.button>*,
.login-button>* {
    position: relative;
}

.button-primary,
.login-button {
    border-color: rgba(84, 214, 255, .28);
    background: linear-gradient(135deg, #075ee6, var(--blue) 52%, #2da8ff);
}

.button-gold {
    border-color: rgba(255, 255, 255, .24);
    box-shadow: 0 14px 34px rgba(255, 192, 7, .14);
}

.button-ghost {
    border-color: rgba(255, 255, 255, .14);
    background: linear-gradient(180deg, rgba(255, 255, 255, .075), rgba(255, 255, 255, .035));
}

.home-hero {
    min-height: 610px;
    background:
        linear-gradient(90deg, rgba(2, 4, 10, .98), rgba(6, 18, 36, .9) 46%, rgba(2, 4, 10, .98)),
        linear-gradient(135deg, rgba(7, 116, 255, .16), transparent 36%, rgba(255, 192, 7, .065)),
        #02040a;
}

.home-hero::before {
    opacity: .7;
    background:
        linear-gradient(120deg, rgba(7, 116, 255, .12), transparent 34%, rgba(255, 192, 7, .08)),
        repeating-linear-gradient(90deg, rgba(255, 255, 255, .032) 0 1px, transparent 1px 92px),
        repeating-linear-gradient(180deg, rgba(255, 255, 255, .024) 0 1px, transparent 1px 92px),
        linear-gradient(135deg, transparent 0 54%, rgba(84, 214, 255, .1) 54% 55%, transparent 55% 100%);
}

.home-hero::after {
    border-radius: 0;
    right: 4%;
    width: min(520px, 48vw);
    height: min(520px, 48vw);
    background:
        repeating-linear-gradient(0deg, rgba(84, 214, 255, .16) 0 1px, transparent 1px 22px),
        repeating-linear-gradient(90deg, rgba(255, 192, 7, .12) 0 1px, transparent 1px 22px);
    filter: none;
    opacity: .13;
    transform: translateY(-50%) rotate(8deg);
}

.hero-badge,
.metric,
.mini-stat {
    background: rgba(255, 255, 255, .055);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .08);
}

.hero-command-center {
    min-height: 500px;
    border-color: rgba(84, 214, 255, .18);
}

.platform-console {
    gap: 1rem;
}

.console-primary {
    background:
        linear-gradient(135deg, rgba(7, 116, 255, .2), rgba(255, 255, 255, .055)),
        linear-gradient(180deg, rgba(3, 9, 20, .9), rgba(3, 9, 20, .66));
}

.workflow-item {
    border-color: rgba(255, 255, 255, .1);
    background:
        linear-gradient(135deg, rgba(255, 255, 255, .07), rgba(255, 255, 255, .025)),
        rgba(3, 9, 20, .72);
}

.workflow-item:hover {
    border-color: rgba(7, 116, 255, .35);
    background:
        linear-gradient(135deg, rgba(7, 116, 255, .12), rgba(255, 255, 255, .035)),
        rgba(3, 9, 20, .76);
}

.service-visual {
    position: relative;
    isolation: isolate;
    overflow: hidden;
}

.services-page .service-visual {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr);
    align-items: start;
    justify-items: start;
    gap: 1rem 1.15rem;
    padding: 1.25rem 1.35rem;
    min-height: 0;
    border: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
}

.services-page .service-visual::before,
.services-page .service-visual::after {
    display: none !important;
}

.services-page .service-visual .visual-core {
    grid-column: 1;
    grid-row: 1 / span 2;
    width: 72px;
    height: 72px;
    margin: 0;
}

.services-page .service-visual .service-feature-list {
    grid-column: 2;
    width: 100%;
    margin: .15rem 0 0;
}

.service-visual::after {
    content: "";
    position: absolute;
    inset: 1rem;
    z-index: 0;
    pointer-events: none;
    border: 1px solid rgba(84, 214, 255, .12);
    border-radius: inherit;
    background:
        linear-gradient(90deg, transparent 49%, rgba(7, 116, 255, .2) 50%, transparent 51%),
        linear-gradient(0deg, transparent 49%, rgba(255, 192, 7, .12) 50%, transparent 51%);
    background-size: 58px 58px;
    opacity: .34;
}

.service-visual>* {
    position: relative;
    z-index: 1;
}

.visual-core {
    color: #fff;
    background:
        linear-gradient(145deg, rgba(7, 116, 255, .34), rgba(255, 192, 7, .16)),
        rgba(3, 9, 20, .82);
}

.visual-list span {
    background:
        linear-gradient(180deg, rgba(255, 255, 255, .07), rgba(255, 255, 255, .03)),
        rgba(3, 9, 20, .76);
}

.plan-card {
    border-color: rgba(255, 255, 255, .14);
}

.plan-card::after {
    content: "";
    position: absolute;
    inset: 0;
    pointer-events: none;
    border: 1px solid rgba(7, 116, 255, .08);
    border-radius: inherit;
    background: linear-gradient(145deg, rgba(255, 255, 255, .04), transparent 28%);
    opacity: .98;
}

.price strong {
    font-size: clamp(1.65rem, 2.4vw, 2.1rem);
    background: linear-gradient(110deg, #fff, var(--cyan), var(--gold));
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
}

.feature-list {
    padding-top: .75rem;
    border-top: 1px solid rgba(255, 255, 255, .08);
}

.feature-list li {
    line-height: 1.55;
}

.domain-preview-card {
    border-color: rgba(84, 214, 255, .18);
    background:
        linear-gradient(135deg, rgba(7, 116, 255, .16), rgba(255, 255, 255, .05) 42%, rgba(255, 192, 7, .055)),
        rgba(3, 9, 20, .86);
}

.domain-check-row {
    background:
        linear-gradient(180deg, rgba(255, 255, 255, .07), rgba(255, 255, 255, .032)),
        rgba(2, 8, 18, .86);
}

.domain-input-shell {
    background:
        linear-gradient(180deg, rgba(255, 255, 255, .045), rgba(255, 255, 255, .018)),
        rgba(2, 8, 18, .94);
}

input,
select,
textarea {
    min-height: 46px;
    border-color: rgba(255, 255, 255, .13);
    background:
        linear-gradient(180deg, rgba(255, 255, 255, .042), rgba(255, 255, 255, .018)),
        rgba(2, 8, 18, .9);
}

textarea {
    padding-top: .95rem;
}

label {
    color: #edf5ff;
    font-size: .9rem;
}

.form-panel {
    background:
        linear-gradient(145deg, rgba(255, 255, 255, .11), rgba(255, 255, 255, .04) 48%, rgba(7, 116, 255, .055)),
        rgba(3, 9, 20, .76);
}

.search-input-row {
    align-items: end;
}

.table-card {
    border-radius: calc(var(--radius) + 6px);
}

table {
    border-collapse: separate;
    border-spacing: 0;
}

th {
    background:
        linear-gradient(180deg, rgba(255, 255, 255, .075), rgba(255, 255, 255, .035)),
        rgba(3, 9, 20, .72);
}

td {
    background: rgba(255, 255, 255, .012);
}

tbody tr:hover td {
    background: rgba(7, 116, 255, .055);
}

.site-footer {
    position: relative;
    background:
        linear-gradient(180deg, rgba(2, 5, 11, .88), rgba(2, 4, 10, .98)),
        rgba(2, 4, 10, .95);
}

.site-footer::before {
    content: "";
    position: absolute;
    inset: 0 0 auto;
    height: 1px;
    background: linear-gradient(90deg, transparent, rgba(7, 116, 255, .8), rgba(255, 192, 7, .34), transparent);
}

.site-footer a {
    width: fit-content;
    transition: color .16s ease, transform .16s ease;
}

.footer-link-list a,
.footer-contact a {
    display: inline-flex;
    align-items: center;
    width: fit-content;
    margin: 0;
    min-height: 1.45rem;
    line-height: 1.35;
}

.site-footer a:hover {
    transform: translateX(2px);
}

.copyright {
    background: rgba(0, 0, 0, .24);
}

.portal-shell {
    background:
        linear-gradient(135deg, rgba(7, 116, 255, .08), transparent 28%, rgba(255, 192, 7, .04)),
        repeating-linear-gradient(90deg, rgba(255, 255, 255, .018) 0 1px, transparent 1px 96px),
        linear-gradient(180deg, #02040a, #07101d);
}

.portal-sidebar {
    background:
        linear-gradient(180deg, rgba(2, 4, 10, .97), rgba(4, 11, 24, .94)),
        rgba(2, 4, 10, .95);
    box-shadow: 18px 0 60px rgba(0, 0, 0, .28);
}

.portal-sidebar-head {
    display: grid;
    gap: .9rem;
    padding-bottom: 1rem;
    border-bottom: 1px solid rgba(255, 255, 255, .08);
}

.portal-role-badge {
    display: inline-flex;
    width: fit-content;
    align-items: center;
    gap: .48rem;
    padding: .46rem .68rem;
    border: 1px solid rgba(255, 192, 7, .18);
    border-radius: 999px;
    color: #ffe7a0;
    background: rgba(255, 192, 7, .055);
    font-size: .78rem;
    font-weight: 900;
    text-transform: uppercase;
    letter-spacing: .08em;
}

.portal-sidebar nav {
    gap: .42rem;
}

.portal-sidebar nav a {
    border: 1px solid transparent;
    transition: background .16s ease, border-color .16s ease, color .16s ease, transform .16s ease;
}

.portal-sidebar nav a:hover,
.portal-sidebar nav a.active {
    transform: translateX(2px);
    border-color: rgba(7, 116, 255, .24);
    background:
        linear-gradient(90deg, rgba(7, 116, 255, .18), rgba(255, 255, 255, .035));
}

.portal-topbar {
    min-height: 82px;
    background:
        linear-gradient(180deg, rgba(2, 4, 10, .9), rgba(2, 4, 10, .72)),
        rgba(2, 4, 10, .8);
}

.portal-content {
    padding: clamp(1rem, 2.4vw, 1.6rem);
}

.portal-card.stat-card {
    min-height: 154px;
    border-color: rgba(84, 214, 255, .12);
}

.portal-card.stat-card::after {
    top: auto;
    right: 1rem;
    bottom: 1rem;
    left: auto;
    width: 58px;
    height: 58px;
    border-radius: 0;
    background:
        repeating-linear-gradient(90deg, rgba(255, 192, 7, .2) 0 1px, transparent 1px 12px),
        repeating-linear-gradient(180deg, rgba(7, 116, 255, .2) 0 1px, transparent 1px 12px);
    opacity: .55;
    transform: rotate(8deg);
}

.reveal-ready {
    opacity: 0;
    transform: translateY(16px);
    transition: opacity .5s ease, transform .5s ease;
}

.reveal-ready.is-revealed {
    opacity: 1;
    transform: translateY(0);
}

/* Services and hosting pages */
.services-page .section,
.hosting-page .section {
    padding-top: clamp(2.4rem, 4.5vw, 3.8rem);
    padding-bottom: clamp(2.4rem, 4.5vw, 3.8rem);
}

.services-page>.section+.section {
    margin-top: clamp(1rem, 2vw, 1.65rem);
}

.service-overview-grid,
.service-products-grid,
.hosting-category-grid,
.hosting-plan-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(min(280px, 100%), 1fr));
    gap: clamp(1.25rem, 2vw, 1.85rem);
    align-items: stretch;
    margin-top: 1.1rem;
}

.service-summary-card,
.service-plan-card,
.hosting-category-card,
.hosting-plan-card,
.hosting-detail-card {
    display: flex;
    flex-direction: column;
    min-height: 100%;
}

.service-summary-card {
    position: relative;
    overflow: hidden;
    padding: 1.5rem;
    border: 1px solid transparent;
    border-radius: calc(var(--radius) + 4px);
    gap: .95rem;
    --service-accent: rgba(7, 116, 255, .34);
    --service-glow: rgba(7, 116, 255, .16);
    --service-badge-bg: linear-gradient(135deg, var(--blue), var(--blue-soft));
    --service-badge-color: #fff;
    --service-icon-bg: linear-gradient(135deg, rgba(7, 116, 255, .2), rgba(255, 255, 255, .06));
    --service-icon-color: #fff;
    --service-icon-border: rgba(7, 116, 255, .26);
    background:
        radial-gradient(circle at 12% 0%, var(--service-glow), transparent 38%),
        linear-gradient(180deg, rgba(255, 255, 255, .102), rgba(255, 255, 255, .045)),
        rgba(4, 11, 24, .72);
    box-shadow: 0 22px 60px rgba(0, 0, 0, .34), inset 0 1px 0 rgba(255, 255, 255, .12);
    transition: transform .18s ease, border-color .18s ease, background .18s ease, box-shadow .18s ease;
}

.service-overview-section .section-header {
    margin-bottom: 1.75rem;
}

.service-summary-card::before {
    content: "";
    position: absolute;
    inset: 0 0 auto;
    height: 3px;
    pointer-events: none;
    background: linear-gradient(90deg, var(--service-accent), transparent 82%);
}

.service-summary-card::after {
    content: "";
    position: absolute;
    inset: auto -18% -24% auto;
    width: 220px;
    height: 220px;
    border-radius: 999px;
    background: radial-gradient(circle, var(--service-glow), transparent 68%);
    opacity: .75;
    pointer-events: none;
}

.service-summary-card>* {
    position: relative;
    z-index: 1;
}

.service-summary-card .service-summary-top {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: .55rem;
    margin-bottom: 1rem;
}

.service-summary-badge {
    display: inline-flex;
    align-items: center;
    min-height: 30px;
    padding: .34rem .72rem;
    border-radius: 999px;
    color: var(--service-badge-color);
    background: var(--service-badge-bg);
    box-shadow: 0 10px 24px rgba(0, 0, 0, .18);
    font-size: .72rem;
    font-weight: 900;
    letter-spacing: .09em;
    line-height: 1;
    text-transform: uppercase;
    white-space: nowrap;
}

.service-summary-card .card-icon,
.hosting-category-card .card-icon {
    margin-bottom: .85rem;
}

.service-summary-card .card-icon {
    width: 52px;
    height: 52px;
    display: grid;
    place-items: center;
    margin-bottom: 0;
    border-radius: 14px;
    color: var(--service-icon-color);
    background: var(--service-icon-bg);
    border: 1px solid var(--service-icon-border);
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, .12),
        0 14px 28px rgba(0, 0, 0, .16);
}

.service-summary-card h3,
.hosting-category-card h3,
.hosting-plan-card h3,
.service-plan-card h3 {
    margin-bottom: .55rem;
    text-wrap: balance;
}

.service-summary-card h3 {
    font-size: 1.16rem;
    line-height: 1.24;
}

.service-summary-body {
    display: grid;
    gap: .85rem;
}

.service-summary-heading {
    display: flex;
    align-items: center;
    gap: .85rem;
    min-width: 0;
}

.service-summary-body h3,
.service-summary-body p {
    margin: 0;
}

.service-summary-heading h3 {
    margin: 0;
}

.service-summary-card p,
.hosting-category-card p,
.hosting-plan-card p,
.service-plan-card p {
    margin-top: 0;
    text-wrap: balance;
}

.service-summary-card p {
    min-height: 88px;
    color: var(--muted);
    line-height: 1.68;
}

.service-summary-footer {
    margin-top: auto;
}

.service-summary-card .button,
.hosting-category-card .button,
.service-plan-card .button {
    margin-top: auto;
}

.service-summary-card .button {
    align-self: flex-start;
}

.service-summary-card .service-summary-action {
    gap: .45rem;
    padding: .78rem 1rem;
    border-width: 1px;
    border-style: solid;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .08);
}

.service-summary-card.tone-gold .service-summary-action,
.service-summary-card.tone-cyan .service-summary-action,
.service-summary-card.tone-green .service-summary-action {
    color: #07101c;
}

.service-summary-card.tone-blue .service-summary-action {
    color: #fff;
}

.service-summary-card.tone-gold .service-summary-action {
    background: linear-gradient(135deg, rgba(255, 192, 7, .92), rgba(255, 225, 122, .84));
    border-color: rgba(255, 192, 7, .42);
}

.service-summary-card.tone-blue .service-summary-action {
    background: linear-gradient(135deg, rgba(7, 116, 255, .92), rgba(72, 164, 255, .82));
    border-color: rgba(7, 116, 255, .42);
}

.service-summary-card.tone-cyan .service-summary-action {
    background: linear-gradient(135deg, rgba(84, 214, 255, .94), rgba(139, 223, 255, .82));
    border-color: rgba(84, 214, 255, .42);
}

.service-summary-card.tone-green .service-summary-action {
    background: linear-gradient(135deg, rgba(45, 220, 136, .94), rgba(116, 239, 175, .82));
    border-color: rgba(45, 220, 136, .42);
}

.service-summary-card .service-summary-action:hover {
    transform: translateY(-1px);
    box-shadow: 0 16px 34px rgba(0, 0, 0, .18), inset 0 1px 0 rgba(255, 255, 255, .08);
}

.service-summary-card:hover {
    transform: translateY(-4px);
    border-color: rgba(7, 116, 255, .28);
    box-shadow: 0 28px 70px rgba(0, 0, 0, .42), inset 0 1px 0 rgba(255, 255, 255, .12);
}

.service-summary-card.tone-gold {
    --service-accent: rgba(255, 192, 7, .42);
    --service-glow: rgba(255, 192, 7, .18);
    --service-badge-bg: linear-gradient(135deg, var(--gold), #ffe17a);
    --service-badge-color: #07101c;
    --service-icon-bg: linear-gradient(135deg, rgba(255, 192, 7, .18), rgba(255, 255, 255, .06));
    --service-icon-color: #07101c;
    --service-icon-border: rgba(255, 192, 7, .24);
}

.service-summary-card.tone-blue {
    --service-accent: rgba(7, 116, 255, .42);
    --service-glow: rgba(7, 116, 255, .18);
    --service-badge-bg: linear-gradient(135deg, var(--blue), var(--blue-soft));
    --service-badge-color: #fff;
    --service-icon-bg: linear-gradient(135deg, rgba(7, 116, 255, .22), rgba(255, 255, 255, .06));
    --service-icon-color: #fff;
    --service-icon-border: rgba(7, 116, 255, .28);
}

.service-summary-card.tone-cyan {
    --service-accent: rgba(84, 214, 255, .4);
    --service-glow: rgba(84, 214, 255, .16);
    --service-badge-bg: linear-gradient(135deg, #54d6ff, #8bdfff);
    --service-badge-color: #07101c;
    --service-icon-bg: linear-gradient(135deg, rgba(84, 214, 255, .18), rgba(255, 255, 255, .08));
    --service-icon-color: #07101c;
    --service-icon-border: rgba(84, 214, 255, .28);
}

.service-summary-card.tone-green {
    --service-accent: rgba(45, 220, 136, .4);
    --service-glow: rgba(45, 220, 136, .16);
    --service-badge-bg: linear-gradient(135deg, #2ddc88, #74efaf);
    --service-badge-color: #07101c;
    --service-icon-bg: linear-gradient(135deg, rgba(45, 220, 136, .18), rgba(255, 255, 255, .08));
    --service-icon-color: #07101c;
    --service-icon-border: rgba(45, 220, 136, .28);
}

.service-summary-card .button i {
    font-size: .9rem;
}

.services-page .service-feature-list {
    width: min(100%, 380px);
    margin: 0 auto;
    padding: 0;
    list-style: none;
    display: grid;
    gap: .72rem;
}

.services-page .service-feature-list li {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr);
    gap: .7rem;
    align-items: start;
    padding: 0;
    border: 0 !important;
    border-radius: 0;
    background: transparent !important;
    box-shadow: none !important;
}

.services-page .service-feature-list i {
    width: 16px;
    height: 16px;
    display: grid;
    place-items: center;
    flex: 0 0 auto;
    margin-top: .22rem;
    border-radius: 0;
    color: var(--gold);
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
}

.services-page .service-feature-list span {
    display: block;
    color: #d9e5f5;
    font-size: .95rem;
    line-height: 1.45;
}

@media (max-width: 640px) {
    .service-summary-card {
        padding: 1.2rem;
    }

    .service-summary-heading {
        gap: .65rem;
    }

    .service-summary-card .card-icon {
        width: 46px;
        height: 46px;
    }

    .service-summary-card p {
        min-height: 0;
    }

    .service-summary-card .button {
        width: 100%;
        align-self: stretch;
        justify-content: center;
    }

    .services-page .service-feature-list li {
        padding: .15rem 0 .4rem;
    }

    .services-page .service-visual {
        grid-template-columns: 56px minmax(0, 1fr);
        gap: .85rem .9rem;
        padding: 1rem 1.05rem;
    }

    .services-page .service-visual .visual-core {
        width: 56px;
        height: 56px;
    }
}

.hosting-category-card .card-icon {
    margin-bottom: .85rem;
}

.service-detail-panel,
.hosting-detail-section {
    position: relative;
    overflow: hidden;
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(300px, .86fr);
    gap: clamp(1.2rem, 3vw, 1.85rem);
    align-items: center;
    padding: 1.5rem;
    border: 1px solid rgba(255, 255, 255, .11);
    border-radius: calc(var(--radius) + 6px);
    background:
        radial-gradient(circle at 10% 0%, rgba(7, 116, 255, .12), transparent 34%),
        radial-gradient(circle at 96% 100%, rgba(255, 192, 7, .07), transparent 36%),
        linear-gradient(180deg, rgba(255, 255, 255, .06), rgba(255, 255, 255, .025)),
        rgba(4, 11, 24, .42);
    box-shadow: 0 20px 52px rgba(0, 0, 0, .2), inset 0 1px 0 rgba(255, 255, 255, .08);
}

.service-detail-panel::before,
.hosting-detail-section::before {
    content: "";
    position: absolute;
    inset: 0 0 auto;
    height: 3px;
    pointer-events: none;
    background: linear-gradient(90deg, rgba(7, 116, 255, .5), rgba(255, 192, 7, .28), transparent 86%);
}

.service-detail-panel.is-reversed {
    grid-template-columns: minmax(300px, .86fr) minmax(0, 1fr);
}

.service-detail-panel:hover,
.hosting-detail-section:hover {
    border-color: rgba(7, 116, 255, .22);
    box-shadow: 0 24px 58px rgba(0, 0, 0, .26), inset 0 1px 0 rgba(255, 255, 255, .09);
}

.service-copy {
    max-width: 720px;
}

.service-copy h2 {
    font-size: clamp(1.45rem, 2.4vw, 2.1rem);
}

.service-copy .button {
    margin-top: 1rem;
}

.service-chip-grid {
    display: flex;
    flex-wrap: wrap;
    gap: .6rem;
    margin-top: 1rem;
}

@media (max-width: 640px) {

    .service-detail-panel,
    .hosting-detail-section {
        padding: 1.15rem;
    }
}

.service-products-section,
.hosting-overview-section,
.hosting-category-section {
    border-top: 1px solid rgba(255, 255, 255, .07);
}

.service-plan-card .plan-card-top,
.hosting-plan-card .plan-card-top,
.hosting-detail-card .plan-card-top {
    align-items: flex-start;
}

.service-plan-card .price,
.hosting-plan-card .price {
    margin-top: auto;
}

.hosting-category-card {
    padding: 1.1rem;
}

.hosting-category-card .button {
    width: 100%;
}

.hosting-plan-card .inline-actions,
.hosting-order-panel .button {
    width: 100%;
}

.hosting-plan-card-actions {
    margin-top: auto;
    padding-top: 1.5rem;
    display: grid;
    gap: .9rem;
}

.hosting-plan-card-actions .inline-actions {
    gap: .9rem;
    align-items: stretch;
}

.hosting-plan-card .inline-actions .button,
.hosting-plan-card .inline-actions form {
    flex: 1 1 180px;
}

.hosting-detail-section {
    align-items: start;
}

.hosting-detail-card,
.hosting-order-panel {
    min-height: 100%;
}

.hosting-order-panel {
    display: flex;
    flex-direction: column;
}

.hosting-order-panel p {
    margin-top: 0;
}

.hosting-order-panel .button {
    margin-top: .95rem;
}

.hosting-hero .hero-actions {
    margin-top: 1.35rem;
}

.hosting-hero-card {
    overflow: hidden;
}

.hosting-hero-stack {
    display: grid;
    gap: .72rem;
    margin-top: .95rem;
}

.hosting-hero-stack>div {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr);
    gap: .78rem;
    align-items: center;
    padding: .82rem;
    border: 1px solid rgba(255, 255, 255, .1);
    border-radius: calc(var(--radius) + 4px);
    background:
        linear-gradient(135deg, rgba(255, 255, 255, .08), rgba(255, 255, 255, .025)),
        rgba(7, 116, 255, .045);
}

.hosting-hero-stack i {
    display: grid;
    place-items: center;
    width: 38px;
    height: 38px;
    border: 1px solid rgba(255, 192, 7, .22);
    border-radius: 13px;
    color: var(--gold);
    background: rgba(255, 192, 7, .07);
}

.hosting-hero-stack strong,
.hosting-hero-stack small {
    display: block;
}

.hosting-hero-stack strong {
    color: #fff;
    font-size: .95rem;
    line-height: 1.25;
}

.hosting-hero-stack small {
    margin-top: .15rem;
    color: #b7c5d8;
    font-size: .82rem;
    line-height: 1.45;
}

.hosting-hero-note {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr);
    gap: .62rem;
    margin-top: 1rem;
    padding: .78rem .86rem;
    border: 1px solid rgba(84, 214, 255, .14);
    border-radius: calc(var(--radius) + 4px);
    background: rgba(84, 214, 255, .055);
    color: #dce8f7;
    font-size: .86rem;
    font-weight: 720;
    line-height: 1.55;
}

.hosting-hero-note i {
    color: var(--blue-soft);
    margin-top: .18rem;
}

.hosting-guide-grid,
.hosting-related-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 1rem;
    align-items: stretch;
}

.hosting-guide-card,
.hosting-related-card {
    display: flex;
    flex-direction: column;
    gap: .45rem;
    min-height: 100%;
}

.hosting-guide-card .eyebrow,
.hosting-related-card .eyebrow {
    margin: .15rem 0 .1rem;
}

.hosting-guide-card h3,
.hosting-related-card h3 {
    margin: 0;
}

.hosting-guide-card p,
.hosting-related-card p {
    margin: 0;
}

.hosting-guide-card small {
    display: block;
    margin-top: .15rem;
    color: #aebbd0;
    font-size: .84rem;
    line-height: 1.55;
}

.hosting-guide-card .button,
.hosting-related-card .button {
    width: fit-content;
    max-width: 100%;
    margin-top: auto;
}

.hosting-featured-section {
    border-top: 1px solid rgba(255, 255, 255, .07);
}

.hosting-feature-strip {
    display: flex;
    flex-wrap: wrap;
    gap: .65rem;
    margin-bottom: 1.25rem;
}

.hosting-feature-pill {
    display: inline-flex;
    align-items: center;
    gap: .58rem;
    min-height: 42px;
    padding: .52rem .72rem;
    border: 1px solid rgba(255, 255, 255, .105);
    border-radius: 999px;
    color: #eaf3ff;
    text-decoration: none;
    background:
        linear-gradient(135deg, rgba(255, 255, 255, .08), rgba(255, 255, 255, .025)),
        rgba(7, 116, 255, .055);
    transition: border-color .18s ease, background .18s ease, transform .18s ease;
}

.hosting-feature-pill:hover,
.hosting-feature-pill:focus-visible {
    transform: translateY(-1px);
    border-color: rgba(84, 214, 255, .28);
    background:
        linear-gradient(135deg, rgba(7, 116, 255, .18), rgba(255, 255, 255, .04)),
        rgba(7, 116, 255, .09);
}

.hosting-feature-pill i {
    color: var(--gold);
}

.hosting-feature-pill span {
    max-width: 260px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-weight: 820;
    font-size: .86rem;
}

.hosting-feature-pill strong {
    color: var(--gold);
    font-size: .86rem;
}

.hosting-category-block {
    padding: clamp(1rem, 2vw, 1.25rem);
    border: 1px solid rgba(255, 255, 255, .08);
    border-radius: calc(var(--radius) + 12px);
    background:
        radial-gradient(circle at 8% 0%, rgba(7, 116, 255, .13), transparent 34%),
        linear-gradient(180deg, rgba(255, 255, 255, .055), rgba(255, 255, 255, .02));
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .07);
}

.hosting-category-block+.hosting-category-block {
    margin-top: 1rem;
}

.hosting-category-heading {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 1rem;
    align-items: end;
    margin-bottom: 1rem;
    padding-bottom: 1rem;
    border-bottom: 1px solid rgba(255, 255, 255, .075);
}

.hosting-category-heading h3 {
    margin: .2rem 0 .35rem;
    color: #fff;
    font-size: clamp(1.32rem, 2.2vw, 1.95rem);
    line-height: 1.14;
}

.hosting-category-heading p {
    max-width: 760px;
    margin: 0;
}

.hosting-category-meta {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
    gap: .5rem;
}

.hosting-category-meta span {
    display: inline-flex;
    align-items: center;
    gap: .42rem;
    padding: .45rem .62rem;
    border: 1px solid rgba(255, 255, 255, .105);
    border-radius: 999px;
    background: rgba(255, 255, 255, .045);
    color: #d9e6f7;
    font-size: .78rem;
    font-weight: 820;
    white-space: nowrap;
}

.hosting-category-meta i {
    color: var(--gold);
}

.hosting-plan-card {
    position: relative;
    overflow: hidden;
}

.hosting-plan-specs {
    display: flex;
    flex-wrap: wrap;
    gap: .48rem;
    margin: .75rem 0 .85rem;
}

.hosting-plan-specs span {
    display: inline-flex;
    align-items: center;
    gap: .38rem;
    padding: .4rem .55rem;
    border: 1px solid rgba(255, 255, 255, .09);
    border-radius: 999px;
    background: rgba(255, 255, 255, .04);
    color: #cbd8e9;
    font-size: .78rem;
    font-weight: 760;
}

.hosting-plan-specs i {
    color: var(--blue-soft);
}

.hosting-related-section {
    border-top: 1px solid rgba(255, 255, 255, .07);
}

.hosting-related-card .price {
    margin-top: auto;
}

.hosting-support-cta {
    padding-top: clamp(1.7rem, 3vw, 2.4rem);
}

@media (max-width: 980px) {

    .hosting-guide-grid,
    .hosting-related-grid {
        grid-template-columns: 1fr;
    }

    .hosting-category-heading {
        grid-template-columns: 1fr;
        align-items: start;
    }

    .hosting-category-meta {
        justify-content: flex-start;
    }
}

@media (max-width: 640px) {
    .hosting-feature-pill {
        width: 100%;
        justify-content: space-between;
        border-radius: calc(var(--radius) + 8px);
    }

    .hosting-feature-pill span {
        white-space: normal;
    }

    .hosting-category-block {
        padding: .9rem;
    }

    .hosting-plan-card .inline-actions,
    .hosting-plan-card .inline-actions form,
    .hosting-plan-card .inline-actions .button {
        width: 100%;
    }
}

/* Cart */

.cart-section {
    padding-top: clamp(2.2rem, 4vw, 3.4rem);
}

.cart-empty-state {
    width: 100%;
    margin: 0 auto;
    display: grid;
    grid-template-columns: auto minmax(0, 1fr);
    gap: 1rem;
    align-items: start;
    padding: clamp(1.25rem, 2.5vw, 1.8rem);
}

.cart-layout {
    display: grid;
    grid-template-columns: minmax(0, 1.38fr) minmax(300px, 360px);
    gap: clamp(1rem, 2vw, 1.25rem);
    align-items: start;
}

.cart-items-stack {
    min-width: 0;
    display: grid;
    gap: 1rem;
}

.cart-items-stack .section-header {
    margin-bottom: .2rem;
}

.cart-items-table {
    padding: 0;
    overflow: hidden;
}

.cart-items-table-head {
    display: grid;
    grid-template-columns: minmax(0, 1.58fr) minmax(240px, .88fr) minmax(230px, .64fr);
    gap: 1rem;
    padding: 1rem 1.15rem;
    border-bottom: 1px solid rgba(255, 255, 255, .08);
    color: #9db0c8;
    font-size: .68rem;
    font-weight: 950;
    letter-spacing: .08em;
    text-transform: uppercase;
}

.cart-items-table-head span:last-child {
    text-align: left;
}

.cart-items-table-body {
    display: grid;
}

.cart-item-row {
    display: grid;
    grid-template-columns: minmax(0, 1.58fr) minmax(240px, .88fr) minmax(230px, .64fr);
    gap: 1.15rem;
    padding: 1.1rem 1.2rem;
    align-items: start;
}

.cart-item-row+.cart-item-row {
    border-top: 1px solid rgba(255, 255, 255, .08);
}

.cart-item-row-main {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr);
    gap: .9rem;
    align-items: start;
}

.cart-item-row-copy {
    min-width: 0;
}

.cart-item-row-topline {
    display: flex;
    flex-wrap: wrap;
    gap: .45rem;
    align-items: center;
    margin-bottom: .3rem;
}

.cart-row-pill {
    display: inline-flex;
    align-items: center;
    min-height: 22px;
    padding: .22rem .56rem;
    border: 1px solid rgba(255, 255, 255, .095);
    border-radius: 999px;
    color: #dceaff;
    background: rgba(255, 255, 255, .045);
    font-size: .68rem;
    font-weight: 900;
    letter-spacing: .05em;
    text-transform: uppercase;
}

.cart-item-row-copy h3 {
    margin: .15rem 0 .4rem;
    color: #fff;
    font-size: clamp(1rem, 1.4vw, 1.14rem);
    line-height: 1.28;
}

.cart-item-description {
    margin: 0;
    color: var(--muted);
}

.cart-item-domain {
    display: inline-flex;
    align-items: center;
    gap: .45rem;
    color: #dceaff;
    font-weight: 800;
}

.cart-item-domain i {
    color: var(--gold);
}

.cart-item-status,
.cart-summary-list {
    display: flex;
    flex-wrap: wrap;
    gap: .45rem;
    margin-top: .7rem;
}

.cart-item-status {
    align-items: center;
    color: #cddcf0;
    font-size: .8rem;
    font-weight: 780;
    line-height: 1.4;
}

.cart-item-status i,
.cart-summary-list span {
    color: var(--gold);
}

.cart-item-status>span,
.cart-summary-list span {
    display: inline-flex;
    align-items: center;
    gap: .42rem;
}

.cart-item-row-term,
.cart-item-row-price,
.cart-item-row-actions {
    display: grid;
    gap: .45rem;
    align-content: start;
}

.cart-item-row-actions .cart-column-label {
    display: block;
}

.cart-column-label {
    display: none;
    color: #9db0c8;
    font-size: .68rem;
    font-weight: 950;
    letter-spacing: .08em;
    text-transform: uppercase;
}

.cart-item-row-price {
    justify-items: start;
    gap: .45rem;
}

.cart-item-row-price strong,
.cart-summary-panel h2 {
    display: block;
    color: #fff;
    font-size: clamp(1.2rem, 1.9vw, 1.6rem);
    line-height: 1.1;
}

.cart-item-row-price span {
    display: block;
    color: var(--muted-soft);
    font-size: .82rem;
    line-height: 1.45;
}

.cart-term-form {
    width: min(100%, 300px);
    display: grid;
    gap: .5rem;
    align-items: start;
}

.cart-term-form label {
    margin: 0;
    color: #dceaff;
    font-size: .82rem;
    font-weight: 850;
}

.cart-term-form select {
    min-height: 44px;
    padding: .62rem .7rem;
    border-color: rgba(255, 255, 255, .11);
    background: rgba(0, 4, 12, .58);
}

.cart-term-form .button {
    width: auto;
    min-width: 128px;
    justify-self: start;
}

.cart-term-static {
    width: min(100%, 300px);
    min-height: 44px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: .65rem .85rem;
    border: 1px solid rgba(255, 255, 255, .1);
    border-radius: 999px;
    background: rgba(255, 255, 255, .045);
    color: #dceaff;
    font-weight: 850;
}

.cart-item-row-actions .cart-remove-form {
    margin-top: 0;
}

.cart-item-row-actions {
    display: flex;
    flex-wrap: wrap;
    gap: .5rem;
}

.cart-item-row-actions .button {
    width: auto;
    min-width: 128px;
}

.cart-summary-panel {
    width: 100%;
    position: sticky;
    top: 96px;
    padding: clamp(1rem, 2vw, 1.25rem);
    align-self: start;
}

.cart-summary-panel p {
    margin-top: .6rem;
    color: var(--muted-soft);
    line-height: 1.65;
}

.cart-summary-list {
    display: grid;
    gap: .5rem;
    margin-top: .8rem;
}

.cart-summary-list span {
    width: 100%;
    border-radius: 14px;
}

.cart-summary-panel .button {
    width: 100%;
    margin-top: .95rem;
}

.cart-suggestions {
    margin-top: clamp(1.6rem, 3vw, 2.4rem);
    padding-top: clamp(1.15rem, 2.4vw, 1.8rem);
    border-top: 1px solid rgba(255, 255, 255, .08);
}

.cart-suggestion-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(min(260px, 100%), 1fr));
    gap: 1rem;
}

.cart-suggestion-card {
    display: flex;
    flex-direction: column;
    min-height: 100%;
}

.cart-suggestion-card .inline-actions {
    align-items: center;
    margin-top: auto;
}

.cart-suggestion-card .inline-actions form {
    width: auto;
}

.cart-suggestion-card .inline-actions .button {
    width: fit-content;
    max-width: 100%;
}

@media (max-width: 1050px) {
    .cart-layout {
        grid-template-columns: 1fr;
    }

    .cart-summary-panel {
        position: relative;
        top: auto;
    }
}

@media (max-width: 700px) {

    .cart-empty-state,
    .cart-item-row,
    .cart-item-row-main {
        grid-template-columns: 1fr;
    }

    .cart-items-table-head {
        display: none;
    }

    .cart-item-status,
    .cart-summary-list {
        align-items: flex-start;
        flex-direction: column;
    }

    .cart-item-status>span,
    .cart-summary-list span {
        width: 100%;
    }

    .cart-column-label {
        display: block;
    }

    .cart-summary-panel .button,
    .cart-suggestion-card .inline-actions,
    .cart-suggestion-card .inline-actions form,
    .cart-suggestion-card .inline-actions .button {
        width: 100%;
    }

    .cart-term-form {
        width: 100%;
    }

    .cart-term-form .button {
        width: 100%;
        justify-self: stretch;
    }

    .cart-price-block,
    .cart-term-static {
        min-width: 0;
        width: 100%;
    }

    .cart-item-row-term,
    .cart-item-row-price,
    .cart-item-row-actions {
        width: 100%;
    }

    .cart-item-row-actions {
        flex-direction: column;
        align-items: stretch;
    }

    .cart-item-row-actions .button {
        width: 100%;
    }

    .cart-remove-form .button {
        width: 100%;
    }

    .payment-method-grid {
        grid-template-columns: 1fr;
    }

    .checkout-shell {
        grid-template-columns: 1fr;
    }

    .checkout-summary-card {
        position: static;
    }

    .form-grid-2,
    .checkout-transfer-fields {
        grid-template-columns: 1fr;
    }

    .checkout-submit-row,
    .checkout-submit-row .button {
        width: 100%;
    }

    .checkout-summary-item {
        grid-template-columns: auto minmax(0, 1fr);
    }

    .checkout-summary-item>strong {
        grid-column: 2;
    }
}

.service-process-grid {
    grid-template-columns: repeat(auto-fit, minmax(min(240px, 100%), 1fr));
}

/* Domain search page */
.domains-page .section {
    padding-top: clamp(2rem, 3.8vw, 3.2rem);
    padding-bottom: clamp(2rem, 3.8vw, 3.2rem);
}

.domains-page .domain-page-hero {
    padding-top: clamp(2.7rem, 5vw, 4.6rem);
    padding-bottom: clamp(1.4rem, 3vw, 2.4rem);
}

.domain-hero-card .button {
    width: 100%;
    margin-top: .95rem;
}

.domain-search-section {
    max-width: none;
    padding: .9rem max(1.25rem, calc((100vw - var(--container)) / 2)) .5rem;
}

.domain-search-stack {
    display: grid;
    gap: 1rem;
}

.domain-search-layout,
.domain-inquiry-layout {
    display: grid;
    grid-template-columns: minmax(0, 1.32fr) minmax(290px, .68fr);
    gap: clamp(1rem, 2.5vw, 1.45rem);
    align-items: start;
}

.domain-inquiry-layout {
    grid-template-columns: minmax(0, .82fr) minmax(380px, 1.18fr);
    align-items: center;
}

.domains-page .section-header {
    margin-bottom: clamp(1rem, 2vw, 1.45rem);
}

.domains-page .eyebrow {
    width: fit-content;
    margin: 0 0 .72rem;
    vertical-align: top;
}

.domains-page .section-header .eyebrow,
.domains-page .page-hero-copy .eyebrow,
.domains-page .hero-info-card .eyebrow {
    margin-bottom: .72rem;
}

.domain-search-panel {
    position: relative;
    isolation: isolate;
    padding: clamp(1.1rem, 2.4vw, 1.65rem);
    border: 1px solid rgba(255, 255, 255, .14);
    border-radius: calc(var(--radius) + 10px);
    background:
        radial-gradient(circle at 8% 0%, rgba(7, 116, 255, .24), transparent 34%),
        radial-gradient(circle at 100% 100%, rgba(255, 192, 7, .1), transparent 36%),
        linear-gradient(180deg, rgba(255, 255, 255, .12), rgba(255, 255, 255, .045));
    box-shadow: 0 26px 78px rgba(0, 0, 0, .34), inset 0 1px 0 rgba(255, 255, 255, .12);
    overflow: hidden;
}

.domain-search-panel::before {
    content: "";
    position: absolute;
    inset: 1px;
    z-index: -1;
    border-radius: inherit;
    background:
        linear-gradient(115deg, rgba(255, 255, 255, .11), transparent 28%),
        repeating-linear-gradient(90deg, rgba(255, 255, 255, .025) 0 1px, transparent 1px 72px);
    pointer-events: none;
}

.domain-search-panel .domain-card-top {
    grid-template-columns: minmax(0, 1fr) auto;
    align-items: center;
    gap: 1rem;
    margin-bottom: 1.1rem;
}

.domain-search-panel .domain-card-top h2,
.domain-inquiry-copy h2 {
    font-size: clamp(1.45rem, 2.4vw, 2.1rem);
}

.domain-inline-results-note {
    margin-top: 1rem;
    padding: 1rem;
    border: 1px solid rgba(255, 255, 255, .11);
    border-radius: var(--radius);
    background:
        radial-gradient(circle at 0% 0%, rgba(7, 116, 255, .12), transparent 34%),
        rgba(2, 8, 18, .52);
}

.domain-inline-results-note .eyebrow {
    margin-bottom: .55rem;
}

.domain-inline-results-note h3 {
    margin-bottom: .35rem;
}

.domain-inline-results-note p {
    margin: 0;
}

.domain-inquiry-copy .hero-contact-list span {
    display: flex;
    align-items: center;
    gap: .58rem;
    color: #d9e6f7;
    font-weight: 780;
}

.domain-inquiry-copy i {
    color: var(--gold);
}

.domains-page .glass-card:hover,
.domains-page .domain-result-card:hover,
.domains-page .plan-card:hover,
.domains-page .portfolio-card:hover {
    transform: translateY(-2px);
    border-color: rgba(84, 214, 255, .22);
    box-shadow: 0 18px 52px rgba(0, 0, 0, .25), inset 0 1px 0 rgba(255, 255, 255, .12);
}

.domains-page .domain-price-source-card:hover {
    transform: none;
}

.domains-page .domain-chip-row .chip:hover {
    transform: none;
    border-color: rgba(7, 116, 255, .42);
    box-shadow: 0 8px 20px rgba(0, 0, 0, .14);
}

.domains-page .button:hover {
    transform: none;
}

.domain-results-section {
    max-width: none;
    padding: clamp(.65rem, 1.5vw, 1rem) max(1.25rem, calc((100vw - var(--container)) / 2)) clamp(2.5rem, 4vw, 3.4rem);
}

.domain-results-section>* {
    width: min(100%, var(--container));
    margin-left: auto;
    margin-right: auto;
}

.domains-page .domain-results-section .section-header {
    width: min(100%, var(--container));
    max-width: var(--container);
    margin-left: auto;
    margin-right: auto;
    text-align: left;
}

.domains-page .domain-results-section .section-header h2 {
    max-width: none;
}

.domains-page .domain-results-section .section-header p {
    max-width: 760px;
    margin-left: 0;
    margin-right: 0;
}

.domain-results-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(min(270px, 100%), 1fr));
    gap: 1rem;
}

.domain-result-card-modern {
    display: grid;
    gap: .82rem;
    align-content: start;
    min-height: 100%;
    padding: 1.05rem;
    border-color: rgba(255, 255, 255, .13);
    background:
        radial-gradient(circle at 14% 0%, rgba(7, 116, 255, .13), transparent 33%),
        linear-gradient(180deg, rgba(255, 255, 255, .09), rgba(255, 255, 255, .04));
}

.domain-result-card-modern h3 {
    margin: .15rem 0 0;
    font-size: clamp(1.12rem, 1.8vw, 1.38rem);
    line-height: 1.14;
}

.domain-price-line {
    display: flex;
    align-items: end;
    gap: .5rem;
    margin-bottom: .75rem;
}

.domain-price-line strong {
    font-size: 1.62rem;
    line-height: 1;
}

.domain-price-line span {
    color: var(--muted-soft);
    font-size: .86rem;
    font-weight: 750;
}

.domain-renewal-line {
    display: inline-flex;
    align-items: center;
    gap: .45rem;
    width: fit-content;
    margin: -.2rem 0 .75rem;
    padding: .38rem .58rem;
    border: 1px solid rgba(255, 255, 255, .1);
    border-radius: 999px;
    background: rgba(255, 255, 255, .055);
    color: var(--muted-soft);
    font-size: .8rem;
    font-weight: 820;
}

.domain-renewal-line i {
    color: var(--blue-soft);
}

.domain-renewal-line strong {
    color: var(--text);
}

.domain-result-actions form,
.domain-result-actions .button {
    width: 100%;
}

.domain-result-actions form:not(.domain-transfer-cart-form) {
    display: grid;
    gap: .8rem;
    width: min(100%, 240px);
    align-items: start;
}

.domain-result-actions form:not(.domain-transfer-cart-form) label {
    margin: 0;
    color: var(--muted-soft);
    font-size: .78rem;
    font-weight: 850;
    line-height: 1.25;
}

.domain-result-actions form:not(.domain-transfer-cart-form) select {
    width: 100%;
    min-height: 42px;
    padding: .7rem .85rem;
    border-radius: 14px;
}

.domain-result-actions form:not(.domain-transfer-cart-form) .button {
    width: 100%;
    min-height: 42px;
    padding: .68rem .95rem;
    margin-top: .05rem;
}

.domain-unavailable-note i {
    margin-right: .45rem;
    color: var(--gold);
}

.domain-empty-state {
    display: flex;
    align-items: center;
    gap: 1rem;
    width: 100%;
    max-width: 860px;
}

.domain-empty-state h3 {
    margin-bottom: .3rem;
}

.af-domain-advisory {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr) auto;
    gap: .9rem;
    align-items: center;
    margin-bottom: 1rem;
    padding: .9rem;
    border: 1px solid rgba(255, 192, 7, .2);
    border-radius: calc(var(--radius) + 8px);
    background:
        radial-gradient(circle at 0% 0%, rgba(255, 192, 7, .13), transparent 34%),
        linear-gradient(180deg, rgba(255, 255, 255, .085), rgba(255, 255, 255, .035));
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .11);
}

.af-domain-advisory>span {
    display: grid;
    place-items: center;
    width: 42px;
    height: 42px;
    border: 1px solid rgba(255, 192, 7, .24);
    border-radius: 14px;
    color: var(--gold);
    background: rgba(255, 192, 7, .075);
}

.af-domain-advisory strong {
    display: block;
    color: #fff;
    font-size: .98rem;
    line-height: 1.25;
}

.af-domain-advisory p {
    margin: .22rem 0 0;
    color: #cddcf0;
    font-size: .9rem;
    line-height: 1.55;
}

.af-domain-advisory .button {
    width: auto;
    white-space: nowrap;
}

.domain-process-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 1rem;
}

.domain-process-grid .process-step {
    min-height: 100%;
}

.domain-tld-grid {
    display: grid;
    grid-template-columns: repeat(5, minmax(0, 1fr));
    gap: 1rem;
    margin-bottom: 1.05rem;
}

.tld-card {
    display: flex;
    flex-direction: column;
    min-height: 100%;
    padding: 1rem;
}

.tld-card-top {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: .8rem;
    flex-wrap: wrap;
    margin-bottom: .85rem;
}

.tld-card h3 {
    margin: 0;
    font-size: 1.35rem;
}

.tld-card p {
    margin-top: 0;
}

.tld-card .button {
    width: 100%;
    margin-top: auto;
    white-space: normal;
    text-align: center;
}

@media (max-width: 1180px) {
    .domain-tld-grid {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }
}

@media (max-width: 760px) {
    .domain-tld-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 520px) {
    .domain-tld-grid {
        grid-template-columns: 1fr;
    }
}

.domain-price-source-card {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr);
    gap: 1rem;
    align-items: center;
    width: 100%;
    margin-top: .2rem;
    background:
        radial-gradient(circle at 0% 0%, rgba(255, 192, 7, .12), transparent 34%),
        linear-gradient(180deg, rgba(255, 255, 255, .08), rgba(255, 255, 255, .035));
}

.domain-price-source-card h2 {
    font-size: clamp(1.25rem, 2vw, 1.7rem);
}

.domain-price-source-card p {
    margin: 0;
}

.domain-inquiry-section {
    padding-top: clamp(2.7rem, 5vw, 4.3rem);
}

.domain-inquiry-copy {
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: clamp(1rem, 2vw, 1.4rem) 0;
}

.domain-inquiry-copy p {
    max-width: 660px;
}

.domain-inquiry-copy .hero-contact-list {
    margin-top: 1rem;
}

.domain-inquiry-form {
    border-color: rgba(255, 192, 7, .17);
    background:
        radial-gradient(circle at 88% 0%, rgba(255, 192, 7, .1), transparent 32%),
        linear-gradient(180deg, rgba(255, 255, 255, .08), rgba(255, 255, 255, .035));
}

.domain-inquiry-form .button {
    width: 100%;
    margin-top: 1rem;
}

/* Hero split cards */
.page-hero {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(300px, 420px);
    gap: clamp(1.4rem, 4vw, 3rem);
    align-items: center;
    background: transparent !important;
}

.page-hero::before,
.page-hero::after {
    display: none !important;
}

.page-hero-copy {
    min-width: 0;
}

.page-hero-copy p {
    max-width: 760px;
}

.hero-info-card {
    position: relative;
    overflow: hidden;
    border: 1px solid rgba(255, 255, 255, .13);
    border-radius: var(--radius);
    padding: clamp(1rem, 2vw, 1.3rem);
    background:
        radial-gradient(circle at 12% 0%, rgba(7, 116, 255, .24), transparent 34%),
        radial-gradient(circle at 96% 100%, rgba(255, 192, 7, .12), transparent 36%),
        linear-gradient(145deg, rgba(255, 255, 255, .13), rgba(255, 255, 255, .045)),
        rgba(3, 9, 20, .78);
    box-shadow:
        0 24px 74px rgba(0, 0, 0, .36),
        inset 0 1px 0 rgba(255, 255, 255, .13);
    backdrop-filter: blur(14px);
}

.hero-info-card::before {
    content: "";
    position: absolute;
    inset: 0;
    pointer-events: none;
    background:
        linear-gradient(115deg, rgba(255, 255, 255, .13), transparent 26%),
        repeating-linear-gradient(90deg, rgba(255, 255, 255, .024) 0 1px, transparent 1px 48px);
}

.hero-info-card>* {
    position: relative;
}

.hero-info-card h2,
.hero-info-card h3 {
    margin-bottom: .7rem;
    font-size: 1.05rem;
}

.hero-info-card p {
    margin: .25rem 0;
    font-size: .94rem;
}

.hero-info-list,
.hero-contact-list {
    display: grid;
    gap: .62rem;
    margin-top: .85rem;
}

.hero-info-list span,
.hero-contact-list a,
.hero-contact-list span {
    display: flex;
    align-items: center;
    gap: .6rem;
    min-height: 42px;
    padding: .66rem .72rem;
    border: 1px solid rgba(255, 255, 255, .1);
    border-radius: var(--radius);
    background: rgba(255, 255, 255, .045);
    color: #dce8f8;
    font-weight: 760;
    line-height: 1.4;
}

.hero-info-list i,
.hero-contact-list i {
    width: 18px;
    color: var(--gold);
    text-align: center;
}

.hero-info-card .button {
    width: 100%;
    margin-top: .9rem;
}

.hero-card-metric {
    display: flex;
    align-items: baseline;
    justify-content: space-between;
    gap: 1rem;
    margin-top: .85rem;
    padding-top: .85rem;
    border-top: 1px solid rgba(255, 255, 255, .1);
}

.hero-card-metric strong {
    font-size: 1.35rem;
}

.hero-card-metric span {
    color: var(--muted-soft);
    font-size: .82rem;
    font-weight: 800;
    text-transform: uppercase;
    letter-spacing: .06em;
}

.hero-card-tabs {
    display: flex;
    flex-wrap: wrap;
    gap: .55rem;
    margin-top: .85rem;
}

.hero-card-tabs .chip {
    background: rgba(255, 255, 255, .05);
}

.home-hero {
    background: transparent !important;
}

.home-hero::before,
.home-hero::after {
    display: none !important;
}

.home-domain-preview.hero-domain-search {
    background:
        radial-gradient(circle at 14% 8%, rgba(7, 116, 255, .18), transparent 34%),
        radial-gradient(circle at 88% 12%, rgba(255, 192, 7, .08), transparent 30%),
        linear-gradient(180deg, rgba(2, 4, 10, .98), rgba(5, 12, 25, .94) 58%, rgba(2, 4, 10, .97)) !important;
    background-size: 100% 100%;
    animation: none;
}

.home-geometric-hero-bg {
    position: absolute;
    inset: 0;
    z-index: 0;
    width: 100%;
    height: 100%;
    object-fit: fill;
    object-position: center;
    opacity: .64;
    pointer-events: none;
    mix-blend-mode: normal;
    filter: saturate(.9) contrast(.82) brightness(.72);
    transform: none;
    animation: homeGeometricHeroPulse 18s ease-in-out infinite alternate;
}

.domain-flow-hero-bg {
    position: absolute;
    inset: 0;
    z-index: 0;
    display: block;
    width: 100%;
    height: 100%;
    min-width: 100%;
    min-height: 100%;
    object-fit: cover;
    object-position: center center;
    opacity: .46;
    pointer-events: none;
    mix-blend-mode: normal;
    filter: saturate(.95) contrast(.9) brightness(.72);
    -webkit-mask-image: none;
    mask-image: none;
}

.domain-stars-bg.night {
    position: absolute;
    inset: -28%;
    z-index: 0;
    width: auto;
    height: auto;
    overflow: hidden;
    pointer-events: none;
    opacity: .56;
    transform: rotateZ(45deg);
    transform-origin: center;
    filter: saturate(.95);
}

.domain-stars-bg::before {
    content: "";
    position: absolute;
    inset: 18% 12%;
    background:
        radial-gradient(ellipse at 50% 62%, rgba(7, 116, 255, .26), transparent 48%),
        radial-gradient(circle at 74% 24%, rgba(255, 192, 7, .08), transparent 26%);
    transform: rotateZ(-45deg);
    opacity: .8;
}

.domain-stars-bg .shooting_star {
    position: absolute;
    left: 50%;
    top: 50%;
    width: 0;
    height: 2px;
    border-radius: 999px;
    background: linear-gradient(-45deg, rgba(84, 214, 255, .96), rgba(7, 116, 255, 0));
    filter: drop-shadow(0 0 6px rgba(84, 214, 255, .86));
    animation:
        shootingStarTail 3600ms ease-in-out infinite,
        shootingStarMove 3600ms ease-in-out infinite;
}

.domain-stars-bg .shooting_star::before,
.domain-stars-bg .shooting_star::after {
    content: "";
    position: absolute;
    top: calc(50% - 1px);
    right: 0;
    width: 0;
    height: 2px;
    border-radius: 100%;
    background: linear-gradient(-45deg, rgba(7, 116, 255, 0), rgba(84, 214, 255, .92), rgba(7, 116, 255, 0));
    animation: shootingStarShine 3600ms ease-in-out infinite;
}

.domain-stars-bg .shooting_star::before {
    transform: translateX(50%) rotateZ(45deg);
}

.domain-stars-bg .shooting_star::after {
    transform: translateX(50%) rotateZ(-45deg);
}

.domain-stars-bg .shooting_star:nth-child(1) {
    top: 12%;
    left: 8%;
    animation-delay: 0ms;
    animation-duration: 3900ms;
}

.domain-stars-bg .shooting_star:nth-child(2) {
    top: 20%;
    left: 28%;
    animation-delay: 1100ms;
    animation-duration: 4300ms;
}

.domain-stars-bg .shooting_star:nth-child(3) {
    top: 30%;
    left: 58%;
    animation-delay: 2200ms;
    animation-duration: 3500ms;
}

.domain-stars-bg .shooting_star:nth-child(4) {
    top: 42%;
    left: 16%;
    animation-delay: 3300ms;
    animation-duration: 4700ms;
}

.domain-stars-bg .shooting_star:nth-child(5) {
    top: 52%;
    left: 44%;
    animation-delay: 4400ms;
    animation-duration: 3800ms;
}

.domain-stars-bg .shooting_star:nth-child(6) {
    top: 62%;
    left: 70%;
    animation-delay: 5500ms;
    animation-duration: 5100ms;
}

.domain-stars-bg .shooting_star:nth-child(7) {
    top: 76%;
    left: 22%;
    animation-delay: 6600ms;
    animation-duration: 4200ms;
}

.domain-stars-bg .shooting_star:nth-child(8) {
    top: 84%;
    left: 54%;
    animation-delay: 7700ms;
    animation-duration: 3600ms;
}

.domain-stars-bg .shooting_star:nth-child(9) {
    top: 10%;
    left: 78%;
    animation-delay: 1800ms;
    animation-duration: 5200ms;
}

.domain-stars-bg .shooting_star:nth-child(10) {
    top: 68%;
    left: 86%;
    animation-delay: 2900ms;
    animation-duration: 4000ms;
}

.domain-stars-bg .shooting_star:nth-child(11) {
    top: 16%;
    left: 46%;
    animation-delay: 5200ms;
    animation-duration: 4550ms;
}

.domain-stars-bg .shooting_star:nth-child(12) {
    top: 36%;
    left: 84%;
    animation-delay: 6300ms;
    animation-duration: 3700ms;
}

.domain-stars-bg .shooting_star:nth-child(13) {
    top: 48%;
    left: 4%;
    animation-delay: 7400ms;
    animation-duration: 4900ms;
}

.domain-stars-bg .shooting_star:nth-child(14) {
    top: 58%;
    left: 32%;
    animation-delay: 8500ms;
    animation-duration: 4100ms;
}

.domain-stars-bg .shooting_star:nth-child(15) {
    top: 72%;
    left: 62%;
    animation-delay: 9600ms;
    animation-duration: 5300ms;
}

.domain-stars-bg .shooting_star:nth-child(16) {
    top: 92%;
    left: 14%;
    animation-delay: 2500ms;
    animation-duration: 4500ms;
}

.domain-stars-bg .shooting_star:nth-child(17) {
    top: 88%;
    left: 78%;
    animation-delay: 3700ms;
    animation-duration: 3900ms;
}

.domain-stars-bg .shooting_star:nth-child(18) {
    top: 26%;
    left: 6%;
    animation-delay: 4900ms;
    animation-duration: 4800ms;
}

.domain-stars-bg .shooting_star:nth-child(19) {
    top: 6%;
    left: 38%;
    animation-delay: 6100ms;
    animation-duration: 3650ms;
}

.domain-stars-bg .shooting_star:nth-child(20) {
    top: 40%;
    left: 66%;
    animation-delay: 7300ms;
    animation-duration: 5000ms;
}

.domain-stars-bg .shooting_star:nth-child(2n) {
    background: linear-gradient(-45deg, rgba(255, 192, 7, .86), rgba(255, 192, 7, 0));
    filter: drop-shadow(0 0 6px rgba(255, 192, 7, .52));
}

.domain-stars-bg .shooting_star:nth-child(2n)::before,
.domain-stars-bg .shooting_star:nth-child(2n)::after {
    background: linear-gradient(-45deg, rgba(255, 192, 7, 0), rgba(255, 192, 7, .82), rgba(255, 192, 7, 0));
}

@keyframes shootingStarTail {
    0% {
        width: 0;
    }

    30% {
        width: clamp(64px, 9vw, 120px);
    }

    100% {
        width: 0;
    }
}

@keyframes shootingStarShine {
    0% {
        width: 0;
    }

    50% {
        width: clamp(18px, 3vw, 32px);
    }

    100% {
        width: 0;
    }
}

@keyframes shootingStarMove {
    0% {
        transform: translateX(0);
    }

    100% {
        transform: translateX(clamp(180px, 24vw, 360px));
    }
}

@supports selector(:has(*)) {
    .home-domain-preview.hero-domain-search:has(.home-domain-results:not(.home-domain-results-empty)) .domain-stars-bg {
        opacity: .42;
    }
}

@media (max-width: 700px) {
    .domain-stars-bg.night {
        display: none;
    }
}

@keyframes homeDomainHeroAurora {
    0% {
        background-position: 0% 8%, 100% 0%, 0% 50%, center;
    }

    50% {
        background-position: 16% 0%, 74% 12%, 70% 42%, center;
    }

    100% {
        background-position: 4% 22%, 88% 20%, 100% 58%, center;
    }
}

@keyframes heroInfrastructureDrift {
    0% {
        background-position: 0 0, 0 0, center;
    }

    100% {
        background-position: 112px 112px, -112px 56px, center;
    }
}

@keyframes heroSignalSweep {
    0% {
        background-position:
            0% 46%,
            100% 52%,
            center,
            bottom;
        opacity: .34;
    }

    50% {
        background-position:
            48% 50%,
            58% 48%,
            center,
            bottom;
        opacity: .48;
    }

    100% {
        background-position:
            100% 54%,
            0% 56%,
            center,
            bottom;
        opacity: .38;
    }
}

@keyframes homeGeometricHeroPulse {
    0% {
        opacity: .54;
        filter: saturate(.82) contrast(.78) brightness(.68);
    }

    50% {
        opacity: .68;
        filter: saturate(.95) contrast(.86) brightness(.76);
    }

    100% {
        opacity: .58;
        filter: saturate(.88) contrast(.82) brightness(.7);
    }
}

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

    .home-domain-preview.hero-domain-search,
    .home-domain-preview.hero-domain-search::before,
    .home-domain-preview.hero-domain-search::after {
        animation: none !important;
    }
}

.home-domain-preview.hero-domain-search::before,
.home-domain-preview.hero-domain-search::after {
    content: none !important;
    display: none !important;
    background: none !important;
    animation: none !important;
}

.home-domain-preview .domain-check-card::before {
    content: "";
    position: absolute;
    inset: 0;
    z-index: 0;
    pointer-events: none;
    border-radius: inherit;
    display: none;
    background: none;
    opacity: 0;
    transform: none;
    animation: none;
}

.home-domain-preview .domain-check-card::after {
    content: "";
    position: absolute;
    inset: 1px;
    height: auto;
    z-index: 0;
    pointer-events: none;
    border-radius: inherit;
    background:
        radial-gradient(circle at 18% 0%, rgba(84, 214, 255, .10), transparent 34%),
        radial-gradient(circle at 82% 100%, rgba(255, 192, 7, .08), transparent 38%);
    opacity: .62;
    animation: none;
}

/* Standardized public hero system */
.page-hero {
    min-height: clamp(380px, 46vh, 470px);
    padding-top: clamp(3.4rem, 6vw, 4.8rem);
    padding-bottom: clamp(2.8rem, 5vw, 4.2rem);
    grid-template-columns: minmax(0, 1fr) minmax(320px, 410px);
    align-items: center;
}

.page-hero-copy {
    display: flex;
    min-height: 240px;
    flex-direction: column;
    justify-content: center;
}

.page-hero-copy h1 {
    max-width: 760px;
    margin-bottom: .9rem;
    font-size: var(--display-title-size);
    line-height: 1.08;
}

.page-hero-copy p {
    max-width: 720px;
    margin-top: 0;
    margin-bottom: 0;
    color: #d6e2f2;
    font-size: clamp(1rem, 1.45vw, 1.1rem);
    line-height: 1.72;
}

.page-hero .hero-actions,
.page-hero .hero-badges {
    max-width: 760px;
}

.page-hero.legal-page-hero {
    grid-template-columns: minmax(0, 1fr);
    min-height: auto;
    padding-bottom: clamp(2.1rem, 4vw, 3rem);
}

.page-hero.legal-page-hero .page-hero-copy {
    min-height: 0;
    max-width: 920px;
}

.legal-updated {
    margin-top: .95rem;
    color: var(--gold);
    font-size: .82rem;
    font-weight: 850;
    letter-spacing: .08em;
    text-transform: uppercase;
}

.legal-section {
    max-width: none;
    margin: 0;
    padding: clamp(2rem, 4vw, 3rem) max(1.25rem, calc((100vw - var(--container)) / 2));
}

.legal-document {
    display: grid;
    gap: 1.35rem;
    width: 100%;
    max-width: none;
    margin: 0;
}

.legal-intro {
    display: grid;
    gap: 1rem;
    padding-bottom: 1rem;
    border-bottom: 1px solid rgba(255, 255, 255, .08);
}

.legal-summary-list {
    margin: 0;
    padding-left: 1.15rem;
    display: grid;
    gap: .4rem;
}

.legal-summary-list li,
.legal-summary-list p {
    color: #d6e2f2;
    line-height: 1.75;
}

.legal-toc {
    display: grid;
    gap: .6rem;
}

.legal-toc-label {
    color: var(--gold);
    font-size: .8rem;
    font-weight: 900;
    letter-spacing: .08em;
    text-transform: uppercase;
}

.legal-toc-links {
    display: flex;
    flex-wrap: wrap;
    gap: .55rem .7rem;
}

.legal-toc-links a {
    color: #dce8f8;
    font-size: .92rem;
    font-weight: 750;
}

.legal-toc-links a:hover {
    color: #fff;
}

.legal-contact-section {
    padding-top: 1rem;
}

.legal-contact-section h2 {
    margin-bottom: .35rem;
}

.legal-contact-section p {
    margin-bottom: .9rem;
}

.legal-contact-lines {
    display: grid;
    gap: .5rem;
    margin: .2rem 0 0;
    padding: 0;
    list-style: none;
}

.legal-contact-lines a {
    display: flex;
    align-items: flex-start;
    gap: .7rem;
    padding: .55rem 0;
    color: #dce8f8;
}

.legal-contact-lines span {
    display: grid;
    gap: .1rem;
    min-width: 0;
}

.legal-contact-lines strong {
    color: #fff;
    font-size: .98rem;
    font-weight: 780;
    line-height: 1.35;
}

.legal-prose {
    padding-top: 1rem;
    border-top: 1px solid rgba(255, 255, 255, .08);
}

.legal-prose h2 {
    margin-bottom: .6rem;
    font-size: 1.18rem;
}

.legal-prose p,
.legal-prose li {
    color: #d6e2f2;
    line-height: 1.75;
}

.legal-prose p {
    margin-bottom: .75rem;
}

.legal-prose ul {
    margin: .8rem 0 0;
    padding-left: 1.15rem;
    display: grid;
    gap: .45rem;
}

.hero-info-card {
    min-height: 250px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-self: stretch;
}

.hero-info-card .eyebrow {
    width: fit-content;
}

.hero-info-card h2,
.hero-info-card h3 {
    font-size: clamp(1.05rem, 1.4vw, 1.22rem);
    line-height: 1.28;
}

.hero-info-list span,
.hero-contact-list a,
.hero-contact-list span,
.hero-card-tabs .chip,
.hero-badge {
    min-width: 0;
    word-break: normal;
    overflow-wrap: anywhere;
}

.hero-info-card form {
    display: grid;
    gap: .65rem;
}

.hero-info-card form label {
    margin-top: .25rem;
}

.hero-info-card form .button {
    margin-top: .2rem;
}

.home-hero {
    min-height: clamp(420px, 52vh, 530px);
    padding-top: clamp(3.2rem, 5.5vw, 4.6rem);
    padding-bottom: clamp(3.2rem, 5.5vw, 4.6rem);
}

.home-hero .hero-copy {
    display: flex;
    min-height: 300px;
    flex-direction: column;
    justify-content: center;
}

.home-hero .hero-command-center {
    align-self: stretch;
    min-height: 330px;
}

.home-hero.after-domain-search {
    min-height: auto;
    padding-top: clamp(3rem, 5vw, 4.3rem);
    padding-bottom: clamp(3rem, 5vw, 4.3rem);
}

.home-hero.after-domain-search .hero-copy {
    min-height: auto;
}

.home-hero.after-domain-search .hero-command-center {
    min-height: 300px;
}

.service-center-card {
    place-items: stretch;
    padding: clamp(1rem, 1.8vw, 1.35rem);
}

.service-center-panel {
    position: relative;
    width: 100%;
    display: grid;
    gap: .9rem;
}

.service-center-top {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 1rem;
    padding: .12rem .12rem .78rem;
    border-bottom: 1px solid rgba(255, 255, 255, .1);
}

.service-center-kicker,
.service-center-status,
.service-center-footer span {
    display: inline-flex;
    align-items: center;
    gap: .5rem;
}

.service-center-kicker {
    margin-bottom: .4rem;
    color: var(--gold);
    font-size: .76rem;
    font-weight: 900;
    letter-spacing: .1em;
    text-transform: uppercase;
}

.service-center-top strong {
    display: block;
    max-width: 310px;
    color: #fff;
    font-size: clamp(1.03rem, 1.55vw, 1.22rem);
    line-height: 1.28;
}

.service-center-status {
    flex: 0 0 auto;
    padding: .48rem .68rem;
    border: 1px solid rgba(255, 192, 7, .22);
    border-radius: 999px;
    background: rgba(255, 192, 7, .08);
    color: #ffe08a;
    font-size: .76rem;
    font-weight: 850;
}

.service-center-feature {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr);
    gap: .92rem;
    padding: clamp(1rem, 1.65vw, 1.2rem);
    border: 1px solid rgba(84, 214, 255, .18);
    border-radius: 24px;
    background:
        radial-gradient(circle at 10% 0%, rgba(7, 116, 255, .19), transparent 36%),
        linear-gradient(145deg, rgba(255, 255, 255, .09), rgba(255, 255, 255, .032)),
        rgba(3, 9, 20, .74);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .12);
}

.service-center-feature-icon {
    width: 50px;
    height: 50px;
    display: grid;
    place-items: center;
    border: 1px solid rgba(84, 214, 255, .28);
    border-radius: 18px;
    color: #fff;
    background:
        radial-gradient(circle at 26% 18%, rgba(255, 255, 255, .25), transparent 32%),
        linear-gradient(135deg, var(--blue), #075bd0);
    box-shadow: 0 16px 34px rgba(7, 116, 255, .26);
}

.service-center-feature span:not(.service-center-feature-icon) {
    display: block;
    margin-bottom: .28rem;
    color: var(--gold);
    font-size: .72rem;
    font-weight: 900;
    letter-spacing: .09em;
    text-transform: uppercase;
}

.service-center-feature strong {
    display: block;
    color: #fff;
    font-size: clamp(1rem, 1.45vw, 1.14rem);
    line-height: 1.28;
}

.service-center-feature p {
    max-width: 460px;
    margin: .4rem 0 0;
    color: #b9c9dc;
    font-size: .86rem;
    line-height: 1.55;
}

.service-center-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: .68rem;
}

.service-center-tile {
    min-height: 82px;
    display: grid;
    grid-template-columns: auto minmax(0, 1fr);
    align-items: center;
    gap: .75rem;
    padding: .82rem;
    border: 1px solid rgba(255, 255, 255, .095);
    border-radius: 20px;
    background:
        linear-gradient(145deg, rgba(255, 255, 255, .072), rgba(255, 255, 255, .026)),
        rgba(3, 9, 20, .66);
    transition: transform .2s ease, border-color .2s ease, background .2s ease;
}

.service-center-tile:hover {
    transform: translateY(-2px);
    border-color: rgba(84, 214, 255, .2);
    background:
        linear-gradient(145deg, rgba(7, 116, 255, .11), rgba(255, 255, 255, .028)),
        rgba(3, 9, 20, .7);
}

.service-center-tile>i {
    width: 38px;
    height: 38px;
    display: grid;
    place-items: center;
    border: 1px solid rgba(255, 192, 7, .2);
    border-radius: 15px;
    color: var(--gold);
    background: rgba(255, 192, 7, .07);
}

.service-center-tile strong {
    display: block;
    color: #fff;
    font-size: .94rem;
    line-height: 1.22;
}

.service-center-tile small {
    display: block;
    margin-top: .14rem;
    color: var(--muted-soft);
    font-size: .81rem;
    line-height: 1.35;
}

.service-center-footer {
    display: flex;
    flex-wrap: wrap;
    gap: .58rem;
}

.service-center-footer span {
    padding: .48rem .66rem;
    border: 1px solid rgba(255, 255, 255, .095);
    border-radius: 999px;
    background: rgba(255, 255, 255, .045);
    color: #d8e8ff;
    font-size: .78rem;
    font-weight: 800;
}

.service-center-footer i {
    color: var(--gold);
}

.hero-domain-search {
    min-height: clamp(560px, 72vh, 690px);
    display: grid;
    align-items: center;
    padding-top: clamp(3.7rem, 6vw, 5.2rem);
    padding-bottom: clamp(3.2rem, 5vw, 4.4rem);
}

.home-hero .hero-copy h2 {
    max-width: 760px;
    margin-bottom: 1rem;
    font-size: var(--section-title-size);
    line-height: 1.08;
    background: linear-gradient(110deg, #ffffff 0%, #d8e8ff 42%, var(--blue-soft) 70%, var(--gold) 100%);
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
}

/* Unified title system for public pages and portal dashboards. */
:where(h1, .page-hero-copy h1, .hero-copy h1, .auth-aside h1, .error-copy h1, .portal-page-header h1, .dashboard-hero h1, .superadmin-hero h1, .portal-card h1) {
    margin-top: 0;
    letter-spacing: 0;
    font-weight: 900;
    line-height: 1.08;
    color: var(--text);
    background: var(--heading-gradient);
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
    padding-bottom: .08em;
}

:where(.page-hero-copy h1, .auth-aside h1, .error-copy h1, .portal-page-header h1, .dashboard-hero h1, .superadmin-hero h1) {
    max-width: 820px;
    font-size: var(--display-title-size);
}

:where(.section-header h1, .section-header h2, .service-copy h2, .design-studio-copy h2, .domain-inquiry-copy h2, .final-cta-panel h2, .home-hero .hero-copy h2) {
    font-size: var(--section-title-size);
    line-height: 1.12;
    font-weight: 900;
    letter-spacing: 0;
    color: var(--text);
    background: var(--heading-gradient-soft);
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
    padding-bottom: .05em;
}

:where(.section-header h1) {
    font-size: var(--display-title-size);
}

:where(.hero-info-card h2, .hero-info-card h3, .glass-card h2, .glass-card h3, .form-panel h2, .portal-card h2) {
    font-size: var(--card-title-size);
    line-height: 1.25;
    letter-spacing: 0;
    text-wrap: balance;
}

.home-domain-preview .domain-preview-copy h1,
.home-domain-preview .domain-preview-copy .domain-search-title {
    font-size: var(--display-title-size);
    line-height: 1.08;
    padding-bottom: .1em;
    width: fit-content;
    max-width: 100%;
    color: #f8fbff;
    background: none;
    -webkit-text-fill-color: currentColor;
}

.home-domain-preview .domain-preview-copy h1 .domain-title-text,
.home-domain-preview .domain-preview-copy .domain-search-title .domain-title-text {
    color: transparent;
    background-image: linear-gradient(110deg, #ffffff 0%, #d8e8ff 34%, var(--blue-soft) 66%, var(--gold) 100%) !important;
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
    text-shadow: none;
}

.home-domain-preview .domain-preview-copy h1 .domain-title-rotator,
.home-domain-preview .domain-preview-copy .domain-search-title .domain-title-rotator {
    display: inline-block;
    line-height: 1;
    color: transparent;
    background-image: linear-gradient(135deg, #fff7cf 0%, var(--gold) 46%, #67b1ff 100%) !important;
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
    text-shadow: none;
}

.home-domain-preview .domain-preview-copy h1 .domain-title-suffix,
.home-domain-preview .domain-preview-copy .domain-search-title .domain-title-suffix {
    color: transparent;
    background-image: linear-gradient(110deg, #67b1ff 0%, var(--gold) 18%, #fff8df 58%, #ffffff 100%) !important;
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
    text-shadow: none;
}

.home-domain-preview.hero-domain-search {
    padding-top: clamp(6.9rem, 10vw, 9rem);
}

.home-domain-preview #home-domain-title {
    scroll-margin-top: clamp(9.5rem, 14vw, 12.5rem);
}

@media (max-width: 1050px) {
    .hero {
        grid-template-columns: 1fr;
        min-height: auto;
    }

    .page-hero {
        min-height: auto;
        grid-template-columns: 1fr;
        align-items: stretch;
    }

    .page-hero-copy {
        min-height: auto;
    }

    .hero-info-card {
        min-height: auto;
        align-self: auto;
    }

    .hero-command-center {
        min-height: 420px;
    }

    .home-hero::before {
        opacity: .3;
    }

    .design-split {
        grid-template-columns: 1fr;
    }

    .design-studio-shell {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 900px) {

    .grid-2,
    .grid-3,
    .grid-4,
    .footer-grid {
        grid-template-columns: 1fr;
    }

    .domain-search-layout,
    .domain-inquiry-layout,
    .domain-process-grid {
        grid-template-columns: 1fr;
    }

    .home-domain-shell {
        grid-template-columns: 1fr;
        gap: 1.2rem;
    }

    .home-domain-preview .domain-preview-copy {
        max-width: 680px;
    }

    .hero-domain-search {
        min-height: auto;
        align-items: start;
    }

    .service-detail-panel,
    .service-detail-panel.is-reversed,
    .hosting-detail-section,
    .design-service-list,
    .design-capability-grid {
        grid-template-columns: 1fr;
    }

    .error-panel,
    .error-help-grid {
        grid-template-columns: 1fr;
    }

    .hero {
        padding-top: 3.2rem;
    }

    .nav-toggle {
        display: inline-grid;
        place-items: center;
    }

    .site-menu {
        display: none;
        position: absolute;
        left: 1rem;
        right: 1rem;
        top: 72px;
        margin-left: 0;
        padding: .8rem;
        flex-direction: column;
        align-items: stretch;
        border: 1px solid var(--line);
        border-radius: var(--radius);
        background: rgba(5, 7, 13, .98);
        box-shadow: var(--shadow);
    }

    .site-menu.open {
        display: flex;
    }

    .site-menu a {
        width: 100%;
    }

    .site-menu .account-menu {
        width: 100%;
    }

    .site-menu .account-menu-toggle {
        width: 100%;
        max-width: none;
    }

    .site-menu .account-menu-panel {
        position: static;
        width: 100%;
        margin-top: .45rem;
    }

    .nav-toggle {
        margin-left: auto;
    }

    .site-search-toggle {
        margin-left: 0;
    }

    .site-search-panel {
        left: 1rem;
        right: 1rem;
        top: 72px;
        width: auto;
        grid-template-columns: auto minmax(0, 1fr);
    }

    .site-search-panel .button {
        grid-column: 1 / -1;
        width: 100%;
    }

    .portal-shell {
        grid-template-columns: 1fr;
    }

    .portal-sidebar {
        position: static;
        min-height: auto;
    }

    .portal-sidebar nav {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .portal-sidebar .brand-logo {
        width: min(220px, 62vw);
    }

    .portal-topbar {
        position: static;
        flex-direction: column;
        align-items: flex-start;
    }

    .superadmin-hero,
    .superadmin-stat-grid,
    .cms-fields-grid {
        grid-template-columns: 1fr;
    }

    .superadmin-section-head {
        flex-direction: column;
    }

    .record-card-title {
        flex-direction: column;
    }

    .auth-shell {
        grid-template-columns: 1fr;
        min-height: auto;
    }

    .auth-panel {
        max-width: none;
        margin-left: 0;
    }

    .auth-form-meta {
        flex-direction: column;
        align-items: flex-start;
    }

    .auth-action-row {
        grid-template-columns: 1fr;
    }

    .auth-action-row .button-ghost {
        width: 100%;
        min-width: 0;
        justify-self: stretch;
    }

    .auth-panel>.button-primary,
    .auth-panel>.button-gold,
    .auth-panel>.button-danger,
    .auth-panel>.button-ghost {
        width: 100%;
    }

    .contact-shell {
        grid-template-columns: 1fr;
    }

    .search-input-row,
    .form-grid,
    .domain-preview-row,
    .search-page-row {
        grid-template-columns: 1fr;
    }

    .domain-card-top {
        grid-template-columns: 1fr;
    }

    .domain-card-top-compact {
        align-items: flex-start;
        flex-direction: column;
        border-radius: 22px;
    }

    .domain-muted-note {
        text-align: left;
        width: 100%;
    }

    .domain-secure-badge {
        width: fit-content;
    }

    .domain-form-toolbar {
        align-items: center;
        flex-direction: column;
        gap: .75rem;
        margin-bottom: .9rem;
    }

    .domain-form-heading {
        justify-content: center;
        text-align: center;
    }

    .domain-action-toggle {
        width: min(360px, 100%);
    }

    .domain-check-row,
    .home-domain-preview .domain-check-row {
        border-radius: 24px;
    }

    .domain-check-footer {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .domain-preview-row .button {
        width: 100%;
    }

    .page-hero {
        padding-top: 3rem;
        padding-bottom: 2.6rem;
        gap: 1rem;
    }

    .page-hero-copy h1 {
        max-width: 100%;
    }
}

@media (max-width: 560px) {
    h1 {
        font-size: var(--display-title-size);
        line-height: 1.12;
    }

    .brand-logo {
        width: min(180px, 58vw);
    }

    .hero,
    .section,
    .page-hero {
        padding-left: 1rem;
        padding-right: 1rem;
    }

    .section,
    .section-band {
        padding-top: 3rem;
        padding-bottom: 3rem;
    }

    .notice-stack {
        top: .75rem;
        left: .75rem;
        transform: none;
        width: calc(100vw - 1.5rem);
    }

    .notice-card {
        grid-template-columns: 1fr;
    }

    .error-shell {
        padding: 3rem 1rem;
    }

    .error-code-card {
        min-height: 150px;
    }

    .page-hero {
        padding-top: 2.65rem;
        padding-bottom: 2.35rem;
    }

    .page-hero-copy h1 {
        font-size: var(--display-title-size);
        line-height: 1.12;
    }

    .page-hero-copy p {
        font-size: .98rem;
        line-height: 1.65;
    }

    .hero-info-card {
        padding: 1rem;
    }

    .search-empty-state,
    .search-result-card {
        grid-template-columns: 1fr;
    }

    .visual-caption,
    .workflow-list {
        grid-template-columns: 1fr;
    }

    .hero-command-center {
        min-height: auto;
    }

    .console-primary {
        grid-template-columns: 1fr;
    }

    .service-center-top,
    .service-center-feature {
        grid-template-columns: 1fr;
    }

    .service-center-top {
        flex-direction: column;
        align-items: flex-start;
    }

    .service-center-status {
        align-self: flex-start;
    }

    .service-center-grid {
        grid-template-columns: 1fr;
    }

    .home-hero {
        padding-top: 3.5rem;
        padding-bottom: 3.4rem;
    }

    .home-hero::before {
        opacity: .22;
    }

    .hero-domain-search::before {
        width: 120vw;
        opacity: .14;
    }

    .hero-domain-search {
        padding-left: 1rem;
        padding-right: 1rem;
    }

    .home-domain-preview .domain-preview-copy h1,
    .home-domain-preview .domain-preview-copy .domain-search-title {
        font-size: var(--display-title-size);
        line-height: 1.08;
    }

    .domain-check-card {
        padding: 1rem;
    }

    .domain-check-row {
        padding: .35rem;
    }

    .domain-chip-line {
        align-items: flex-start;
        flex-direction: column;
        gap: .55rem;
    }

    .domain-chip-header {
        display: block;
    }

    .domain-chip-header small {
        display: block;
        margin-top: .22rem;
    }

    .domain-check-footer {
        grid-template-columns: 1fr;
    }

    .domain-empty-state {
        align-items: flex-start;
    }

    .domain-price-source-card {
        grid-template-columns: 1fr;
    }

    .domain-search-panel,
    .domain-inquiry-form {
        padding: 1rem;
    }

    .hero-actions .button,
    .inline-actions .button,
    .login-button,
    .topbar-actions .button {
        width: 100%;
    }

    .portal-sidebar nav {
        grid-template-columns: 1fr;
    }
}

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

    *,
    html {
        scroll-behavior: auto !important;
        transition: none !important;
        animation: none !important;
    }

}

/* Canonical button system: one shape, height, spacing, and interaction model across the site. */
.button,
.login-button {
    position: relative;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: .52rem;
    flex: 0 0 auto;
    width: auto;
    max-width: 100%;
    min-height: 46px;
    padding: .72rem 1.08rem;
    border: 1px solid rgba(255, 255, 255, .14);
    border-radius: 999px;
    background:
        radial-gradient(circle at 20% 0%, rgba(255, 255, 255, .1), transparent 34%),
        linear-gradient(180deg, rgba(255, 255, 255, .085), rgba(255, 255, 255, .035)),
        rgba(2, 8, 18, .58);
    box-shadow: 0 14px 32px rgba(0, 0, 0, .18), inset 0 1px 0 rgba(255, 255, 255, .12);
    font: inherit;
    font-size: .88rem;
    font-weight: 900;
    line-height: 1.2;
    letter-spacing: .01em;
    text-align: center;
    text-decoration: none;
    white-space: normal;
    cursor: pointer;
    overflow: hidden;
    isolation: isolate;
    transition:
        transform .16s ease,
        box-shadow .16s ease,
        background .16s ease,
        border-color .16s ease,
        color .16s ease;
}

.button i,
.login-button i {
    flex: 0 0 auto;
    font-size: .98em;
    line-height: 1;
}

.button:hover,
.login-button:hover {
    color: #fff;
    border-color: rgba(255, 255, 255, .18);
    background:
        radial-gradient(circle at 20% 0%, rgba(255, 255, 255, .14), transparent 34%),
        linear-gradient(180deg, rgba(255, 255, 255, .11), rgba(255, 255, 255, .045)),
        rgba(2, 8, 18, .64);
    transform: translateY(-1px);
}

.button:focus-visible,
.login-button:focus-visible {
    outline: 3px solid rgba(255, 192, 7, .42);
    outline-offset: 3px;
}

.button-primary,
.login-button {
    color: #fff !important;
    border-color: rgba(84, 214, 255, .36);
    background:
        linear-gradient(135deg, rgba(7, 116, 255, .92), rgba(84, 214, 255, .34)),
        rgba(255, 255, 255, .08);
    box-shadow: 0 14px 28px rgba(7, 116, 255, .24), inset 0 1px 0 rgba(255, 255, 255, .24);
}

.button-primary:hover,
.button-primary:focus-visible,
.login-button:hover,
.login-button:focus-visible {
    color: #fff !important;
    border-color: rgba(84, 214, 255, .58);
    background:
        linear-gradient(135deg, rgba(7, 116, 255, 1), rgba(84, 214, 255, .46)),
        rgba(255, 255, 255, .1);
    box-shadow: 0 18px 36px rgba(7, 116, 255, .3), inset 0 1px 0 rgba(255, 255, 255, .3);
}

.button-gold {
    color: #07101c !important;
    border-color: rgba(255, 224, 128, .72);
    background:
        linear-gradient(135deg, rgba(255, 192, 7, .96), rgba(255, 225, 122, .66)),
        rgba(255, 255, 255, .1);
    box-shadow: 0 14px 28px rgba(255, 192, 7, .2), inset 0 1px 0 rgba(255, 255, 255, .28);
}

.button-gold:hover,
.button-gold:focus-visible {
    color: #07101c !important;
    border-color: rgba(255, 232, 150, .9);
    background:
        radial-gradient(circle at 20% 0%, rgba(255, 255, 255, .22), transparent 36%),
        linear-gradient(135deg, rgba(255, 192, 7, 1), rgba(255, 226, 130, .9)),
        rgba(255, 192, 7, .16);
    box-shadow: 0 18px 38px rgba(255, 192, 7, .28), inset 0 1px 0 rgba(255, 255, 255, .34);
}

.button-ghost {
    color: #f6f9ff;
    border-color: rgba(255, 255, 255, .14);
    background:
        radial-gradient(circle at 20% 0%, rgba(255, 255, 255, .1), transparent 34%),
        linear-gradient(180deg, rgba(255, 255, 255, .085), rgba(255, 255, 255, .035)),
        rgba(2, 8, 18, .58);
    box-shadow: 0 14px 32px rgba(0, 0, 0, .18), inset 0 1px 0 rgba(255, 255, 255, .12);
}

.button-ghost:hover,
.button-ghost:focus-visible {
    color: #fff !important;
    border-color: rgba(255, 255, 255, .26);
    background:
        radial-gradient(circle at 20% 0%, rgba(255, 255, 255, .16), transparent 34%),
        linear-gradient(180deg, rgba(255, 255, 255, .12), rgba(255, 255, 255, .055)),
        rgba(2, 8, 18, .7);
    box-shadow: 0 18px 36px rgba(0, 0, 0, .24), inset 0 1px 0 rgba(255, 255, 255, .18);
}

.button-danger {
    color: #fff;
    border-color: rgba(255, 93, 108, .42);
    background:
        linear-gradient(180deg, rgba(255, 93, 108, .22), rgba(255, 93, 108, .12)),
        rgba(255, 93, 108, .08);
}

.button.is-loading {
    opacity: .72;
    cursor: progress;
    transform: none;
}

.button.is-disabled,
.button.is-disabled:hover,
.button:disabled,
.button:disabled:hover {
    opacity: .72;
    cursor: not-allowed;
    transform: none;
}

.button::before,
.login-button::before {
    border-radius: inherit;
}

.glass-card .button,
.form-panel .button,
.hero-info-card .button,
.service-summary-card .button,
.support-card .button,
.portfolio-preview-card .button,
.service-card .button,
.portfolio-card .button,
.hosting-category-card .button,
.hosting-order-panel .button,
.hosting-plan-card .inline-actions .button,
.service-plan-card .button,
.service-copy .button,
.domain-hero-card .button,
.tld-card .button,
.contact-form-card .button,
.auth-panel .button,
.domain-result-actions .button,
.domain-inquiry-form .button,
.error-help-grid .button,
.search-empty-state .button,
.hero-actions .button,
.inline-actions .button,
.topbar-actions .button,
.domain-preview-row .button,
.site-search-panel .button {
    width: auto;
    max-width: 100%;
    align-self: flex-start;
}

.auth-panel>.button-primary,
.auth-panel>.button-gold,
.auth-panel>.button-danger,
.auth-panel>.button-ghost {
    width: 100%;
    max-width: 100%;
    align-self: stretch;
}

.site-menu .login-button,
.site-search-panel .button,
.domains-page .button,
.domains-page .button:hover,
.domain-search-button,
.home-domain-preview .domain-search-button {
    min-height: 46px;
    padding: .72rem 1.08rem;
    border-radius: 999px;
}

.domains-page .button:hover {
    transform: translateY(-1px);
}

.domain-search-button,
.home-domain-preview .domain-search-button {
    border-color: rgba(84, 214, 255, .36);
    background:
        linear-gradient(135deg, rgba(7, 116, 255, .92), rgba(84, 214, 255, .34)),
        rgba(255, 255, 255, .08);
    box-shadow: 0 14px 28px rgba(7, 116, 255, .24), inset 0 1px 0 rgba(255, 255, 255, .24);
}

.domain-result-actions {
    align-items: flex-start;
}

.domain-result-actions form {
    width: auto;
    max-width: 100%;
    flex: 0 0 auto;
}

.domain-transfer-cart-form {
    display: grid;
    gap: .75rem;
    width: min(100%, 430px);
    max-width: 100%;
}

.domain-transfer-fields {
    display: grid;
    gap: .58rem;
    padding: .9rem;
    border: 1px solid rgba(84, 214, 255, .14);
    border-radius: calc(var(--radius) + 6px);
    background:
        linear-gradient(145deg, rgba(255, 255, 255, .085), rgba(255, 255, 255, .028)),
        rgba(2, 8, 18, .52);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .1);
}

.domain-transfer-fields-compact {
    padding: .78rem;
}

.domain-transfer-fields-head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: .7rem;
}

.domain-transfer-fields-head strong {
    color: #f6f9ff;
    font-size: .86rem;
}

.domain-transfer-fields-head span {
    color: var(--gold);
    font-size: .72rem;
    font-weight: 900;
    letter-spacing: .06em;
    text-transform: uppercase;
}

.domain-transfer-fields p {
    margin: 0;
    color: #b9c7dc;
    font-size: .84rem;
    line-height: 1.55;
}

.domain-transfer-fields label {
    margin: 0;
    color: #edf5ff;
    font-size: .82rem;
    font-weight: 800;
}

.domain-transfer-fields input[type="password"] {
    min-height: 44px;
    padding: .72rem .85rem;
    border-radius: var(--radius);
    background: rgba(0, 4, 12, .6);
}

.domain-transfer-confirm {
    display: flex;
    align-items: flex-start;
    gap: .58rem;
    padding: .68rem .72rem;
    border: 1px solid rgba(255, 255, 255, .1);
    border-radius: var(--radius);
    background: rgba(255, 255, 255, .035);
    cursor: pointer;
}

.domain-transfer-confirm input {
    width: auto;
    min-height: auto;
    margin: .18rem 0 0;
    accent-color: var(--gold);
}

.domain-transfer-confirm span {
    color: #d8e8ff;
    font-size: .82rem;
    line-height: 1.45;
}

.domain-preview-row .domain-search-button,
.site-search-panel .button {
    width: auto;
}

.domain-search-button,
.domain-search-button:hover,
.domain-search-button:focus-visible,
.home-domain-preview .domain-preview-row .domain-search-button,
.home-domain-preview .domain-preview-row .domain-search-button:hover,
.home-domain-preview .domain-preview-row .domain-search-button:focus-visible {
    width: 100%;
    min-height: 56px;
    min-width: 0;
    padding-top: 0;
    padding-bottom: 0;
    border-radius: 999px;
    align-self: stretch;
}

.domains-page .domain-search-stack {
    width: min(100%, var(--container));
    margin: 0 auto;
}

.domains-page .domain-page-search-hero {
    min-height: auto;
    padding-top: clamp(3.2rem, 5.5vw, 4.8rem);
    padding-bottom: clamp(1.45rem, 3vw, 2.15rem);
}

.domains-page .domain-page-search-section {
    margin-top: clamp(1rem, 2vw, 1.6rem);
    padding-top: clamp(1.75rem, 3vw, 2.5rem);
}

.domain-page-search-card,
.domains-page .domain-page-search-card {
    width: 100%;
    padding: clamp(1.45rem, 2.8vw, 2.25rem);
    border: 1px solid rgba(84, 214, 255, .08);
    border-radius: 30px;
    background:
        radial-gradient(circle at 10% 0%, rgba(7, 116, 255, .11), transparent 32%),
        radial-gradient(circle at 92% 16%, rgba(255, 192, 7, .055), transparent 28%),
        linear-gradient(180deg, rgba(255, 255, 255, .055), rgba(255, 255, 255, .018)),
        rgba(7, 14, 29, .44);
    box-shadow:
        0 34px 92px rgba(0, 0, 0, .42),
        0 0 46px rgba(7, 116, 255, .06),
        inset 0 1px 0 rgba(255, 255, 255, .13);
    backdrop-filter: blur(28px) saturate(165%);
    -webkit-backdrop-filter: blur(28px) saturate(165%);
}

.domain-page-search-card::before,
.domains-page .domain-page-search-card::before {
    background:
        linear-gradient(115deg, rgba(255, 255, 255, .105), transparent 30%),
        radial-gradient(circle at 50% 0%, rgba(84, 214, 255, .07), transparent 42%);
    opacity: .78;
}

.domain-page-search-top {
    max-width: 980px;
    margin: 0 auto 1.05rem;
    text-align: center;
}

.domain-page-search-toolbar {
    justify-content: center;
    max-width: 100%;
    margin-bottom: .78rem;
}

.domain-page-search-toolbar .domain-form-heading {
    min-width: 245px;
    justify-content: center;
    color: #f8fbff;
}

.domain-page-search-note {
    max-width: 720px;
    margin: 0 auto;
    color: #b8c9df;
    font-size: .98rem;
    line-height: 1.7;
}

.domain-page-search-card .domain-check-row,
.domains-page .domain-page-search-card .domain-check-row {
    max-width: 1080px;
    margin: 0 auto;
    gap: .58rem;
    padding: .5rem;
    border-color: rgba(255, 255, 255, .08);
    border-radius: 999px;
    background:
        radial-gradient(circle at 0% 50%, rgba(255, 192, 7, .045), transparent 26%),
        linear-gradient(180deg, rgba(255, 255, 255, .09), rgba(255, 255, 255, .03)),
        rgba(1, 7, 17, .58);
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, .12),
        0 18px 46px rgba(0, 0, 0, .28);
    backdrop-filter: blur(18px) saturate(145%);
    -webkit-backdrop-filter: blur(18px) saturate(145%);
}

.domain-page-search-card .domain-input-shell,
.domains-page .domain-page-search-card .domain-input-shell {
    border-color: rgba(255, 255, 255, .08);
    background:
        linear-gradient(180deg, rgba(255, 255, 255, .035), rgba(255, 255, 255, .012)),
        rgba(0, 4, 12, .52);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .06);
}

.domain-page-search-card .domain-input-shell:focus-within,
.domains-page .domain-page-search-card .domain-input-shell:focus-within {
    border-color: rgba(84, 214, 255, .28);
    background:
        linear-gradient(180deg, rgba(255, 255, 255, .046), rgba(255, 255, 255, .018)),
        rgba(0, 4, 12, .68);
    box-shadow: 0 0 0 4px rgba(7, 116, 255, .1), inset 0 1px 0 rgba(255, 255, 255, .08);
}

.domain-page-search-card .domain-input-shell i,
.domains-page .domain-page-search-card .domain-input-shell i {
    background:
        linear-gradient(145deg, rgba(255, 255, 255, .11), rgba(255, 255, 255, .035)),
        rgba(7, 116, 255, .08);
}

.domain-page-search-card .domain-result-primary,
.domains-page .domain-page-search-card .domain-result-primary {
    border-color: rgba(84, 214, 255, .24);
}

.domain-page-search-card .domain-result-card:not(.domain-result-primary),
.domains-page .domain-page-search-card .domain-result-card:not(.domain-result-primary) {
    border-color: rgba(255, 255, 255, .12);
}

.domain-extension-filter {
    max-width: 1080px;
    margin: 1rem auto 0;
}

.domain-extension-filter .domain-chip-header {
    align-items: center;
    margin: 0 0 .62rem;
}

.domain-extension-filter .domain-chip-header span {
    color: #e8f1ff;
    font-size: .78rem;
    letter-spacing: .09em;
    text-transform: uppercase;
}

.domain-extension-filter .domain-chip-header small {
    color: rgba(184, 201, 223, .72);
}

.domain-extension-filter .domain-chip-row {
    display: flex;
    flex-wrap: wrap;
    gap: .52rem;
}

.domain-extension-filter .domain-chip-row .chip {
    min-height: 34px;
    padding: .36rem .72rem;
    border-color: rgba(255, 255, 255, .11);
    background:
        linear-gradient(180deg, rgba(255, 255, 255, .09), rgba(255, 255, 255, .032)),
        rgba(255, 255, 255, .024);
}

.domain-page-search-card .domain-search-alert,
.domains-page .domain-page-search-card .domain-search-alert {
    max-width: 1080px;
    margin: 1rem auto 0;
}

.domains-page .domain-results-heading {
    text-align: left;
}

.domains-page .domain-results-heading .eyebrow {
    margin-left: 0;
    margin-right: 0;
}

.domains-page .domain-results-heading p {
    margin-left: 0;
    margin-right: 0;
}

.domains-page .domain-suggested-heading {
    align-items: center;
}

.domains-page .domain-suggested-heading span,
.domains-page .domain-suggested-heading small {
    text-align: left;
}

.domains-page .domain-suggested-heading small {
    max-width: 52ch;
}

@media (max-width: 860px) {
    .domain-page-search-toolbar {
        flex-direction: column;
        gap: .72rem;
    }

    .domain-page-search-toolbar .domain-form-heading {
        min-width: 0;
    }

    .domain-page-search-card .domain-check-row,
    .domains-page .domain-page-search-card .domain-check-row {
        grid-template-columns: 1fr;
        border-radius: 24px;
    }
}

@media (max-width: 560px) {

    .domain-page-search-card,
    .domains-page .domain-page-search-card {
        border-radius: 24px;
    }

    .domain-page-search-note {
        font-size: .92rem;
    }

    .domain-extension-filter .domain-chip-header {
        display: flex;
        align-items: center;
    }
}

.impersonation-banner {
    position: sticky;
    top: 0;
    z-index: 90;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    padding: .72rem clamp(1rem, 3vw, 1.45rem);
    border-bottom: 1px solid rgba(255, 192, 7, .28);
    background:
        linear-gradient(135deg, rgba(255, 192, 7, .18), rgba(7, 116, 255, .16)),
        rgba(2, 8, 18, .92);
    box-shadow: 0 18px 44px rgba(0, 0, 0, .24), inset 0 1px 0 rgba(255, 255, 255, .12);
    backdrop-filter: blur(18px);
}

.portal-shell>.impersonation-banner {
    grid-column: 1 / -1;
}

.impersonation-banner div {
    display: flex;
    align-items: center;
    gap: .68rem;
    min-width: 0;
}

.impersonation-banner span {
    color: #ffe7a0;
    font-weight: 900;
    text-transform: uppercase;
    letter-spacing: .08em;
    font-size: .78rem;
}

.impersonation-banner strong {
    color: #fff;
}

.impersonation-banner small {
    color: var(--muted);
}

.impersonation-banner .button {
    min-height: 40px;
    padding: .56rem .92rem;
}

.admin-row-actions {
    margin-top: .7rem;
}

.admin-row-actions .button {
    min-height: 40px;
    padding: .56rem .9rem;
}

.portal-card.stat-card {
    display: grid;
    align-content: end;
    gap: .58rem;
    min-height: 158px;
    padding-right: 6rem;
    border-color: rgba(84, 214, 255, .14);
    background:
        radial-gradient(circle at 88% 18%, rgba(7, 116, 255, .18), transparent 34%),
        radial-gradient(circle at 0% 100%, rgba(255, 192, 7, .08), transparent 36%),
        linear-gradient(150deg, rgba(255, 255, 255, .105), rgba(255, 255, 255, .042));
}

.portal-card.stat-card::after {
    content: none;
    display: none;
}

.stat-card .stat-icon {
    position: absolute;
    top: 1rem;
    right: 1rem;
    z-index: 0;
    display: grid;
    place-items: center;
    width: 64px;
    height: 64px;
    border: 1px solid rgba(84, 214, 255, .22);
    border-radius: 22px;
    color: rgba(255, 255, 255, .9);
    background:
        radial-gradient(circle at 30% 20%, rgba(255, 255, 255, .22), transparent 34%),
        linear-gradient(135deg, rgba(7, 116, 255, .3), rgba(255, 192, 7, .12)),
        rgba(255, 255, 255, .055);
    box-shadow:
        0 18px 34px rgba(0, 0, 0, .24),
        inset 0 1px 0 rgba(255, 255, 255, .16);
}

.stat-card .stat-icon i {
    font-size: 1.65rem;
    filter: drop-shadow(0 10px 18px rgba(7, 116, 255, .26));
}

.stat-card .eyebrow,
.stat-card h1 {
    position: relative;
    z-index: 1;
}

.stat-new-leads .stat-icon,
.stat-pending-orders .stat-icon,
.stat-open-tickets .stat-icon,
.stat-pending-domains .stat-icon,
.stat-tickets .stat-icon {
    border-color: rgba(255, 192, 7, .3);
    color: #ffe39a;
    background:
        radial-gradient(circle at 30% 20%, rgba(255, 255, 255, .22), transparent 34%),
        linear-gradient(135deg, rgba(255, 192, 7, .28), rgba(7, 116, 255, .14)),
        rgba(255, 255, 255, .055);
}

.stat-monthly-revenue .stat-icon,
.stat-unpaid-invoices .stat-icon,
.stat-invoices .stat-icon {
    color: #7df2be;
    border-color: rgba(45, 220, 136, .26);
    background:
        radial-gradient(circle at 30% 20%, rgba(255, 255, 255, .2), transparent 34%),
        linear-gradient(135deg, rgba(45, 220, 136, .22), rgba(7, 116, 255, .16)),
        rgba(255, 255, 255, .055);
}

.portal-shell {
    grid-template-columns: 304px minmax(0, 1fr);
    color: #f5f8ff;
}

.portal-sidebar {
    padding: 1.25rem 1rem;
    border-right: 1px solid rgba(255, 255, 255, .08);
    background:
        radial-gradient(circle at 10% 0%, rgba(7, 116, 255, .18), transparent 26%),
        linear-gradient(180deg, rgba(2, 5, 14, .98), rgba(4, 12, 27, .95)),
        rgba(2, 4, 10, .96);
}

.portal-account-card {
    display: grid;
    gap: .36rem;
    padding: .9rem;
    border: 1px solid rgba(255, 255, 255, .1);
    border-radius: calc(var(--radius) + 4px);
    background:
        radial-gradient(circle at 100% 0%, rgba(7, 116, 255, .14), transparent 38%),
        rgba(255, 255, 255, .045);
}

.portal-account-card strong,
.portal-topbar-title strong {
    color: #fff;
    font-size: .98rem;
    line-height: 1.25;
}

.portal-account-card small,
.portal-topbar-title small {
    color: var(--muted-soft);
    font-size: .82rem;
    line-height: 1.4;
}

.portal-sidebar nav {
    gap: .46rem;
}

.portal-sidebar nav a {
    min-height: 46px;
    gap: .72rem;
    padding: .72rem .78rem;
    border-radius: calc(var(--radius) + 2px);
    color: #b9c6d8;
    font-size: .91rem;
    font-weight: 820;
    letter-spacing: .005em;
}

.portal-sidebar nav a i {
    display: grid;
    place-items: center;
    width: 30px;
    height: 30px;
    border: 1px solid rgba(255, 192, 7, .16);
    border-radius: 10px;
    color: var(--gold);
    background: rgba(255, 192, 7, .055);
}

.portal-sidebar nav a:hover,
.portal-sidebar nav a.active {
    color: #fff;
    transform: translateX(3px);
    border-color: rgba(7, 116, 255, .34);
    background:
        linear-gradient(90deg, rgba(7, 116, 255, .22), rgba(255, 255, 255, .04)),
        rgba(255, 255, 255, .035);
}

.portal-sidebar nav a.active i,
.portal-sidebar nav a:hover i {
    border-color: rgba(84, 214, 255, .28);
    color: #fff;
    background:
        linear-gradient(135deg, rgba(7, 116, 255, .55), rgba(255, 192, 7, .18)),
        rgba(255, 255, 255, .05);
}

.portal-topbar {
    min-height: 92px;
    padding: 1rem clamp(1.1rem, 2.4vw, 1.7rem);
    border-bottom-color: rgba(255, 255, 255, .08);
    background:
        linear-gradient(90deg, rgba(2, 4, 10, .95), rgba(5, 17, 34, .86), rgba(2, 4, 10, .88)),
        rgba(2, 4, 10, .9);
    box-shadow: 0 18px 46px rgba(0, 0, 0, .18);
}

.portal-topbar-title {
    display: grid;
    gap: .26rem;
}

.portal-topbar-title .eyebrow {
    width: fit-content;
    margin-bottom: .1rem;
}

.portal-content {
    display: grid;
    gap: 1.15rem;
    padding: clamp(1rem, 2.4vw, 1.7rem);
}

.dashboard-hero {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(240px, .34fr);
    gap: 1.15rem;
    align-items: stretch;
    overflow: hidden;
    padding: clamp(1.05rem, 2.1vw, 1.45rem);
    background:
        radial-gradient(circle at 90% 0%, rgba(7, 116, 255, .2), transparent 32%),
        radial-gradient(circle at 0% 100%, rgba(255, 192, 7, .1), transparent 32%),
        linear-gradient(145deg, rgba(255, 255, 255, .13), rgba(255, 255, 255, .045));
}

.dashboard-hero h1 {
    margin: .54rem 0 .62rem;
    font-size: var(--display-title-size);
    line-height: 1.06;
}

.dashboard-hero p {
    max-width: 760px;
    margin: 0;
    color: #ccd8e8;
    font-size: 1rem;
    line-height: 1.7;
}

.dashboard-hero-panel {
    display: grid;
    align-content: center;
    gap: .48rem;
    min-height: 124px;
    padding: .96rem;
    border: 1px solid rgba(255, 255, 255, .12);
    border-radius: calc(var(--radius) + 4px);
    background:
        linear-gradient(145deg, rgba(7, 116, 255, .16), rgba(255, 255, 255, .055)),
        rgba(255, 255, 255, .04);
}

.dashboard-hero-panel strong {
    color: #fff;
    font-size: clamp(1.05rem, 1.35vw, 1.32rem);
}

.dashboard-hero-panel small {
    color: var(--muted-soft);
    line-height: 1.5;
}

.dashboard-quick-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
    gap: .7rem;
}

.dashboard-action-card {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr);
    gap: .18rem .66rem;
    align-items: center;
    min-height: 86px;
    padding: .82rem .86rem;
    border: 1px solid rgba(255, 255, 255, .1);
    border-radius: calc(var(--radius) + 4px);
    color: #fff;
    text-decoration: none;
    background:
        linear-gradient(145deg, rgba(255, 255, 255, .09), rgba(255, 255, 255, .035)),
        rgba(255, 255, 255, .025);
    box-shadow: 0 14px 38px rgba(0, 0, 0, .2), inset 0 1px 0 rgba(255, 255, 255, .08);
    transition: transform .16s ease, border-color .16s ease, background .16s ease, box-shadow .16s ease;
}

.dashboard-action-card:hover,
.dashboard-action-card:focus-visible {
    transform: translateY(-2px);
    border-color: rgba(7, 116, 255, .42);
    background:
        linear-gradient(145deg, rgba(7, 116, 255, .18), rgba(255, 255, 255, .045)),
        rgba(255, 255, 255, .035);
}

.dashboard-action-card span {
    grid-row: span 2;
    display: grid;
    place-items: center;
    width: 42px;
    height: 42px;
    border: 1px solid rgba(255, 192, 7, .22);
    border-radius: 14px;
    color: var(--gold);
    background: rgba(255, 192, 7, .06);
}

.dashboard-action-card strong {
    color: #fff;
    font-size: .93rem;
}

.dashboard-action-card small {
    color: var(--muted-soft);
    font-size: .8rem;
    line-height: 1.4;
}

.dashboard-stat-grid {
    gap: .9rem;
}

.portal-card.stat-card {
    min-height: 168px;
    padding: 1rem 5.7rem 1rem 1rem;
    color: inherit;
    text-decoration: none;
}

.portal-card.stat-card h2 {
    margin: .1rem 0 0;
    font-size: clamp(1.22rem, 1.75vw, 1.52rem);
    line-height: 1;
    letter-spacing: 0;
    background: linear-gradient(112deg, #fff 0%, #eaf4ff 36%, var(--cyan) 66%, var(--gold) 100%);
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
}

.portal-card.stat-card p {
    position: relative;
    z-index: 1;
    margin: .1rem 0 0;
    color: var(--muted-soft);
    font-size: .86rem;
    line-height: 1.45;
}

.dashboard-panel {
    margin-top: 0;
}

.dashboard-panel-grid {
    margin-top: 0;
}

.dashboard-section-head {
    display: flex;
    justify-content: space-between;
    gap: .85rem;
    align-items: flex-start;
    margin-bottom: .85rem;
}

.dashboard-section-head h2 {
    margin: .3rem 0 .16rem;
    font-size: var(--section-title-size);
    font-weight: 800;
}

.dashboard-section-head p {
    max-width: 600px;
    margin: 0;
    color: var(--muted-soft);
    font-size: .9rem;
    line-height: 1.5;
}

.portal-record-list {
    display: grid;
    gap: .68rem;
}

.portal-record-item {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr);
    gap: .68rem;
    align-items: center;
    padding: .78rem;
    border: 1px solid rgba(255, 255, 255, .1);
    border-radius: calc(var(--radius) + 2px);
    background: rgba(255, 255, 255, .035);
}

.portal-record-item .record-icon {
    display: grid;
    place-items: center;
    width: 36px;
    height: 36px;
    border: 1px solid rgba(7, 116, 255, .24);
    border-radius: 13px;
    color: #9fd4ff;
    background: rgba(7, 116, 255, .085);
}

.portal-record-item strong,
.portal-record-item strong a {
    color: #fff;
    text-decoration: none;
    font-size: var(--card-title-size);
    font-weight: 800;
    line-height: 1.35;
}

.portal-record-item p {
    margin: .12rem 0 .24rem;
    color: #c7d3e5;
    font-size: .86rem;
    line-height: 1.42;
}

.portal-record-item small {
    color: var(--muted-soft);
}

.portal-record-actions {
    display: flex;
    flex-wrap: wrap;
    gap: .5rem;
    margin-top: .55rem;
}

.portal-record-actions form {
    margin: 0;
}

.portal-record-actions .button {
    width: fit-content;
    max-width: 100%;
}

/* Portal refinement: compact SaaS-style dashboards instead of marketing-style panels. */
.portal-shell {
    grid-template-columns: 292px minmax(0, 1fr);
    background:
        radial-gradient(circle at 14% 0%, rgba(7, 116, 255, .08), transparent 30%),
        linear-gradient(180deg, #02050b 0%, #07101d 54%, #04070d 100%);
}

.portal-sidebar {
    padding: 1rem .9rem;
    background:
        linear-gradient(180deg, rgba(2, 5, 14, .98), rgba(3, 10, 22, .96)),
        #02050b;
}

.portal-sidebar .brand {
    display: block;
}

.portal-sidebar .brand-logo {
    width: min(230px, 100%);
    height: auto;
}

.portal-account-card {
    padding: .78rem;
    border-radius: 14px;
    background: rgba(255, 255, 255, .035);
}

.portal-role-badge {
    padding: .34rem .54rem;
    font-size: .68rem;
    letter-spacing: .07em;
}

.portal-sidebar nav {
    gap: .34rem;
    margin-top: 1rem;
}

.portal-sidebar nav a {
    min-height: 42px;
    padding: .58rem .62rem;
    border-radius: 12px;
    font-size: .86rem;
    font-weight: 750;
}

.portal-sidebar nav a i {
    width: 27px;
    height: 27px;
    border-radius: 9px;
    font-size: .82rem;
}

.portal-topbar {
    min-height: 78px;
    padding: .9rem clamp(1rem, 2vw, 1.35rem);
    background:
        linear-gradient(180deg, rgba(2, 5, 14, .95), rgba(2, 5, 14, .82)),
        rgba(2, 5, 14, .9);
}

.portal-topbar-title strong {
    font-size: .98rem;
}

.portal-topbar-title small {
    max-width: 520px;
    font-size: .82rem;
}

.portal-content {
    gap: 1.1rem;
    max-width: 1520px;
    width: 100%;
    padding: clamp(1rem, 2vw, 1.5rem);
}

.portal-page-header {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 1rem;
    padding: .15rem .1rem .55rem;
    border-bottom: 1px solid rgba(255, 255, 255, .08);
}

.portal-page-header h1 {
    margin: .42rem 0 .3rem;
    color: #fff;
    font-size: var(--display-title-size);
    line-height: 1.1;
    letter-spacing: 0;
    background: linear-gradient(112deg, #fff 0%, #eaf4ff 44%, var(--cyan) 78%, var(--gold) 100%);
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
}

.portal-page-header p {
    max-width: 760px;
    margin: 0;
    color: #c6d3e4;
    font-size: .94rem;
    line-height: 1.6;
}

.portal-header-actions {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
    gap: .6rem;
}

.portal-header-actions .button,
.dashboard-section-head .button {
    min-height: 40px;
    padding: .56rem .88rem;
    font-size: .82rem;
}

.dashboard-stat-grid {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: .78rem;
}

.portal-card.stat-card {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    grid-template-rows: auto auto minmax(0, 1fr);
    align-content: start;
    gap: .34rem .8rem;
    min-height: 132px;
    padding: .95rem;
    border-color: rgba(255, 255, 255, .1);
    border-radius: 16px;
    background:
        linear-gradient(180deg, rgba(255, 255, 255, .085), rgba(255, 255, 255, .035)),
        rgba(5, 13, 27, .72);
    box-shadow: 0 14px 44px rgba(0, 0, 0, .26), inset 0 1px 0 rgba(255, 255, 255, .08);
}

.portal-card.stat-card:hover,
.portal-card.stat-card:focus-visible {
    border-color: rgba(7, 116, 255, .32);
    transform: translateY(-2px);
}

.stat-card .stat-icon {
    position: static;
    grid-column: 2;
    grid-row: 1 / span 2;
    width: 44px;
    height: 44px;
    border-radius: 13px;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .14);
}

.stat-card .stat-icon i {
    font-size: 1.12rem;
}

.stat-card .eyebrow {
    grid-column: 1;
    grid-row: 1;
    width: fit-content;
    margin: 0;
    padding: 0;
    border: 0;
    background: none;
    color: #9fb0c6;
    font-size: .7rem;
}

.portal-card.stat-card h2 {
    grid-column: 1;
    grid-row: 2;
    margin: 0;
    font-size: clamp(1.22rem, 1.75vw, 1.52rem);
}

.portal-card.stat-card p {
    grid-column: 1 / -1;
    grid-row: 3;
    margin: .12rem 0 0;
    color: #aebdd0;
    font-size: .82rem;
}

.dashboard-body-grid {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(280px, 360px);
    gap: .9rem;
    align-items: start;
}

.dashboard-main-stack {
    display: grid;
    gap: .9rem;
}

.dashboard-panel {
    border-radius: 16px;
    background:
        linear-gradient(180deg, rgba(255, 255, 255, .078), rgba(255, 255, 255, .034)),
        rgba(5, 13, 27, .72);
}

.dashboard-section-head {
    margin-bottom: .92rem;
}

.dashboard-section-head.compact {
    margin-bottom: .78rem;
}

.dashboard-section-head h2 {
    margin: .3rem 0 .18rem;
    color: #fff;
    font-size: var(--section-title-size);
    line-height: 1.22;
}

.dashboard-section-head p {
    font-size: .92rem;
    line-height: 1.55;
}

.dashboard-action-list {
    display: grid;
    gap: .55rem;
}

.dashboard-action-row {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr) auto;
    gap: .68rem;
    align-items: center;
    min-height: 62px;
    padding: .68rem;
    border: 1px solid rgba(255, 255, 255, .09);
    border-radius: 13px;
    color: inherit;
    text-decoration: none;
    background: rgba(255, 255, 255, .032);
    transition: transform .16s ease, border-color .16s ease, background .16s ease;
}

.dashboard-action-row:hover,
.dashboard-action-row:focus-visible {
    transform: translateX(2px);
    border-color: rgba(7, 116, 255, .34);
    background: rgba(7, 116, 255, .08);
}

.dashboard-action-row span {
    display: grid;
    place-items: center;
    width: 36px;
    height: 36px;
    border: 1px solid rgba(255, 192, 7, .2);
    border-radius: 11px;
    color: var(--gold);
    background: rgba(255, 192, 7, .055);
}

.dashboard-action-row>i {
    color: #7e91aa;
    font-size: .8rem;
}

.dashboard-action-row strong {
    display: block;
    color: #fff;
    font-size: .9rem;
}

.dashboard-action-row small {
    display: block;
    margin-top: .12rem;
    color: #9fb0c6;
    font-size: .78rem;
    line-height: 1.35;
}

.portal-record-list {
    gap: .68rem;
}

.portal-record-item {
    padding: .82rem;
    border-color: rgba(255, 255, 255, .085);
    border-radius: 14px;
    background: rgba(255, 255, 255, .028);
}

.portal-record-item .record-icon {
    width: 36px;
    height: 36px;
    border-radius: 12px;
    font-size: .86rem;
}

.portal-record-item strong,
.portal-record-item strong a {
    font-size: .96rem;
}

.portal-record-item p {
    font-size: .86rem;
}

.dashboard-command-header {
    padding-bottom: .8rem;
}

.dashboard-kpi-grid {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: .95rem;
}

.dashboard-kpi-card {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: .38rem .9rem;
    align-items: start;
    min-height: 152px;
    padding: 1.08rem 1rem;
    border-radius: 18px;
    border-color: rgba(255, 255, 255, .105);
    background:
        linear-gradient(145deg, rgba(255, 255, 255, .09), rgba(255, 255, 255, .032) 48%, rgba(7, 116, 255, .05)),
        rgba(4, 12, 25, .74);
    box-shadow: 0 16px 48px rgba(0, 0, 0, .28), inset 0 1px 0 rgba(255, 255, 255, .1);
    text-decoration: none;
    transition: transform .16s ease, border-color .16s ease, background .16s ease;
}

.dashboard-kpi-card:hover,
.dashboard-kpi-card:focus-visible {
    transform: translateY(-2px);
    border-color: rgba(84, 214, 255, .28);
    background:
        linear-gradient(145deg, rgba(255, 255, 255, .105), rgba(255, 255, 255, .04) 48%, rgba(7, 116, 255, .075)),
        rgba(4, 12, 25, .78);
}

.dashboard-kpi-card .stat-icon {
    position: static;
    grid-column: 2;
    grid-row: 1 / span 3;
    display: grid;
    place-items: center;
    width: 50px;
    height: 50px;
    border-radius: 16px;
    color: var(--gold);
    background:
        linear-gradient(180deg, rgba(255, 192, 7, .16), rgba(255, 192, 7, .055)),
        rgba(255, 255, 255, .035);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .16);
}

.dashboard-kpi-card .eyebrow {
    grid-column: 1;
    width: fit-content;
    margin: 0;
    padding: 0;
    border: 0;
    background: none;
    color: #9fb0c6;
    font-size: .72rem;
}

.dashboard-kpi-card strong {
    grid-column: 1;
    color: #fff;
    font-size: clamp(1.4rem, 2vw, 1.8rem);
    font-weight: 800;
    line-height: 1.05;
    letter-spacing: 0;
}

.dashboard-kpi-card p {
    grid-column: 1 / -1;
    margin: .22rem 0 0;
    color: #aebdd0;
    font-size: .84rem;
    line-height: 1.45;
}

.kpi-blue .stat-icon {
    color: var(--cyan);
    background: linear-gradient(180deg, rgba(7, 116, 255, .2), rgba(7, 116, 255, .06));
}

.kpi-gold .stat-icon {
    color: var(--gold);
}

.kpi-cyan .stat-icon {
    color: var(--cyan);
    background: linear-gradient(180deg, rgba(84, 214, 255, .2), rgba(84, 214, 255, .06));
}

.kpi-green .stat-icon {
    color: var(--green);
    background: linear-gradient(180deg, rgba(45, 220, 136, .17), rgba(45, 220, 136, .055));
}

.dashboard-workspace-grid {
    display: grid;
    grid-template-columns: minmax(0, 1.1fr) minmax(320px, .9fr);
    gap: .9rem;
    align-items: start;
}

.dashboard-side-stack {
    display: grid;
    gap: .8rem;
}

.dashboard-queue-grid {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: .7rem;
}

.dashboard-queue-grid.dashboard-queue-grid-customer {
    grid-template-columns: repeat(3, minmax(0, 1fr));
}

.dashboard-queue-card {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr) auto;
    gap: .68rem;
    align-items: start;
    min-height: 104px;
    padding: .82rem;
    border: 1px solid rgba(255, 255, 255, .09);
    border-radius: 17px;
    color: inherit;
    background:
        linear-gradient(180deg, rgba(255, 255, 255, .052), rgba(255, 255, 255, .018)),
        rgba(255, 255, 255, .022);
    text-decoration: none;
    transition: transform .16s ease, border-color .16s ease, background .16s ease;
}

.dashboard-queue-card:hover,
.dashboard-queue-card:focus-visible {
    transform: translateY(-2px);
    border-color: rgba(7, 116, 255, .3);
    background: rgba(7, 116, 255, .07);
}

.dashboard-queue-card>span {
    display: grid;
    place-items: center;
    width: 42px;
    height: 42px;
    border: 1px solid rgba(255, 192, 7, .2);
    border-radius: 14px;
    color: var(--gold);
    background: rgba(255, 192, 7, .06);
}

.dashboard-queue-card>i {
    color: #7488a2;
    font-size: .82rem;
}

.dashboard-queue-card strong {
    display: block;
    color: #fff;
    font-size: .98rem;
    line-height: 1.2;
}

.dashboard-queue-card small {
    display: block;
    margin-top: .1rem;
    color: #d9e7f8;
    font-size: .78rem;
    font-weight: 800;
}

.dashboard-queue-card p {
    margin: .12rem 0 0;
    color: #8fa0b9;
    font-size: .76rem;
    line-height: 1.32;
}

.dashboard-record-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: .8rem;
}

.dashboard-domain-strip {
    display: grid;
    grid-template-columns: repeat(5, minmax(0, 1fr));
    gap: .52rem;
}

.dashboard-domain-strip article {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr);
    gap: .5rem;
    align-items: center;
    min-height: 72px;
    padding: .68rem;
    border: 1px solid rgba(255, 255, 255, .085);
    border-radius: 14px;
    background: rgba(255, 255, 255, .028);
}

.dashboard-domain-strip article>span {
    display: grid;
    place-items: center;
    width: 34px;
    height: 34px;
    border-radius: 11px;
    color: var(--cyan);
    background: rgba(84, 214, 255, .07);
}

.dashboard-domain-strip strong {
    display: block;
    overflow: hidden;
    color: #fff;
    font-size: .86rem;
    font-weight: 900;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.dashboard-domain-strip small {
    display: block;
    overflow: hidden;
    margin-top: .1rem;
    color: #91a4bc;
    font-size: .72rem;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.compact-list {
    max-height: 380px;
    overflow-y: auto;
    padding-right: .18rem;
    scrollbar-width: thin;
    scrollbar-color: rgba(7, 116, 255, .45) rgba(255, 255, 255, .04);
}

.compact-list .portal-record-item {
    grid-template-columns: auto minmax(0, 1fr);
}

.compact-list .portal-record-item p {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.portal-list-header {
    margin-bottom: .08rem;
    padding-bottom: .72rem;
}

.portal-count-pill {
    display: inline-flex;
    align-items: center;
    gap: .46rem;
    min-height: 40px;
    padding: .58rem .82rem;
    border: 1px solid rgba(255, 255, 255, .12);
    border-radius: 999px;
    color: #dce8f8;
    background:
        linear-gradient(180deg, rgba(255, 255, 255, .07), rgba(255, 255, 255, .03)),
        rgba(4, 12, 25, .62);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .1);
    font-size: .78rem;
    font-weight: 900;
    white-space: nowrap;
}

.portal-count-pill i {
    color: var(--gold);
}

.portal-filter-panel {
    display: grid;
    grid-template-columns: minmax(220px, 320px) auto;
    align-items: end;
    justify-content: start;
    gap: .72rem;
    margin: .1rem 0 .1rem;
    padding: .78rem;
    border-radius: 16px;
}

.portal-filter-panel>div:not(.portal-filter-actions) {
    display: grid;
    gap: .36rem;
    min-width: 0;
}

.portal-filter-panel select {
    width: 100%;
}

.portal-filter-actions {
    display: flex;
    align-items: center;
    gap: .52rem;
}

.portal-filter-panel .button {
    min-height: 44px;
    width: auto;
    white-space: nowrap;
}

.portal-table-card {
    border-radius: 18px;
    background:
        linear-gradient(145deg, rgba(255, 255, 255, .105), rgba(255, 255, 255, .035) 46%, rgba(7, 116, 255, .045)),
        rgba(3, 9, 20, .78);
    box-shadow: 0 18px 54px rgba(0, 0, 0, .28), inset 0 1px 0 rgba(255, 255, 255, .12);
}

.portal-table-card.seo-records-panel {
    display: grid;
    gap: .9rem;
    margin-top: 1.1rem;
    padding: 1.15rem 1.15rem 1rem;
}

.portal-table-card.seo-records-panel .table-card-heading {
    align-items: flex-start;
    padding: .1rem .1rem .85rem;
}

.portal-table-card.seo-records-panel .table-card-heading .button {
    align-self: center;
    white-space: nowrap;
}

.portal-table-card table {
    min-width: 860px;
}

.cpanel-summary-grid {
    margin-bottom: .25rem;
}

.cpanel-tool-stack {
    display: grid;
    grid-template-columns: 1fr;
    gap: 1.25rem;
    margin-top: .35rem;
}

.cpanel-tool-card {
    width: 100%;
    padding: 1.15rem 1.15rem 1rem;
}

.cpanel-tool-card .table-card-heading {
    align-items: flex-start;
    padding-bottom: .75rem;
}

.cpanel-tool-card table {
    width: 100%;
    min-width: 0;
}

.cpanel-tool-card th,
.cpanel-tool-card td {
    padding: .78rem .85rem;
}

.cpanel-tool-card td {
    word-break: break-word;
}

.portal-table-card th,
.portal-table-card td {
    padding: .86rem .95rem;
}

.portal-table-card th {
    color: #dce8f8;
    background:
        linear-gradient(180deg, rgba(255, 255, 255, .075), rgba(255, 255, 255, .026)),
        rgba(2, 7, 16, .78);
    font-size: .72rem;
    font-weight: 950;
    letter-spacing: .08em;
}

.portal-table-card td {
    color: #b9c7dc;
    background: rgba(255, 255, 255, .01);
    font-size: .88rem;
    line-height: 1.55;
}

.portal-table-card tbody tr:hover td {
    background: rgba(7, 116, 255, .045);
}

.portal-table-card tbody tr:last-child td {
    border-bottom: 0;
}

.record-title {
    color: #fff;
    font-size: .94rem;
    font-weight: 900;
    line-height: 1.35;
}

.record-title a {
    color: #fff;
    text-decoration: none;
}

.record-title a:hover,
.record-title a:focus-visible {
    color: var(--cyan);
}

.record-title+small,
.portal-table-card td small {
    display: block;
    margin-top: .18rem;
    color: #8fa0b9;
    font-size: .78rem;
    line-height: 1.45;
}

.record-detail {
    display: inline-block;
    max-width: 52ch;
    color: #d8e5f5;
    font-weight: 750;
}

.record-detail-stack {
    display: grid;
    gap: .18rem;
}

.record-muted,
.record-date {
    color: #8fa0b9;
    font-size: .8rem;
    font-weight: 700;
}

.portal-row-form,
.admin-row-actions {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: .52rem;
    margin-top: .58rem;
}

.portal-row-form {
    margin-top: 0;
}

.portal-row-form input,
.portal-row-form select {
    width: auto;
    min-width: 145px;
    min-height: 40px;
    padding: .64rem .76rem;
    border-radius: 999px;
    font-size: .82rem;
}

.portal-row-form input[name="admin_notes"] {
    min-width: 210px;
}

.compact-row-form {
    margin-top: 0;
}

.compact-row-form select {
    min-width: 170px;
}

.portal-row-form .button,
.admin-row-actions .button {
    min-height: 40px;
    padding: .56rem .84rem;
    font-size: .8rem;
}

.portal-empty-state {
    display: grid;
    place-items: center;
    gap: .32rem;
    min-height: 180px;
    padding: 1.35rem;
    text-align: center;
}

.portal-empty-state i {
    display: grid;
    place-items: center;
    width: 46px;
    height: 46px;
    border: 1px solid rgba(255, 192, 7, .24);
    border-radius: 15px;
    color: var(--gold);
    background: rgba(255, 192, 7, .06);
}

.portal-empty-state strong {
    color: #fff;
    font-size: .98rem;
}

.portal-empty-state span {
    color: #9fb0c6;
    font-size: .86rem;
}

.portal-pagination {
    display: flex;
    justify-content: flex-end;
    margin-top: .35rem;
}

.knowledge-pagination {
    display: flex;
    justify-content: flex-end;
    margin-top: .7rem;
}

.knowledge-pagination nav {
    display: flex;
    align-items: center;
    gap: .4rem;
}

.knowledge-pagination nav :is(a, span) {
    min-height: 36px;
    padding: .42rem .7rem;
    border-radius: 999px;
    line-height: 1;
}

.knowledge-pagination nav svg {
    width: .9rem;
    height: .9rem;
}

.knowledge-pagination nav [aria-current="page"] {
    min-width: 2.15rem;
    justify-content: center;
}

.status-badge {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 30px;
    white-space: nowrap;
    font-size: .76rem;
    line-height: 1;
}

.status-new,
.status-active,
.status-answered,
.status-read {
    color: #06101d;
    background: var(--green);
    border-color: transparent;
}

.status-draft,
.status-unread,
.status-info {
    color: #d9ecff;
    background:
        linear-gradient(180deg, rgba(84, 214, 255, .18), rgba(7, 116, 255, .1)),
        rgba(7, 116, 255, .08);
    border-color: rgba(84, 214, 255, .2);
}

.status-update {
    color: #d9ecff;
    background:
        linear-gradient(180deg, rgba(84, 214, 255, .18), rgba(7, 116, 255, .1)),
        rgba(7, 116, 255, .08);
    border-color: rgba(84, 214, 255, .2);
}

.status-contacted,
.status-qualified,
.status-processing,
.status-in-review,
.status-customer-contacted {
    color: #06101d;
    background: #54d6ff;
    border-color: transparent;
}

.status-won,
.status-completed,
.status-approved {
    color: #06101d;
    background: var(--green);
    border-color: transparent;
}

.status-lost,
.status-archived,
.status-cancelled {
    color: #fff;
    background: rgba(255, 93, 108, .86);
    border-color: transparent;
}

.status-awaiting-payment {
    color: #07101c;
    background: var(--gold);
    border-color: transparent;
}

.status-warning {
    color: #251900;
    background:
        linear-gradient(180deg, rgba(255, 199, 0, .22), rgba(255, 163, 0, .16)),
        rgba(255, 192, 7, .14);
    border-color: rgba(255, 199, 0, .26);
}

.status-critical {
    color: #fff;
    background:
        linear-gradient(180deg, rgba(255, 93, 108, .24), rgba(255, 93, 108, .18)),
        rgba(255, 93, 108, .12);
    border-color: rgba(255, 93, 108, .28);
}

.status-success {
    color: #06101d;
    background:
        linear-gradient(180deg, rgba(51, 211, 160, .24), rgba(51, 211, 160, .16)),
        rgba(51, 211, 160, .1);
    border-color: rgba(51, 211, 160, .24);
}

.status-documents-needed {
    color: #07101c;
    background: var(--gold);
    border-color: transparent;
}

.status-overdue,
.status-inactive,
.status-refunded {
    color: #fff;
    background: rgba(255, 93, 108, .9);
    border-color: transparent;
}

.portal-shell {
    height: auto;
    min-height: 100vh;
    overflow-x: hidden;
    overflow-y: auto;
    transition: grid-template-columns .2s ease;
}

.admin-message-layout {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(300px, 390px);
    gap: 1rem;
    align-items: start;
}

.admin-message-card {
    padding: 1rem;
}

.admin-message-head {
    display: flex;
    justify-content: space-between;
    gap: 1rem;
    padding-bottom: 1rem;
    border-bottom: 1px solid rgba(255, 255, 255, .1);
}

.admin-message-head h2 {
    margin: .7rem 0 .36rem;
    color: #fff;
    font-size: clamp(1.22rem, 2vw, 1.68rem);
    line-height: 1.2;
}

.admin-message-head p {
    margin: 0;
    color: var(--muted-soft);
}

.admin-message-body {
    margin-top: 1rem;
    min-height: 220px;
    padding: 1rem;
    border: 1px solid rgba(255, 255, 255, .1);
    border-radius: var(--radius);
    background: rgba(2, 5, 11, .46);
    color: #edf5ff;
    font-weight: 750;
    line-height: 1.75;
    overflow-wrap: anywhere;
}

.admin-message-side {
    display: grid;
    gap: 1rem;
}

.admin-message-detail-list {
    display: grid;
    gap: .7rem;
    margin-top: .82rem;
}

.admin-message-detail-list div {
    min-width: 0;
    padding: .76rem;
    border: 1px solid rgba(255, 255, 255, .09);
    border-radius: var(--radius-sm);
    background: rgba(255, 255, 255, .045);
}

.admin-message-detail-list span,
.admin-message-action-form label {
    display: block;
    margin-bottom: .24rem;
    color: var(--muted-soft);
    font-size: .72rem;
    font-weight: 950;
    letter-spacing: .08em;
    text-transform: uppercase;
}

.admin-message-detail-list strong {
    display: block;
    color: #fff;
    overflow-wrap: anywhere;
}

.admin-message-detail-list a {
    color: #fff;
}

.admin-message-action-form,
.admin-message-archive-form {
    display: grid;
    gap: .75rem;
    margin-top: .85rem;
}

.admin-message-action-form textarea {
    min-height: 132px;
    resize: vertical;
}

.admin-message-action-form .button,
.admin-message-archive-form .button {
    justify-self: start;
}

.admin-message-archive-form {
    padding-top: .85rem;
    border-top: 1px solid rgba(255, 255, 255, .08);
}

.admin-order-layout {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(300px, 390px);
    gap: 1rem;
    align-items: start;
}

.admin-order-summary,
.admin-order-card {
    padding: 1rem;
}

.admin-order-summary-head {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 1rem;
    padding-bottom: 1rem;
    border-bottom: 1px solid rgba(255, 255, 255, .1);
}

.admin-order-summary-head h2 {
    margin: .7rem 0 .34rem;
    color: #fff;
    font-size: clamp(1.55rem, 3vw, 2.2rem);
    line-height: 1;
}

.admin-order-summary-head p {
    margin: 0;
    color: var(--muted-soft);
}

.admin-order-invoice-pill {
    display: inline-flex;
    align-items: center;
    gap: .42rem;
    min-height: 34px;
    padding: .48rem .72rem;
    border: 1px solid rgba(84, 214, 255, .2);
    border-radius: 999px;
    color: #dcecff;
    background: rgba(7, 116, 255, .12);
    font-size: .76rem;
    font-weight: 900;
    white-space: nowrap;
}

.admin-order-metrics {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: .72rem;
    margin-top: 1rem;
}

.admin-order-metrics div {
    min-width: 0;
    padding: .8rem;
    border: 1px solid rgba(255, 255, 255, .09);
    border-radius: var(--radius-sm);
    background: rgba(255, 255, 255, .045);
}

.admin-order-metrics span,
.admin-order-status-form label {
    display: block;
    margin-bottom: .24rem;
    color: var(--muted-soft);
    font-size: .72rem;
    font-weight: 950;
    letter-spacing: .08em;
    text-transform: uppercase;
}

.admin-order-metrics strong {
    display: block;
    color: #fff;
    font-size: .95rem;
    overflow-wrap: anywhere;
}

.admin-order-status-form {
    display: grid;
    gap: .78rem;
    margin-top: 1rem;
}

.admin-order-status-form textarea {
    min-height: 132px;
    resize: vertical;
}

.admin-order-status-form .button {
    justify-self: start;
}

.admin-order-side {
    display: grid;
    gap: 1rem;
}

.admin-order-items {
    display: grid;
    gap: .82rem;
    margin-top: 1.1rem;
    padding: 1.05rem 1.1rem 1rem;
}

.admin-order-items .dashboard-section-head.compact {
    margin-bottom: 0;
}

.admin-domain-guidance {
    margin-top: 1rem;
    padding: 1rem;
}

.domain-checklist-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: .75rem;
    margin-top: .85rem;
}

.domain-checklist-grid article {
    min-width: 0;
    padding: .86rem;
    border: 1px solid rgba(255, 255, 255, .09);
    border-radius: var(--radius-sm);
    background:
        radial-gradient(circle at 0% 0%, rgba(7, 116, 255, .1), transparent 38%),
        rgba(255, 255, 255, .04);
}

.domain-checklist-grid strong {
    display: block;
    color: #fff;
    margin-bottom: .28rem;
}

.domain-checklist-grid p {
    margin: 0;
    color: var(--muted-soft);
    font-size: .86rem;
    line-height: 1.55;
}

.portal-sidebar {
    position: sticky;
    top: 0;
    align-self: start;
    height: 100vh;
    max-height: 100vh;
    min-height: 0;
    overflow-y: auto;
    overflow-x: hidden;
    overscroll-behavior: contain;
    scrollbar-gutter: stable;
}

.portal-brand-row {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: .65rem;
    align-items: center;
}

.portal-sidebar-toggle {
    display: inline-grid;
    place-items: center;
    width: 42px;
    height: 42px;
    border: 1px solid rgba(255, 255, 255, .13);
    border-radius: 14px;
    color: #f6f9ff;
    background:
        radial-gradient(circle at 20% 0%, rgba(255, 255, 255, .12), transparent 36%),
        linear-gradient(180deg, rgba(255, 255, 255, .08), rgba(255, 255, 255, .035)),
        rgba(2, 8, 18, .6);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .12);
    cursor: pointer;
    transition: transform .16s ease, border-color .16s ease, background .16s ease;
}

.portal-sidebar-toggle:hover,
.portal-sidebar-toggle:focus-visible {
    transform: translateY(-1px);
    border-color: rgba(84, 214, 255, .32);
    outline: none;
    background:
        linear-gradient(135deg, rgba(7, 116, 255, .3), rgba(255, 192, 7, .08)),
        rgba(255, 255, 255, .06);
}

.portal-main {
    display: flex;
    flex-direction: column;
    min-width: 0;
    min-height: 100vh;
    height: auto;
    overflow: visible;
}

.portal-topbar {
    position: sticky;
    top: 0;
    flex: 0 0 auto;
    z-index: 30;
}

.portal-content {
    flex: 1 1 auto;
    min-height: auto;
    align-content: start;
    grid-auto-rows: max-content;
    overflow: visible;
    scrollbar-gutter: auto;
}

.portal-sidebar {
    scrollbar-width: thin;
    scrollbar-color: rgba(7, 116, 255, .45) rgba(255, 255, 255, .05);
}

.portal-sidebar::-webkit-scrollbar {
    width: 10px;
}

.portal-sidebar::-webkit-scrollbar-track {
    background: rgba(255, 255, 255, .04);
}

.portal-sidebar::-webkit-scrollbar-thumb {
    border: 2px solid rgba(2, 5, 14, .95);
    border-radius: 999px;
    background: linear-gradient(180deg, rgba(7, 116, 255, .6), rgba(255, 192, 7, .36));
}

@media (min-width: 761px) {
    .portal-shell.portal-sidebar-collapsed {
        grid-template-columns: 92px minmax(0, 1fr);
    }

    .portal-sidebar-collapsed .portal-sidebar {
        padding-right: .72rem;
        padding-left: .72rem;
    }

    .portal-sidebar-collapsed .portal-brand-row {
        grid-template-columns: 1fr;
        justify-items: center;
    }

    .portal-sidebar-collapsed .portal-sidebar-toggle {
        order: -1;
        width: 44px;
        height: 44px;
    }

    .portal-sidebar-collapsed .portal-sidebar .brand {
        justify-content: center;
        width: 54px;
        height: 54px;
        overflow: hidden;
        border-radius: 16px;
    }

    .portal-sidebar-collapsed .portal-sidebar .brand-logo {
        width: 250px;
        max-width: none;
        height: 64px;
        transform: translate(-2px, -5px) scale(.84);
        transform-origin: left center;
    }

    .portal-sidebar-collapsed .portal-account-card {
        justify-items: center;
        padding: .72rem .45rem;
    }

    .portal-sidebar-collapsed .portal-role-badge {
        width: 42px;
        height: 42px;
        justify-content: center;
        padding: 0;
    }

    .portal-sidebar-collapsed .portal-role-badge span,
    .portal-sidebar-collapsed .portal-account-card strong,
    .portal-sidebar-collapsed .portal-account-card small,
    .portal-sidebar-collapsed .portal-sidebar nav a span {
        position: absolute;
        width: 1px;
        height: 1px;
        margin: -1px;
        overflow: hidden;
        clip: rect(0, 0, 0, 0);
        white-space: nowrap;
    }

    .portal-sidebar-collapsed .portal-sidebar nav {
        gap: .52rem;
    }

    .portal-sidebar-collapsed .portal-sidebar nav a {
        justify-content: center;
        min-height: 48px;
        padding: .46rem;
        border-radius: 16px;
        transform: none;
    }

    .portal-sidebar-collapsed .portal-sidebar nav a:hover,
    .portal-sidebar-collapsed .portal-sidebar nav a.active {
        transform: none;
    }

    .portal-sidebar-collapsed .portal-sidebar nav a i {
        width: 36px;
        height: 36px;
    }
}

@media (max-width: 1180px) {
    .dashboard-stat-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .owner-cms-nav-panel {
        position: static;
        grid-template-columns: 1fr;
    }

    .owner-cms-tabs {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .dashboard-kpi-grid,
    .dashboard-queue-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .dashboard-body-grid {
        grid-template-columns: 1fr;
    }

    .dashboard-workspace-grid {
        grid-template-columns: 1fr;
    }

    .dashboard-domain-strip {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 760px) {
    .portal-shell {
        display: block;
        grid-template-columns: 1fr;
        height: auto;
        min-height: 100vh;
        overflow-x: hidden;
        overflow-y: auto;
    }

    .portal-sidebar {
        position: static;
        height: auto;
        min-height: auto;
        overflow: visible;
    }

    .portal-main {
        display: block;
        height: auto;
        overflow: visible;
    }

    .portal-brand-row {
        grid-template-columns: 1fr;
    }

    .portal-sidebar-toggle {
        display: none;
    }

    .portal-sidebar nav {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .portal-topbar {
        position: static;
    }

    .portal-content {
        overflow: visible;
    }

    .portal-page-header {
        align-items: flex-start;
        flex-direction: column;
    }

    .portal-header-actions {
        justify-content: flex-start;
        width: 100%;
    }

    .portal-header-actions .button {
        width: 100%;
    }

    .cart-empty-actions {
        flex-direction: column;
        align-items: center;
    }

    .cart-empty-actions .button {
        max-width: none;
        width: 100%;
    }

    .portal-count-pill {
        width: 100%;
        justify-content: center;
    }

    .portal-filter-panel {
        display: grid;
        gap: .75rem;
    }

    .owner-cms-tabs {
        grid-template-columns: 1fr;
    }

    .owner-cms-tabs a {
        min-height: 64px;
    }

    .owner-editor-details summary,
    .owner-record-summary {
        align-items: flex-start;
    }

    .owner-record-summary {
        display: grid;
    }

    .owner-summary-actions {
        justify-content: space-between;
        width: 100%;
    }

    .owner-editor-details summary strong,
    .owner-record-summary strong,
    .owner-editor-details summary small,
    .owner-record-summary small {
        white-space: normal;
    }

    .portal-filter-panel .button,
    .portal-row-form .button,
    .admin-row-actions .button {
        width: 100%;
    }

    .portal-row-form input,
    .portal-row-form select,
    .portal-row-form input[name="admin_notes"] {
        width: 100%;
        min-width: 0;
    }

    .portal-table-card {
        border-radius: 16px;
    }

    .portal-table-card th,
    .portal-table-card td {
        padding: .78rem;
    }

    .dashboard-stat-grid {
        grid-template-columns: 1fr;
    }

    .dashboard-kpi-grid,
    .dashboard-queue-grid,
    .dashboard-record-grid,
    .dashboard-domain-strip {
        grid-template-columns: 1fr;
    }

    .dashboard-kpi-card {
        min-height: 128px;
    }

    .dashboard-queue-card {
        min-height: 96px;
    }
}

@media (max-width: 680px) {
    .impersonation-banner {
        align-items: flex-start;
        flex-direction: column;
    }

    .impersonation-banner div {
        align-items: flex-start;
        flex-direction: column;
        gap: .25rem;
    }

    .portal-card.stat-card {
        min-height: 138px;
        padding-right: 5rem;
    }

    .stat-card .stat-icon {
        width: 52px;
        height: 52px;
        border-radius: 18px;
    }

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

    .dashboard-section-head {
        flex-direction: column;
    }

    .dashboard-section-head .button,
    .dashboard-action-card {
        width: 100%;
    }
}

/* Canonical readable link labels across public navigation, portals, dashboards, and CMS panels. */
.site-menu a:not(.login-button),
.site-footer a,
.portal-sidebar nav a,
.dashboard-action-row strong,
.dashboard-queue-card small,
.owner-cms-tabs span,
.portal-record-item strong,
.portal-record-item strong a,
.record-title,
.record-title a {
    font-size: var(--nav-link-size);
    font-weight: var(--nav-link-weight);
    line-height: 1.35;
    letter-spacing: 0;
}

.site-menu a:not(.login-button) {
    min-height: 42px;
}

.site-menu a i,
.portal-sidebar nav a i,
.dashboard-action-row i,
.dashboard-queue-card i,
.owner-cms-tabs i {
    font-size: .94em;
}

.portal-sidebar nav a {
    gap: .72rem;
}

.dashboard-action-row small,
.dashboard-queue-card p,
.owner-cms-tabs small,
.portal-record-item small,
.record-title+small,
.portal-table-card td small,
.record-date,
.record-muted {
    font-size: var(--nav-meta-size);
    line-height: 1.42;
}

.portal-table-card td,
.record-detail {
    font-size: .88rem;
    line-height: 1.5;
}

.admin-management-form {
    display: grid;
    gap: .9rem;
}

.admin-settings-page {
    display: grid;
    gap: 1.1rem;
}

.admin-settings-nav-panel {
    position: sticky;
    top: 94px;
    z-index: 20;
    display: grid;
    grid-template-columns: minmax(0, 1.1fr) minmax(0, .9fr);
    gap: 1.05rem;
    align-items: center;
    padding: 1.1rem 1.15rem;
}

.admin-settings-nav-copy {
    display: grid;
    gap: .28rem;
}

.admin-settings-nav-copy .eyebrow {
    margin-bottom: .12rem;
}

.admin-settings-nav-copy h2 {
    margin: 0;
    color: #fff;
    font-size: 1.12rem;
    line-height: 1.28;
}

.admin-settings-nav-copy p {
    max-width: 68ch;
    margin: 0;
    color: #9fb0c6;
    font-size: .84rem;
    line-height: 1.48;
}

.admin-settings-nav-links {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
    gap: .55rem;
}

.admin-settings-nav-links a {
    display: inline-flex;
    align-items: center;
    gap: .45rem;
    min-height: 40px;
    padding: .56rem .8rem;
    border: 1px solid rgba(255, 255, 255, .1);
    border-radius: 999px;
    color: #fff;
    background:
        linear-gradient(180deg, rgba(255, 255, 255, .06), rgba(255, 255, 255, .026)),
        rgba(255, 255, 255, .025);
    text-decoration: none;
    font-size: .8rem;
    font-weight: 900;
    line-height: 1;
    transition: transform .16s ease, border-color .16s ease, background .16s ease;
}

.admin-settings-nav-links a:hover,
.admin-settings-nav-links a:focus-visible {
    transform: translateY(-1px);
    border-color: rgba(84, 214, 255, .3);
    background: rgba(7, 116, 255, .08);
}

.admin-settings-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 1.15rem;
    align-items: start;
}

.admin-settings-column {
    display: grid;
    gap: 1.15rem;
    align-content: start;
    min-width: 0;
}

.admin-settings-page :where(.portal-card, .table-card, .form-panel) {
    min-width: 0;
    padding: 1.15rem 1.2rem;
}

.admin-settings-template-grid {
    grid-template-columns: repeat(auto-fit, minmax(min(460px, 100%), 1fr));
}

.admin-settings-page .seo-records-panel {
    margin-top: .15rem;
}

.admin-settings-page .admin-management-form {
    gap: .95rem;
}

.admin-settings-page .admin-form-heading {
    gap: .25rem;
}

.admin-settings-page .admin-form-heading h2 {
    margin-bottom: .12rem;
}

.admin-settings-page .grid-2 {
    gap: .95rem 1rem;
}

.admin-settings-page .field-note {
    margin-top: -.05rem;
}

.portal-shell .portal-table-card textarea {
    min-width: 240px;
    min-height: 76px;
    resize: vertical;
}

.portal-shell .portal-table-card .checkbox-line {
    width: auto;
    min-height: 0;
    padding: 0;
}

.portal-shell .portal-table-card .admin-row-actions {
    margin-top: .52rem;
}

.admin-form-heading {
    display: grid;
    gap: .22rem;
}

.admin-form-heading .eyebrow {
    width: fit-content;
    margin: 0;
}

.admin-form-heading h2 {
    margin: 0;
    color: #fff;
    font-size: 1.08rem;
    line-height: 1.28;
}

.admin-form-heading p {
    max-width: 720px;
    margin: 0;
    color: #9fb0c6;
    font-size: .84rem;
    line-height: 1.48;
}

.content-kpi-grid {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: .78rem;
}

.content-kpi-grid-3 {
    grid-template-columns: repeat(3, minmax(0, 1fr));
}

.content-kpi-card {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: .28rem .76rem;
    min-height: 122px;
    padding: .9rem;
    border: 1px solid rgba(255, 255, 255, .105);
    border-radius: 18px;
    background:
        linear-gradient(145deg, rgba(255, 255, 255, .09), rgba(255, 255, 255, .032) 48%, rgba(7, 116, 255, .045)),
        rgba(4, 12, 25, .74);
    box-shadow: 0 16px 48px rgba(0, 0, 0, .25), inset 0 1px 0 rgba(255, 255, 255, .1);
}

.content-kpi-card span {
    display: grid;
    grid-column: 2;
    grid-row: 1 / span 3;
    place-items: center;
    width: 42px;
    height: 42px;
    border: 1px solid rgba(255, 192, 7, .22);
    border-radius: 13px;
    color: var(--gold);
    background: rgba(255, 192, 7, .065);
}

.content-kpi-card small {
    grid-column: 1;
    color: #9fb0c6;
    font-size: .7rem;
    font-weight: 950;
    letter-spacing: .08em;
    text-transform: uppercase;
}

.content-kpi-card strong {
    grid-column: 1;
    color: #fff;
    font-size: clamp(1.32rem, 2.2vw, 1.9rem);
    line-height: 1.1;
}

.content-kpi-card p {
    grid-column: 1 / -1;
    margin: .08rem 0 0;
    color: #9fb0c6;
    font-size: .8rem;
    line-height: 1.45;
}

.content-admin-grid {
    display: grid;
    grid-template-columns: minmax(0, .88fr) minmax(0, 1.12fr);
    gap: .9rem;
    align-items: start;
}

.content-create-panel {
    min-width: 0;
    background:
        linear-gradient(145deg, rgba(255, 255, 255, .092), rgba(255, 255, 255, .032) 48%, rgba(255, 192, 7, .035)),
        rgba(4, 12, 25, .76);
}

.content-admin-table-card {
    display: grid;
    gap: .75rem;
    padding: .9rem;
}

.table-card-heading {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 1rem;
    padding: .08rem .08rem .72rem;
    border-bottom: 1px solid rgba(255, 255, 255, .08);
}

.table-card-heading h2 {
    margin: .28rem 0 .12rem;
    color: #fff;
    font-size: 1.08rem;
    line-height: 1.28;
}

.table-card-heading p {
    max-width: 760px;
    margin: 0;
    color: #9fb0c6;
    font-size: .84rem;
    line-height: 1.5;
}

.content-admin-table-card table {
    min-width: 1020px;
}

.content-admin-table-card label:not(.checkbox-line):not(.sr-only) {
    display: block;
    margin: .48rem 0 .22rem;
    color: #aebdd0;
    font-size: .72rem;
    font-weight: 900;
    letter-spacing: .04em;
    text-transform: uppercase;
}

.content-admin-table-card input,
.content-admin-table-card select,
.content-admin-table-card textarea {
    width: 100%;
}

.content-textarea-short,
.portal-shell .portal-table-card textarea.content-textarea-short {
    min-height: 72px;
}

.compact-notice {
    display: flex;
    align-items: center;
    gap: .55rem;
    padding: .72rem .82rem;
}

/* Portal component consistency pass: cards, buttons, records, and responsive grids. */
.portal-shell .portal-content {
    gap: clamp(.9rem, 1.7vw, 1.15rem);
}

.portal-shell .portal-content.checkout-success-content {
    max-width: none;
}

.portal-shell .page-hero.checkout-success-page {
    max-width: none;
    width: 100%;
    margin: 0;
    padding: clamp(1rem, 2vw, 1.45rem);
    grid-template-columns: minmax(0, 1.35fr) minmax(340px, 420px);
    gap: clamp(1rem, 2vw, 1.6rem);
    align-items: start;
}

.portal-shell .page-hero.checkout-success-page .page-hero-copy {
    min-height: 0;
}

.portal-shell .page-hero.checkout-success-page .page-hero-copy h1,
.portal-shell .page-hero.checkout-success-page .page-hero-copy p {
    max-width: none;
}

.portal-shell .page-hero.checkout-success-page .checkout-success-cta {
    width: auto;
    align-self: flex-start;
}

.portal-shell .page-hero.checkout-success-page .hero-info-card {
    min-height: 0;
}

.portal-shell .portal-page-header {
    min-width: 0;
}

.portal-shell .portal-card,
.portal-shell .form-panel,
.portal-shell .dashboard-kpi-card,
.portal-shell .dashboard-panel,
.portal-shell .portal-record-item,
.portal-shell .dashboard-action-row,
.portal-shell .dashboard-queue-card,
.portal-shell .owner-cms-tabs a,
.portal-shell .cms-setting-group,
.portal-shell .integration-status-card {
    border-radius: 18px;
    border-color: rgba(255, 255, 255, .105);
}

.portal-shell .portal-card,
.portal-shell .form-panel,
.portal-shell .dashboard-panel {
    padding: clamp(.94rem, 1.55vw, 1.18rem);
}

.portal-shell .table-card {
    border-radius: 18px;
}

.portal-shell .button {
    min-height: 42px;
    padding: .62rem .96rem;
    border-radius: 999px;
    font-size: .84rem;
    font-weight: 900;
    line-height: 1.2;
    white-space: normal;
}

.portal-shell .button i {
    font-size: .96em;
}

.portal-shell .portal-header-actions .button,
.portal-shell .dashboard-section-head .button,
.portal-shell .topbar-actions .button,
.portal-shell .inline-actions .button,
.portal-shell .owner-record-actions .button,
.portal-shell .owner-action-row .button,
.portal-shell .owner-delete-form .button,
.portal-shell .portal-row-form .button,
.portal-shell .admin-row-actions .button {
    min-height: 42px;
    padding: .62rem .96rem;
    font-size: .84rem;
}

.portal-shell .portal-header-actions,
.portal-shell .topbar-actions,
.portal-shell .inline-actions,
.portal-shell .owner-record-actions,
.portal-shell .owner-action-row {
    align-items: center;
    gap: .62rem;
}

.portal-shell .dashboard-action-row,
.portal-shell .dashboard-queue-card {
    gap: .68rem;
    min-height: 70px;
    padding: .78rem;
}

.portal-shell .dashboard-queue-grid.dashboard-queue-grid-customer {
    grid-template-columns: repeat(3, minmax(0, 1fr));
}

.portal-shell .dashboard-action-row span,
.portal-shell .dashboard-queue-card>span,
.portal-shell .portal-record-item .record-icon {
    width: 40px;
    height: 40px;
    border-radius: 13px;
}

.portal-shell .dashboard-action-row strong,
.portal-shell .dashboard-queue-card strong,
.portal-shell .portal-record-item strong,
.portal-shell .portal-record-item strong a,
.portal-shell .record-title,
.portal-shell .record-title a {
    font-size: var(--card-title-size);
    font-weight: 800;
    line-height: 1.35;
}

.portal-shell .dashboard-action-row small,
.portal-shell .dashboard-queue-card small,
.portal-shell .dashboard-queue-card p,
.portal-shell .portal-record-item p,
.portal-shell .record-detail,
.portal-shell .record-date,
.portal-shell .record-muted {
    font-size: .82rem;
    line-height: 1.45;
}

.portal-shell .dashboard-action-row small,
.portal-shell .dashboard-queue-card p,
.portal-shell .portal-record-item p {
    display: -webkit-box;
    overflow: hidden;
    white-space: normal;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}

.portal-shell .portal-record-item {
    align-items: center;
}

.portal-shell .portal-record-item p {
    margin: .08rem 0 .2rem;
}

.portal-shell .record-list {
    display: grid;
    gap: .78rem;
}

.portal-shell .record-list .portal-card {
    display: grid;
    gap: .32rem;
    min-height: 98px;
}

.portal-shell .record-list .portal-card h2 {
    margin: 0;
    color: #fff;
    font-size: 1rem;
    line-height: 1.3;
}

.portal-shell .record-list .portal-card p {
    margin: 0;
    font-size: .86rem;
    line-height: 1.48;
}

.portal-shell input,
.portal-shell select,
.portal-shell textarea {
    min-height: 42px;
    border-radius: 14px;
}

.portal-shell textarea {
    min-height: 118px;
}

.portal-shell .portal-table-card {
    overflow-x: auto;
}

.portal-shell .portal-table-card input,
.portal-shell .portal-table-card select,
.portal-shell .portal-table-card .button {
    min-height: 40px;
}

.portal-shell .grid {
    align-items: start;
    gap: clamp(.78rem, 1.5vw, 1rem);
}

.portal-shell .portal-pagination {
    width: 100%;
}

@media (max-width: 1180px) {

    .portal-shell .admin-settings-grid,
    .portal-shell .admin-settings-nav-panel {
        grid-template-columns: 1fr;
    }

    .portal-shell .dashboard-kpi-grid,
    .portal-shell .dashboard-queue-grid,
    .portal-shell .dashboard-record-grid,
    .portal-shell .dashboard-domain-strip,
    .portal-shell .superadmin-stat-grid,
    .portal-shell .integration-status-grid,
    .portal-shell .content-kpi-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .portal-shell .dashboard-workspace-grid,
    .portal-shell .dashboard-body-grid,
    .portal-shell .content-admin-grid {
        grid-template-columns: 1fr;
    }

    .portal-shell .dashboard-queue-grid.dashboard-queue-grid-customer {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 760px) {
    .portal-shell .portal-content {
        gap: .82rem;
        padding: .9rem;
    }

    .portal-shell .portal-page-header,
    .portal-shell .dashboard-section-head,
    .portal-shell .superadmin-section-head,
    .portal-shell .record-card-title {
        align-items: flex-start;
        flex-direction: column;
    }

    .portal-shell .portal-header-actions,
    .portal-shell .topbar-actions,
    .portal-shell .inline-actions,
    .portal-shell .owner-record-actions,
    .portal-shell .owner-action-row,
    .portal-shell .owner-delete-form {
        display: grid;
        grid-template-columns: 1fr;
        width: 100%;
    }

    .portal-shell .button,
    .portal-shell .portal-header-actions .button,
    .portal-shell .dashboard-section-head .button,
    .portal-shell .topbar-actions .button,
    .portal-shell .inline-actions .button,
    .portal-shell .owner-record-actions .button,
    .portal-shell .owner-action-row .button,
    .portal-shell .owner-delete-form .button {
        width: 100%;
        justify-self: stretch;
    }

    .portal-shell .admin-settings-nav-links {
        justify-content: stretch;
    }

    .portal-shell .admin-settings-nav-links a {
        width: 100%;
        justify-content: center;
    }

    .portal-shell .grid,
    .portal-shell .grid-2,
    .portal-shell .grid-3,
    .portal-shell .grid-4,
    .portal-shell .dashboard-kpi-grid,
    .portal-shell .dashboard-queue-grid,
    .portal-shell .dashboard-record-grid,
    .portal-shell .dashboard-domain-strip,
    .portal-shell .superadmin-stat-grid,
    .portal-shell .integration-status-grid,
    .portal-shell .superadmin-record-grid,
    .portal-shell .cms-fields-grid,
    .portal-shell .form-grid,
    .portal-shell .content-kpi-grid,
    .portal-shell .content-admin-grid {
        grid-template-columns: 1fr;
    }

    .portal-shell .dashboard-queue-grid.dashboard-queue-grid-customer {
        grid-template-columns: 1fr;
    }

    .portal-shell .portal-card,
    .portal-shell .form-panel,
    .portal-shell .dashboard-panel {
        padding: .9rem;
    }

    .portal-shell .dashboard-action-row,
    .portal-shell .dashboard-queue-card,
    .portal-shell .portal-record-item,
    .portal-shell .content-kpi-card {
        min-height: auto;
    }

    .portal-record-actions {
        flex-direction: column;
    }

    .portal-record-actions .button,
    .portal-record-actions form {
        width: 100%;
    }

    .portal-shell .table-card-heading {
        align-items: flex-start;
        flex-direction: column;
    }

    .portal-shell .admin-settings-nav-panel {
        position: static;
    }

    .portal-shell .admin-settings-nav-links {
        display: grid;
        grid-template-columns: 1fr;
    }
}

.impersonation-banner .button.button-gold {
    color: #fff !important;
    border-color: rgba(255, 255, 255, .24);
    background:
        linear-gradient(135deg, rgba(7, 116, 255, .96), rgba(255, 192, 7, .72)),
        rgba(255, 255, 255, .1);
    text-shadow: 0 1px 1px rgba(0, 0, 0, .42);
}

.portal-owner-shell .portal-topbar {
    border-bottom-color: rgba(255, 192, 7, .16);
    background:
        linear-gradient(135deg, rgba(7, 116, 255, .12), rgba(255, 192, 7, .08)),
        linear-gradient(180deg, rgba(2, 5, 14, .95), rgba(2, 5, 14, .84)),
        rgba(2, 5, 14, .9);
}

.portal-owner-shell .portal-topbar-title .eyebrow {
    color: var(--gold);
    border-color: rgba(255, 192, 7, .42);
    background: rgba(255, 192, 7, .08);
}

.portal-shell .admin-management-form>.button,
.portal-shell .form-panel>.button,
.portal-shell .form-panel>form>.button,
.portal-shell .owner-editor-form>.button,
.portal-shell .owner-delete-form>.button,
.portal-shell .portal-row-form>.button,
.portal-shell .admin-row-actions>.button {
    width: auto;
    max-width: 100%;
    justify-self: start;
    align-self: start;
}

.portal-shell .admin-management-form>.button,
.portal-shell .form-panel>.button,
.portal-shell .form-panel>form>.button {
    min-width: min(172px, 100%);
}

.portal-shell .portal-filter-panel {
    grid-template-columns: minmax(220px, 320px) auto;
    align-items: end;
    width: fit-content;
    max-width: 100%;
}

.portal-shell .portal-filter-actions {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: .52rem;
}

.portal-shell .portal-filter-actions .button,
.portal-shell .portal-filter-panel .button {
    width: auto;
    min-width: 124px;
    justify-self: start;
}

.user-management-create-panel {
    margin-bottom: 1.25rem;
}

.user-management-form {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 1rem;
    align-items: end;
}

.user-management-form .form-actions {
    display: flex;
    align-items: end;
}

.user-management-table tr.is-deleted td {
    opacity: .72;
}

.user-management-table .user-row-form {
    grid-template-columns: repeat(4, minmax(9.5rem, 1fr));
    gap: .65rem;
}

.user-action-stack {
    align-items: flex-start;
    flex-direction: column;
}

.user-action-stack .button {
    width: auto;
}

@media (max-width: 1180px) {
    .user-management-form {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .user-management-table .user-row-form {
        grid-template-columns: repeat(2, minmax(9.5rem, 1fr));
    }
}

@media (max-width: 720px) {
    .af-domain-advisory {
        grid-template-columns: 1fr;
        justify-items: start;
    }

    .af-domain-advisory .button {
        width: 100%;
        white-space: normal;
    }

    .user-management-form,
    .user-management-table .user-row-form {
        grid-template-columns: 1fr;
    }
}

.portal-topbar-search {
    min-height: 42px;
    width: clamp(220px, 18vw, 320px);
    display: grid;
    grid-template-columns: auto minmax(0, 1fr) auto;
    align-items: center;
    gap: .5rem;
    padding: .26rem .36rem .26rem .72rem;
    border: 1px solid rgba(255, 255, 255, .13);
    border-radius: 999px;
    background:
        linear-gradient(180deg, rgba(255, 255, 255, .08), rgba(255, 255, 255, .03)),
        rgba(2, 8, 18, .72);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .1), 0 12px 30px rgba(0, 0, 0, .16);
}

.portal-topbar-search>i {
    color: var(--gold);
    font-size: .9rem;
}

.portal-topbar-search input {
    min-height: 34px;
    width: 100%;
    padding: 0;
    border: 0;
    border-radius: 0;
    background: transparent;
    color: #fff;
    box-shadow: none;
    font-size: .82rem;
    font-weight: 750;
}

.portal-topbar-search input::placeholder {
    color: rgba(220, 232, 248, .58);
}

.portal-topbar-search input:focus {
    outline: 0;
}

.portal-topbar-search:focus-within {
    border-color: rgba(7, 116, 255, .52);
    box-shadow: 0 0 0 3px rgba(7, 116, 255, .14), inset 0 1px 0 rgba(255, 255, 255, .14);
}

.portal-topbar-search-button {
    width: 34px;
    height: 34px;
    display: inline-grid;
    place-items: center;
    border: 1px solid rgba(84, 214, 255, .28);
    border-radius: 50%;
    color: #fff;
    background:
        linear-gradient(135deg, rgba(7, 116, 255, .95), rgba(84, 214, 255, .34)),
        rgba(255, 255, 255, .08);
    cursor: pointer;
}

.portal-search-page-form {
    padding: .78rem;
}

.portal-search-page-row {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: .68rem;
    align-items: center;
}

.portal-search-input {
    min-height: 48px;
    display: grid;
    grid-template-columns: auto minmax(0, 1fr);
    align-items: center;
    gap: .68rem;
    padding: 0 .95rem;
    border: 1px solid rgba(255, 255, 255, .12);
    border-radius: 999px;
    background: rgba(2, 8, 18, .66);
}

.portal-search-input i {
    color: var(--gold);
}

.portal-search-input input {
    width: 100%;
    border: 0;
    background: transparent;
    box-shadow: none;
}

.dashboard-search-summary {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: .72rem;
}

.portal-search-result-stack {
    display: grid;
    gap: .9rem;
}

.portal-search-result-group {
    display: grid;
    gap: .85rem;
}

.portal-search-result-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: .68rem;
}

.portal-search-result-card {
    min-height: 74px;
    display: grid;
    grid-template-columns: auto minmax(0, 1fr) auto;
    gap: .72rem;
    align-items: center;
    padding: .72rem;
    border: 1px solid rgba(255, 255, 255, .09);
    border-radius: 14px;
    color: inherit;
    text-decoration: none;
    background: rgba(255, 255, 255, .032);
    transition: transform .16s ease, border-color .16s ease, background .16s ease;
}

.portal-search-result-card:hover,
.portal-search-result-card:focus-visible {
    transform: translateY(-1px);
    border-color: rgba(7, 116, 255, .36);
    background: rgba(7, 116, 255, .075);
}

.portal-search-result-card strong {
    display: block;
    color: #fff;
    font-size: .92rem;
    line-height: 1.32;
}

.portal-search-result-card small {
    display: block;
    margin-top: .18rem;
    color: #9fb0c6;
    font-size: .8rem;
    line-height: 1.4;
}

.portal-search-result-card>i {
    color: var(--gold);
    font-size: .82rem;
}

@media (max-width: 760px) {
    .portal-shell .portal-filter-panel {
        grid-template-columns: minmax(0, 1fr);
        width: 100%;
    }

    .portal-shell .portal-filter-actions .button,
    .portal-shell .portal-filter-panel .button {
        width: auto;
        justify-self: start;
    }

    .portal-topbar-search {
        width: 100%;
    }

    .portal-search-page-row,
    .portal-search-result-grid {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 480px) {
    .portal-shell .portal-filter-actions {
        display: grid;
        grid-template-columns: 1fr;
    }

    .portal-shell .portal-filter-actions .button,
    .portal-shell .portal-filter-panel .button {
        width: 100%;
    }
}

.site-footer a {
    display: inline-flex;
    align-items: center;
    min-height: 28px;
}

.whatsapp-chat-widget {
    position: fixed;
    right: clamp(1rem, 2vw, 1.35rem);
    bottom: clamp(1rem, 2vw, 1.35rem);
    z-index: 85;
    display: inline-flex;
    align-items: center;
    gap: .72rem;
    max-width: min(320px, calc(100vw - 2rem));
    min-height: 58px;
    padding: .62rem .82rem .62rem .64rem;
    border: 1px solid rgba(45, 220, 136, .35);
    border-radius: 999px;
    color: #f7fff9;
    font: inherit;
    cursor: pointer;
    background:
        radial-gradient(circle at 18% 0%, rgba(255, 255, 255, .18), transparent 34%),
        linear-gradient(135deg, rgba(37, 211, 102, .9), rgba(7, 116, 255, .32)),
        rgba(2, 12, 8, .88);
    box-shadow:
        0 18px 48px rgba(0, 0, 0, .36),
        0 0 0 1px rgba(255, 255, 255, .06),
        inset 0 1px 0 rgba(255, 255, 255, .18);
    backdrop-filter: blur(14px);
    -webkit-backdrop-filter: blur(14px);
    transition: transform .18s ease, border-color .18s ease, box-shadow .18s ease;
}

.whatsapp-chat-widget:hover,
.whatsapp-chat-widget:focus-visible {
    transform: translateY(-2px);
    border-color: rgba(45, 220, 136, .62);
    color: #fff;
    box-shadow:
        0 22px 58px rgba(0, 0, 0, .42),
        0 0 0 4px rgba(45, 220, 136, .12),
        inset 0 1px 0 rgba(255, 255, 255, .22);
}

.whatsapp-chat-icon {
    display: grid;
    place-items: center;
    width: 44px;
    height: 44px;
    flex: 0 0 44px;
    border: 1px solid rgba(255, 255, 255, .2);
    border-radius: 999px;
    background: rgba(0, 0, 0, .2);
    color: #fff;
    font-size: 1.42rem;
}

.site-chat-panel {
    position: fixed;
    right: clamp(1rem, 2vw, 1.35rem);
    bottom: 6.35rem;
    z-index: 86;
    width: min(420px, calc(100vw - 2rem));
    max-height: min(720px, calc(100vh - 7.5rem));
    overflow: hidden;
    border: 1px solid rgba(45, 220, 136, .26);
    border-radius: 18px;
    background:
        radial-gradient(circle at 8% 0%, rgba(45, 220, 136, .18), transparent 34%),
        radial-gradient(circle at 100% 18%, rgba(7, 116, 255, .2), transparent 32%),
        linear-gradient(145deg, rgba(255, 255, 255, .12), rgba(255, 255, 255, .055)),
        rgba(3, 9, 20, .96);
    box-shadow:
        0 26px 74px rgba(0, 0, 0, .48),
        inset 0 1px 0 rgba(255, 255, 255, .16);
    backdrop-filter: blur(18px);
    -webkit-backdrop-filter: blur(18px);
}

.site-chat-panel[hidden] {
    display: none;
}

.site-chat-header {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr) auto;
    gap: .78rem;
    align-items: center;
    padding: .95rem;
    border-bottom: 1px solid rgba(255, 255, 255, .1);
    background: rgba(2, 5, 11, .42);
}

.site-chat-avatar,
.site-chat-success span {
    display: grid;
    place-items: center;
    width: 44px;
    height: 44px;
    border-radius: 999px;
    color: #06101d;
    background: linear-gradient(135deg, #25d366, #9af7bd);
    box-shadow: 0 14px 30px rgba(37, 211, 102, .2);
}

.site-chat-header h2 {
    margin: 0 0 .12rem;
    font-size: 1rem;
}

.site-chat-header p,
.site-chat-message p,
.site-chat-privacy,
.site-chat-status,
.site-chat-success p {
    margin: 0;
    font-size: .83rem;
    line-height: 1.45;
}

.site-chat-close {
    display: grid;
    place-items: center;
    width: 38px;
    height: 38px;
    border: 1px solid rgba(255, 255, 255, .12);
    border-radius: 999px;
    color: #fff;
    background: rgba(255, 255, 255, .06);
    cursor: pointer;
}

.site-chat-body {
    max-height: calc(min(720px, 100vh - 7.5rem) - 76px);
    overflow-y: auto;
    padding: .95rem;
    display: grid;
    gap: .82rem;
}

.site-chat-message {
    width: fit-content;
    max-width: 92%;
    padding: .78rem .88rem;
    border: 1px solid rgba(255, 255, 255, .11);
    border-radius: 16px 16px 16px 6px;
    background: rgba(255, 255, 255, .07);
}

.site-chat-message strong {
    display: block;
    margin-bottom: .28rem;
    font-size: .8rem;
}

.site-chat-quick-replies {
    display: flex;
    flex-wrap: wrap;
    gap: .48rem;
}

.site-chat-quick-replies button {
    min-height: 34px;
    padding: .45rem .62rem;
    border: 1px solid rgba(255, 255, 255, .13);
    border-radius: 999px;
    color: #eef7ff;
    background: rgba(255, 255, 255, .06);
    font: inherit;
    font-size: .78rem;
    font-weight: 850;
    cursor: pointer;
}

.site-chat-quick-replies button:hover,
.site-chat-quick-replies button:focus-visible {
    border-color: rgba(45, 220, 136, .5);
    background: rgba(45, 220, 136, .13);
}

.site-chat-form {
    display: grid;
    gap: .58rem;
    padding: .88rem;
    border: 1px solid rgba(255, 255, 255, .1);
    border-radius: 16px;
    background: rgba(2, 5, 11, .42);
}

.site-chat-form label {
    margin: 0;
    color: #dce8f7;
    font-size: .75rem;
    font-weight: 900;
}

.site-chat-form input,
.site-chat-form textarea {
    min-height: 42px;
    border-color: rgba(255, 255, 255, .12);
    background: rgba(2, 5, 11, .78);
}

.site-chat-form textarea {
    resize: vertical;
}

.site-chat-form .button {
    width: 100%;
}

.site-chat-status {
    min-height: 1.2rem;
    color: var(--gold);
    font-weight: 800;
}

.site-chat-status.is-error {
    color: var(--red);
}

.site-chat-success {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr);
    gap: .7rem;
    align-items: center;
    padding: .9rem;
    border: 1px solid rgba(45, 220, 136, .24);
    border-radius: 16px;
    background: rgba(45, 220, 136, .1);
}

.site-chat-success[hidden] {
    display: none;
}

.site-chat-success p {
    grid-column: 2;
}

.site-chat-success-actions {
    grid-column: 1 / -1;
    display: flex;
    flex-wrap: wrap;
    gap: .55rem;
    margin-top: .18rem;
}

.site-chat-success-actions .button {
    min-height: 40px;
    padding: .56rem .86rem;
    font-size: .78rem;
}

.site-chat-privacy {
    color: var(--muted-soft);
}

.whatsapp-chat-copy {
    display: grid;
    gap: .1rem;
    min-width: 0;
    padding-right: .28rem;
}

.whatsapp-chat-copy strong {
    color: #fff;
    font-size: .9rem;
    line-height: 1.15;
    white-space: nowrap;
}

.whatsapp-chat-copy small {
    color: rgba(247, 255, 249, .82);
    font-size: .74rem;
    font-weight: 800;
    line-height: 1.25;
}

@media (max-width: 560px) {
    .whatsapp-chat-widget {
        right: .86rem;
        bottom: .86rem;
        min-height: 54px;
        padding: .5rem;
    }

    .whatsapp-chat-icon {
        width: 42px;
        height: 42px;
        flex-basis: 42px;
    }

    .whatsapp-chat-copy {
        position: absolute;
        width: 1px;
        height: 1px;
        margin: -1px;
        overflow: hidden;
        clip: rect(0, 0, 0, 0);
        white-space: nowrap;
    }

    .site-chat-panel {
        right: .68rem;
        bottom: 5.3rem;
        width: calc(100vw - 1.36rem);
        max-height: calc(100vh - 6rem);
        border-radius: 16px;
    }

    .site-chat-body {
        max-height: calc(100vh - 11.5rem);
    }
}

/* Standard responsive portal menu: desktop sidebar, mobile off-canvas drawer. */
.portal-mobile-brand,
.portal-mobile-toggle,
.portal-sidebar-backdrop {
    display: none;
}

.portal-mobile-brand {
    align-items: center;
    min-width: 0;
    text-decoration: none;
}

.portal-mobile-brand img {
    display: block;
    width: min(178px, 42vw);
    height: auto;
    filter: drop-shadow(0 10px 24px rgba(7, 116, 255, .16));
}

.portal-mobile-toggle {
    align-items: center;
    justify-content: center;
    gap: .52rem;
    min-height: 42px;
    padding: .54rem .82rem;
    border: 1px solid rgba(255, 255, 255, .14);
    border-radius: 999px;
    color: #f6f9ff;
    background:
        linear-gradient(135deg, rgba(7, 116, 255, .32), rgba(255, 192, 7, .1)),
        rgba(255, 255, 255, .06);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .12), 0 12px 30px rgba(0, 0, 0, .22);
    font-size: .82rem;
    font-weight: 900;
    cursor: pointer;
    transition: transform .16s ease, border-color .16s ease, background .16s ease;
}

.portal-mobile-toggle:hover,
.portal-mobile-toggle:focus-visible {
    transform: translateY(-1px);
    border-color: rgba(84, 214, 255, .36);
    outline: none;
    background:
        linear-gradient(135deg, rgba(7, 116, 255, .46), rgba(255, 192, 7, .14)),
        rgba(255, 255, 255, .08);
}

@media (max-width: 900px) {

    .portal-menu-lock,
    .portal-menu-lock body {
        overflow: hidden;
    }

    .portal-shell,
    .portal-shell.portal-sidebar-collapsed {
        display: block;
        min-height: 100vh;
        overflow-x: hidden;
    }

    .portal-mobile-brand,
    .portal-mobile-toggle {
        display: inline-flex;
    }

    .portal-sidebar-backdrop {
        position: fixed;
        inset: 0;
        z-index: 76;
        display: block;
        border: 0;
        opacity: 0;
        pointer-events: none;
        background: rgba(0, 0, 0, .58);
        backdrop-filter: blur(7px);
        transition: opacity .2s ease;
    }

    .portal-shell.portal-sidebar-open .portal-sidebar-backdrop {
        opacity: 1;
        pointer-events: auto;
    }

    .portal-sidebar,
    .portal-shell.portal-sidebar-collapsed .portal-sidebar {
        position: fixed;
        inset: 0 auto 0 0;
        z-index: 80;
        width: min(86vw, 326px);
        height: 100dvh;
        min-height: 100dvh;
        max-height: 100dvh;
        padding: 1rem .9rem;
        overflow-y: auto;
        overflow-x: hidden;
        transform: translateX(calc(-100% - 18px));
        transition: transform .22s ease, box-shadow .22s ease;
        border-right: 1px solid rgba(84, 214, 255, .18);
        box-shadow: none;
    }

    .portal-shell.portal-sidebar-open .portal-sidebar {
        transform: translateX(0);
        box-shadow: 26px 0 70px rgba(0, 0, 0, .42);
    }

    .portal-brand-row,
    .portal-shell.portal-sidebar-collapsed .portal-brand-row {
        grid-template-columns: minmax(0, 1fr);
        justify-items: start;
    }

    .portal-sidebar-toggle {
        display: none;
    }

    .portal-sidebar .brand,
    .portal-shell.portal-sidebar-collapsed .portal-sidebar .brand {
        display: flex;
        width: auto;
        height: auto;
        overflow: visible;
        border-radius: 0;
    }

    .portal-sidebar .brand-logo,
    .portal-shell.portal-sidebar-collapsed .portal-sidebar .brand-logo {
        width: min(230px, 100%);
        max-width: 100%;
        height: auto;
        transform: none;
    }

    .portal-account-card,
    .portal-shell.portal-sidebar-collapsed .portal-account-card {
        justify-items: start;
        padding: .78rem;
    }

    .portal-role-badge,
    .portal-shell.portal-sidebar-collapsed .portal-role-badge {
        width: fit-content;
        height: auto;
        justify-content: flex-start;
        padding: .34rem .54rem;
    }

    .portal-shell.portal-sidebar-collapsed .portal-role-badge span,
    .portal-shell.portal-sidebar-collapsed .portal-account-card strong,
    .portal-shell.portal-sidebar-collapsed .portal-account-card small,
    .portal-shell.portal-sidebar-collapsed .portal-sidebar nav a span {
        position: static;
        width: auto;
        height: auto;
        margin: 0;
        overflow: visible;
        clip: auto;
        white-space: normal;
    }

    .portal-sidebar nav,
    .portal-shell.portal-sidebar-collapsed .portal-sidebar nav {
        display: grid;
        grid-template-columns: 1fr;
        gap: .38rem;
        margin-top: 1rem;
    }

    .portal-sidebar nav a,
    .portal-shell.portal-sidebar-collapsed .portal-sidebar nav a {
        justify-content: flex-start;
        min-height: 44px;
        padding: .6rem .64rem;
        border-radius: 13px;
    }

    .portal-sidebar nav a i,
    .portal-shell.portal-sidebar-collapsed .portal-sidebar nav a i {
        width: 28px;
        height: 28px;
    }

    .portal-main {
        min-height: 100vh;
    }

    .portal-topbar {
        position: sticky;
        top: 0;
        z-index: 60;
        display: grid;
        grid-template-columns: auto minmax(0, 1fr) auto;
        align-items: center;
        gap: .72rem;
        min-height: auto;
        padding: .78rem .88rem;
    }

    .portal-topbar-title {
        min-width: 0;
    }

    .portal-topbar-title strong,
    .portal-topbar-title small {
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

    .portal-shell .topbar-actions {
        grid-column: 1 / -1;
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        justify-content: flex-start;
        width: 100%;
        gap: .5rem;
    }

    .portal-shell .topbar-actions form {
        width: auto;
    }

    .portal-shell .topbar-actions .button {
        width: auto;
        justify-self: auto;
    }

    .portal-topbar-search {
        flex: 1 1 260px;
        width: auto;
        max-width: none;
    }

    .portal-content {
        width: 100%;
        max-width: none;
        padding: clamp(.9rem, 3vw, 1.2rem);
    }
}

@media (max-width: 560px) {
    .portal-topbar {
        grid-template-columns: 1fr auto;
    }

    .portal-mobile-brand {
        grid-column: 1;
        grid-row: 1;
    }

    .portal-mobile-brand img {
        width: min(174px, 54vw);
    }

    .portal-mobile-toggle {
        grid-column: 2;
        grid-row: 1;
        padding-inline: .72rem;
    }

    .portal-topbar-title {
        display: none;
    }

    .portal-mobile-toggle span {
        display: none;
    }

    .portal-shell .topbar-actions {
        display: grid;
        grid-template-columns: 1fr 1fr;
    }

    .portal-topbar-search {
        grid-column: 1 / -1;
        width: 100%;
    }

    .portal-shell .topbar-actions form {
        width: 100%;
    }

    .portal-shell .topbar-actions .button,
    .portal-shell .topbar-actions form .button {
        width: 100%;
    }

    .portal-sidebar,
    .portal-shell.portal-sidebar-collapsed .portal-sidebar {
        width: min(92vw, 330px);
    }
}

/* Responsive card hardening across public pages, checkout/cart, and portal dashboards. */
:where(.glass-card,
    .portal-card,
    .form-panel,
    .table-card,
    .plan-card,
    .feature-card,
    .service-card,
    .service-summary-card,
    .portfolio-card,
    .domain-result-card,
    .domain-result-card-modern,
    .tld-card,
    .cart-item-card,
    .cart-items-table,
    .cart-item-row,
    .cart-item-row-main,
    .cart-item-row-copy,
    .cart-summary-panel,
    .cart-suggestion-card,
    .checkout-summary-card,
    .checkout-requirement-card,
    .dashboard-panel,
    .dashboard-kpi-card,
    .dashboard-queue-card,
    .dashboard-action-row,
    .portal-record-item,
    .hosting-plan-card,
    .hosting-related-card,
    .hosting-guide-card,
    .support-card,
    .process-step,
    .search-result-card,
    .notice-card,
    .hero-info-card) {
    min-width: 0;
    max-width: 100%;
}

:where(.glass-card,
    .portal-card,
    .form-panel,
    .plan-card,
    .feature-card,
    .service-summary-card,
    .domain-result-card,
    .cart-item-card,
    .cart-items-table,
    .cart-item-row,
    .cart-item-row-main,
    .cart-item-row-copy,
    .checkout-summary-card,
    .dashboard-panel,
    .portal-record-item) :where(h1, h2, h3, h4, p, li, small, strong, a) {
    min-width: 0;
    overflow-wrap: anywhere;
}

:where(.grid,
    .grid-2,
    .grid-3,
    .grid-4,
    .service-overview-grid,
    .service-products-grid,
    .hosting-category-grid,
    .hosting-plan-grid,
    .hosting-guide-grid,
    .hosting-related-grid,
    .domain-results-grid,
    .domain-process-grid,
    .domain-tld-grid,
    .cart-suggestion-grid,
    .dashboard-kpi-grid,
    .dashboard-queue-grid,
    .dashboard-record-grid,
    .dashboard-domain-strip,
    .superadmin-stat-grid,
    .superadmin-record-grid,
    .integration-status-grid,
    .search-result-grid,
    .payment-method-grid)>* {
    min-width: 0;
}

:where(.glass-card,
    .portal-card,
    .form-panel,
    .plan-card,
    .feature-card,
    .service-summary-card,
    .domain-result-card,
    .cart-item-card,
    .checkout-summary-card,
    .dashboard-panel) img,
:where(.glass-card,
    .portal-card,
    .form-panel,
    .plan-card,
    .feature-card,
    .service-summary-card,
    .domain-result-card,
    .cart-item-card,
    .checkout-summary-card,
    .dashboard-panel) svg {
    max-width: 100%;
    height: auto;
}

:where(.inline-actions,
    .portal-header-actions,
    .topbar-actions,
    .section-actions,
    .hero-actions,
    .checkout-submit-row,
    .cart-item-controls,
    .cart-suggestion-card .inline-actions,
    .domain-result-actions,
    .portal-filter-actions,
    .owner-record-actions,
    .owner-action-row) {
    min-width: 0;
}

@media (max-width: 980px) {

    :where(.contact-shell,
        .service-detail-panel,
        .service-detail-panel.is-reversed,
        .hosting-detail-section,
        .domain-search-layout,
        .domain-inquiry-layout,
        .checkout-shell,
        .cart-layout,
        .superadmin-hero,
        .error-panel,
        .dashboard-workspace-grid,
        .dashboard-body-grid,
        .admin-message-layout,
        .admin-order-layout) {
        grid-template-columns: 1fr !important;
    }

    .admin-order-metrics {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .checkout-summary-card,
    .cart-summary-panel {
        position: static;
        top: auto;
    }

    .footer-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 760px) {

    :where(.grid-2,
        .grid-3,
        .grid-4,
        .domain-results-grid,
        .domain-process-grid,
        .cart-suggestion-grid,
        .hosting-guide-grid,
        .hosting-related-grid,
        .dashboard-kpi-grid,
        .dashboard-queue-grid,
        .dashboard-record-grid,
        .dashboard-domain-strip,
        .superadmin-stat-grid,
        .superadmin-record-grid,
        .integration-status-grid,
        .search-result-grid,
        .payment-method-grid,
        .payment-method-grid-2,
        .domain-checklist-grid,
        .error-help-grid,
        .footer-grid) {
        grid-template-columns: 1fr !important;
    }

    :where(.glass-card,
        .portal-card,
        .form-panel,
        .domain-preview-card,
        .cart-item-card,
        .checkout-summary-card,
        .dashboard-panel,
        .hosting-category-block,
        .domain-page-search-card) {
        padding: clamp(.9rem, 4vw, 1.08rem);
        border-radius: 18px;
    }

    .table-card,
    .portal-table-card {
        padding: .8rem;
        overflow: visible;
        -webkit-overflow-scrolling: auto;
    }

    .table-card table,
    .portal-table-card table {
        display: block;
        width: 100%;
        min-width: 0;
        border-collapse: separate;
    }

    .table-card thead,
    .portal-table-card thead {
        position: absolute;
        width: 1px;
        height: 1px;
        margin: -1px;
        padding: 0;
        overflow: hidden;
        clip: rect(0, 0, 0, 0);
        white-space: nowrap;
        border: 0;
    }

    .table-card tbody,
    .portal-table-card tbody {
        display: grid;
        gap: .82rem;
        width: 100%;
    }

    .table-card tr,
    .portal-table-card tr {
        display: grid;
        gap: .62rem;
        width: 100%;
        padding: .95rem;
        border: 1px solid rgba(255, 255, 255, .1);
        border-radius: 16px;
        background:
            radial-gradient(circle at 0% 0%, rgba(7, 116, 255, .12), transparent 34%),
            linear-gradient(180deg, rgba(255, 255, 255, .072), rgba(255, 255, 255, .028));
        box-shadow: inset 0 1px 0 rgba(255, 255, 255, .08);
    }

    .table-card tr>form,
    .portal-table-card tr>form {
        display: grid;
        gap: .62rem;
        width: 100%;
    }

    .table-card td,
    .portal-table-card td {
        display: grid;
        grid-template-columns: minmax(6.8rem, .34fr) minmax(0, 1fr);
        gap: .75rem;
        align-items: start;
        width: 100%;
        min-width: 0;
        padding: 0;
        border-bottom: 0;
    }

    .table-card td::before,
    .portal-table-card td::before {
        content: attr(data-label);
        color: var(--muted-soft);
        font-size: .7rem;
        font-weight: 900;
        letter-spacing: .08em;
        line-height: 1.35;
        text-transform: uppercase;
    }

    .table-card td[colspan],
    .portal-table-card td[colspan] {
        display: block;
    }

    .table-card td[colspan]::before,
    .portal-table-card td[colspan]::before {
        content: none;
    }

    .table-card td>*,
    .portal-table-card td>* {
        min-width: 0;
    }

    .portal-table-card .portal-empty-state {
        width: 100%;
    }

    :where(.af-domain-advisory,
        .domain-empty-state,
        .domain-price-source-card,
        .checkout-panel-head,
        .checkout-requirement-card,
        .search-empty-state,
        .notice-card,
        .cart-empty-state,
        .cart-item-card,
        .search-result-card) {
        grid-template-columns: 1fr !important;
        align-items: start;
    }

    :where(.domain-suggested-heading,
        .hosting-category-heading,
        .dashboard-section-head,
        .superadmin-section-head,
        .record-card-title,
        .search-result-group-head,
        .checkout-submit-row) {
        align-items: flex-start;
        flex-direction: column;
    }

    .admin-order-summary-head {
        display: grid;
    }

    .admin-order-metrics {
        grid-template-columns: 1fr;
    }

    .hosting-category-heading {
        grid-template-columns: 1fr !important;
    }

    .hosting-category-meta {
        justify-content: flex-start;
    }

    .domain-result-topline,
    .tld-card-top {
        align-items: flex-start;
        flex-wrap: wrap;
    }

    .domain-price-line,
    .checkout-total-box {
        align-items: flex-start;
        flex-direction: column;
    }

    .af-domain-advisory .button,
    .domain-empty-state .button {
        width: 100%;
    }
}

@media (max-width: 560px) {
    .section {
        padding-top: 2.4rem;
        padding-bottom: 2.4rem;
    }

    .section-tight {
        padding-top: 1.8rem;
        padding-bottom: 1.8rem;
    }

    .section-band {
        padding-left: 1rem;
        padding-right: 1rem;
    }

    .page-hero {
        padding-top: 2.35rem;
        padding-bottom: 1.5rem;
    }

    :where(.glass-card,
        .portal-card,
        .form-panel,
        .domain-preview-card,
        .cart-item-card,
        .checkout-summary-card,
        .dashboard-panel,
        .domain-page-search-card) {
        border-radius: 16px;
    }

    :where(.inline-actions,
        .section-actions,
        .hero-actions,
        .checkout-submit-row,
        .domain-result-actions,
        .cart-suggestion-card .inline-actions,
        .portal-header-actions,
        .owner-record-actions,
        .owner-action-row,
        .site-chat-success-actions,
        .admin-message-action-form,
        .admin-message-archive-form) {
        display: grid;
        grid-template-columns: 1fr;
        width: 100%;
    }

    :where(.inline-actions,
        .section-actions,
        .hero-actions,
        .checkout-submit-row,
        .domain-result-actions,
        .cart-suggestion-card .inline-actions,
        .portal-header-actions,
        .owner-record-actions,
        .owner-action-row,
        .site-chat-success-actions,
        .admin-message-action-form,
        .admin-message-archive-form)> :where(a, button, form, .button) {
        width: 100%;
        max-width: 100%;
    }

    :where(.inline-actions,
        .section-actions,
        .hero-actions,
        .checkout-submit-row,
        .domain-result-actions,
        .cart-suggestion-card .inline-actions,
        .portal-header-actions,
        .owner-record-actions,
        .owner-action-row) form .button {
        width: 100%;
    }

    .checkout-summary-item {
        grid-template-columns: auto minmax(0, 1fr);
    }

    .checkout-summary-item>strong {
        grid-column: 2;
    }

    .card-icon,
    .checkout-panel-icon,
    .checkout-summary-icon,
    .cart-item-icon,
    .portal-record-item .record-icon {
        width: 40px;
        height: 40px;
        border-radius: 13px;
    }

    .price {
        flex-wrap: wrap;
    }

    .domain-renewal-line,
    .cart-term-static,
    .status-badge,
    .chip {
        white-space: normal;
    }
}

@media (hover: none) {

    :where(.glass-card,
        .plan-card,
        .portfolio-card,
        .domain-result-card,
        .cart-item-card,
        .cart-suggestion-card,
        .dashboard-kpi-card,
        .dashboard-queue-card,
        .dashboard-action-row,
        .hosting-feature-pill):hover {
        transform: none;
    }
}

.knowledge-hero .hero-actions,
.faq-hero .hero-actions {
    margin-top: 1.25rem;
}

.knowledge-hero .eyebrow,
.knowledge-topic-section .eyebrow,
.knowledge-category-section .eyebrow,
.knowledge-faq-preview .eyebrow,
.knowledge-article-page .eyebrow,
.announcement-article-page .eyebrow {
    width: fit-content;
    margin: 0 0 .7rem;
    vertical-align: top;
}

.knowledge-article-card .eyebrow {
    margin-bottom: .55rem;
}

.knowledge-search-card form {
    display: grid;
    gap: .72rem;
}

.knowledge-search-field {
    position: relative;
}

.knowledge-search-field i {
    position: absolute;
    left: 1rem;
    top: 50%;
    color: var(--gold);
    transform: translateY(-50%);
}

.knowledge-search-field input {
    width: 100%;
    padding-left: 2.75rem;
}

.knowledge-topic-grid,
.knowledge-category-grid,
.faq-section-grid {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 1rem;
}

.knowledge-category-grid,
.faq-section-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.knowledge-topic-card,
.knowledge-category-card,
.knowledge-article-card {
    display: grid;
    align-content: start;
    gap: .72rem;
    min-height: 100%;
}

.knowledge-topic-card>.eyebrow,
.knowledge-category-card>.eyebrow,
.knowledge-article-card>.eyebrow {
    justify-self: start;
    width: fit-content;
}

.announcement-feature-card,
.announcement-card {
    display: grid;
    gap: .72rem;
    align-content: start;
}

.announcement-feature-card {
    grid-template-columns: auto minmax(0, 1fr);
    width: 100%;
}

.announcement-card {
    grid-template-columns: auto minmax(0, 1fr);
}

.announcement-card-meta {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: .5rem;
    margin-bottom: .45rem;
}

.announcement-card-meta .eyebrow {
    margin-bottom: 0;
}

.announcement-date {
    color: var(--text-muted);
    font-size: .9rem;
    font-weight: 600;
}

.announcement-summary-list {
    display: flex;
    flex-wrap: wrap;
    gap: .55rem;
}

.announcement-summary-list .status-badge {
    white-space: nowrap;
}

.announcement-summary-label {
    display: inline-flex;
    align-items: center;
    gap: .42rem;
}

.announcement-summary-count {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 1.8rem;
    margin-left: .45rem;
    padding: .12rem .42rem;
    border-radius: 999px;
    background: rgba(255, 255, 255, .12);
    color: inherit;
    font-size: .76rem;
    font-weight: 950;
    line-height: 1;
}

.announcement-card--warning {
    border-color: rgba(255, 199, 0, .28);
}

.announcement-card--critical {
    border-color: rgba(255, 93, 108, .28);
}

.announcement-card--success {
    border-color: rgba(51, 211, 160, .28);
}

.announcement-card--update {
    border-color: rgba(84, 214, 255, .24);
}

.announcement-archive-grid {
    display: grid;
    grid-template-columns: 1fr;
    gap: .9rem;
    width: 100%;
}

.announcement-feature-card>div,
.announcement-card>*:not(.card-icon) {
    min-width: 0;
}

.announcement-card .eyebrow,
.announcement-feature-card .eyebrow {
    margin-bottom: .45rem;
}

.knowledge-topic-card p,
.knowledge-category-card p,
.knowledge-article-card p,
.announcement-card p,
.announcement-feature-card p,
.faq-item p {
    margin: 0;
}

.knowledge-category-card-head,
.faq-section-head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: .75rem;
}

.knowledge-mini-list {
    display: grid;
    gap: .42rem;
    margin: 0;
    padding-left: 1rem;
}

.knowledge-mini-list a:hover,
.text-link:hover {
    color: var(--gold);
}

.text-link {
    display: inline-flex;
    align-items: center;
    gap: .45rem;
    width: fit-content;
    color: #d8e8ff;
    font-weight: 900;
}

.faq-list {
    display: grid;
    gap: .72rem;
}

.faq-page-section .faq-list {
    gap: .6rem;
}

.faq-item {
    border: 1px solid rgba(255, 255, 255, .12);
    border-radius: 16px;
    background:
        linear-gradient(145deg, rgba(255, 255, 255, .075), rgba(255, 255, 255, .025)),
        rgba(4, 11, 24, .72);
    overflow: hidden;
}

.faq-item summary {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: .9rem;
    padding: 1rem;
    color: #fff;
    cursor: pointer;
    font-weight: 950;
    list-style: none;
}

.faq-item summary::-webkit-details-marker {
    display: none;
}

.faq-item summary i {
    color: var(--gold);
    transition: transform .18s ease;
}

.faq-item[open] summary i {
    transform: rotate(180deg);
}

.faq-item p {
    padding: 0 1rem 1rem;
}

.faq-section-card {
    display: grid;
    gap: 1rem;
}

.article-layout {
    display: grid;
    grid-template-columns: minmax(220px, 300px) minmax(0, 1fr);
    gap: 1.25rem;
    align-items: start;
}

.article-sidebar {
    position: sticky;
    top: 104px;
    display: grid;
    gap: .8rem;
}

.article-main {
    min-width: 0;
}

.article-main h1 {
    max-width: 920px;
}

.article-lead {
    max-width: 820px;
    font-size: 1.08rem;
}

.article-date {
    display: inline-block;
    margin-bottom: 1rem;
    color: var(--muted-soft);
    font-size: .84rem;
    font-weight: 800;
}

.article-content {
    color: #d8e8ff;
    font-size: 1rem;
    line-height: 1.85;
    white-space: normal;
}

.knowledge-article-list {
    gap: .9rem;
}

@media (max-width: 980px) {

    .knowledge-topic-grid,
    .knowledge-category-grid,
    .faq-section-grid,
    .article-layout {
        grid-template-columns: 1fr;
    }

    .article-sidebar {
        position: static;
    }
}

@media (max-width: 640px) {
    .faq-item summary {
        align-items: flex-start;
        padding: .9rem;
    }

    .faq-item p {
        padding: 0 .9rem .9rem;
    }
}

.portal-shell .content-section-card {
    display: grid;
    gap: clamp(.85rem, 1.5vw, 1.05rem);
    padding: clamp(1rem, 1.8vw, 1.25rem);
    border: 1px solid rgba(255, 255, 255, .105);
    border-radius: 20px;
    background:
        linear-gradient(145deg, rgba(255, 255, 255, .075), rgba(255, 255, 255, .026) 48%, rgba(7, 116, 255, .035)),
        rgba(4, 11, 24, .76);
    box-shadow: 0 20px 60px rgba(0, 0, 0, .26), inset 0 1px 0 rgba(255, 255, 255, .08);
}

.content-section-heading {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 1rem;
    min-width: 0;
    padding-bottom: .75rem;
    border-bottom: 1px solid rgba(255, 255, 255, .075);
}

.content-section-heading>div {
    display: grid;
    gap: .24rem;
    min-width: 0;
}

.content-section-heading h2 {
    margin: 0;
    color: #fff;
    font-size: clamp(1.02rem, 1.45vw, 1.22rem);
    line-height: 1.25;
}

.content-section-heading p {
    max-width: 700px;
    margin: 0;
    color: #a8b8ce;
    font-size: .86rem;
    line-height: 1.55;
}

.content-stat-strip {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(170px, 1fr));
    gap: .7rem;
}

.content-stat-strip span {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: .75rem;
    min-height: 58px;
    padding: .75rem .88rem;
    border: 1px solid rgba(255, 255, 255, .095);
    border-radius: 16px;
    color: #b9c7da;
    font-size: .82rem;
    font-weight: 900;
    background:
        linear-gradient(145deg, rgba(255, 255, 255, .07), rgba(255, 255, 255, .025)),
        rgba(6, 16, 34, .66);
}

.content-stat-strip strong {
    color: #fff;
    font-size: 1.3rem;
    line-height: 1;
}

.content-split-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: .85rem;
    align-items: start;
}

.content-editor-card,
.content-record-card {
    min-width: 0;
    overflow: hidden;
    border: 1px solid rgba(255, 255, 255, .105);
    border-radius: 18px;
    background:
        linear-gradient(145deg, rgba(255, 255, 255, .08), rgba(255, 255, 255, .024) 52%, rgba(255, 192, 7, .026)),
        rgba(5, 13, 27, .78);
    box-shadow: 0 14px 42px rgba(0, 0, 0, .22), inset 0 1px 0 rgba(255, 255, 255, .08);
}

.content-editor-card summary,
.content-record-card summary {
    display: grid;
    align-items: center;
    gap: .82rem;
    min-width: 0;
    min-height: 74px;
    padding: .88rem;
    cursor: pointer;
    list-style: none;
}

.content-editor-card summary {
    grid-template-columns: auto minmax(0, 1fr) auto;
}

.content-record-card summary {
    grid-template-columns: auto minmax(0, 1fr) auto auto;
}

.content-editor-card summary::-webkit-details-marker,
.content-record-card summary::-webkit-details-marker {
    display: none;
}

.content-editor-card summary>span,
.content-record-icon {
    display: grid;
    place-items: center;
    width: 42px;
    height: 42px;
    border: 1px solid rgba(255, 192, 7, .24);
    border-radius: 14px;
    color: var(--gold);
    background: rgba(255, 192, 7, .075);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .12);
}

.content-editor-card summary>div,
.content-record-card summary>div {
    display: grid;
    gap: .18rem;
    min-width: 0;
}

.content-editor-card summary strong,
.content-record-card summary strong {
    overflow: hidden;
    color: #fff;
    font-size: .98rem;
    line-height: 1.28;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.content-editor-card summary small,
.content-record-card summary small {
    overflow: hidden;
    color: #9fb0c6;
    font-size: .8rem;
    line-height: 1.42;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.content-editor-card summary>i,
.content-record-card summary>i {
    display: grid;
    place-items: center;
    width: 34px;
    height: 34px;
    border: 1px solid rgba(255, 255, 255, .12);
    border-radius: 999px;
    color: #d8e8ff;
    background: rgba(255, 255, 255, .035);
    transition: transform .16s ease, border-color .16s ease, color .16s ease;
}

.content-editor-card[open] summary>i,
.content-record-card[open] summary>i {
    color: var(--gold);
    border-color: rgba(255, 192, 7, .28);
    transform: rotate(180deg);
}

.content-editor-body {
    display: grid;
    gap: .85rem;
    padding: .95rem;
    border-top: 1px solid rgba(255, 255, 255, .075);
}

.content-editor-body label:not(.checkbox-line) {
    display: block;
    margin: 0 0 .28rem;
    color: #aebdd0;
    font-size: .72rem;
    font-weight: 950;
    letter-spacing: .05em;
    text-transform: uppercase;
}

.content-editor-body input,
.content-editor-body select,
.content-editor-body textarea {
    width: 100%;
}

.content-record-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: .82rem;
    align-items: start;
}

.content-record-grid-single {
    grid-template-columns: minmax(0, 1fr);
}

.content-record-card .status-badge {
    justify-self: end;
    white-space: nowrap;
}

.content-record-actions {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: .55rem;
    padding: 0 .95rem .95rem;
}

.content-record-actions form {
    margin: 0;
}

.portal-shell .content-record-actions .button,
.portal-shell .content-editor-body .button {
    width: fit-content;
    max-width: 100%;
}

@media (max-width: 980px) {

    .content-split-grid,
    .content-record-grid {
        grid-template-columns: 1fr;
    }

    .content-section-heading {
        align-items: flex-start;
        flex-direction: column;
    }
}

@media (max-width: 640px) {
    .portal-shell .content-section-card {
        padding: .85rem;
        border-radius: 16px;
    }

    .content-editor-card summary,
    .content-record-card summary {
        align-items: start;
        grid-template-columns: auto minmax(0, 1fr) auto;
        min-height: auto;
        padding: .78rem;
    }

    .content-record-card summary .status-badge {
        grid-column: 2 / -1;
        justify-self: start;
    }

    .content-editor-card summary strong,
    .content-record-card summary strong,
    .content-editor-card summary small,
    .content-record-card summary small {
        white-space: normal;
    }

    .content-record-actions {
        align-items: stretch;
        flex-direction: column;
        padding: 0 .78rem .78rem;
    }

    .portal-shell .content-record-actions .button,
    .portal-shell .content-record-actions form,
    .portal-shell .content-editor-body .button {
        width: 100%;
    }
}

.customer-domain-kpis {
    margin-bottom: 1.25rem;
}

.customer-domain-grid,
.customer-domain-detail-grid,
.customer-domain-management-layout {
    display: grid;
    gap: 1rem;
}

.customer-domain-grid {
    grid-template-columns: minmax(0, 1fr);
}

.customer-domain-detail-grid,
.customer-domain-management-layout {
    grid-template-columns: minmax(0, 1.45fr) minmax(300px, .55fr);
    align-items: start;
}

.customer-domain-detail-grid {
    grid-template-columns: minmax(0, 1fr);
}

.customer-domain-card,
.customer-domain-overview-card,
.customer-domain-guidance-card,
.customer-domain-request-card,
.customer-domain-status-card,
.customer-domain-history-card,
.admin-domain-management-requests {
    position: relative;
    overflow: hidden;
}

.customer-domain-card::before,
.customer-domain-overview-card::before,
.customer-domain-request-card::before {
    content: "";
    position: absolute;
    inset: 0;
    pointer-events: none;
    background:
        radial-gradient(circle at 12% 0%, rgba(7, 116, 255, .18), transparent 34%),
        radial-gradient(circle at 92% 14%, rgba(255, 192, 7, .13), transparent 30%);
    opacity: .85;
}

.customer-domain-card>*,
.customer-domain-overview-card>*,
.customer-domain-request-card>* {
    position: relative;
    z-index: 1;
}

.customer-domain-card-head {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 1rem;
    margin-bottom: 1rem;
}

.customer-domain-card-head h2 {
    margin: .52rem 0 .25rem;
    color: #fff;
    font-size: clamp(1.15rem, 1.7vw, 1.55rem);
    line-height: 1.18;
    overflow-wrap: anywhere;
}

.customer-domain-card-head p,
.customer-domain-note,
.customer-domain-guidance-card p,
.customer-domain-status-card p {
    margin: 0;
    color: #b8c8dc;
    line-height: 1.62;
}

.customer-domain-icon {
    display: grid;
    flex: 0 0 auto;
    place-items: center;
    width: 52px;
    height: 52px;
    border: 1px solid rgba(84, 214, 255, .24);
    border-radius: 18px;
    color: #54d6ff;
    background: rgba(84, 214, 255, .08);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .14), 0 16px 38px rgba(7, 116, 255, .16);
}

.customer-domain-facts {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: .72rem;
    margin: 1rem 0;
}

.customer-domain-facts.large {
    grid-template-columns: repeat(4, minmax(0, 1fr));
}

.customer-domain-facts.wide {
    grid-template-columns: repeat(5, minmax(0, 1fr));
}

.customer-domain-facts div {
    min-width: 0;
    padding: .72rem;
    border: 1px solid rgba(255, 255, 255, .08);
    border-radius: 16px;
    background: rgba(255, 255, 255, .035);
}

.customer-domain-facts span {
    display: block;
    color: #8fa2ba;
    font-size: .72rem;
    font-weight: 900;
    letter-spacing: .04em;
    text-transform: uppercase;
}

.customer-domain-facts strong {
    display: block;
    margin-top: .28rem;
    overflow: hidden;
    color: #fff;
    font-size: .9rem;
    line-height: 1.35;
    text-overflow: ellipsis;
}

.customer-domain-actions {
    display: flex;
    justify-content: flex-start;
    margin-top: 1rem;
}

.portal-shell .customer-domain-actions .button,
.portal-shell .customer-domain-request-form .button,
.customer-domain-empty .button {
    width: fit-content;
    max-width: 100%;
}

.customer-domain-empty {
    grid-column: 1 / -1;
}

.customer-domain-request-form,
.customer-domain-side-stack {
    display: grid;
    gap: 1rem;
    align-items: start;
}

.customer-domain-side-stack {
    grid-template-columns: minmax(0, 1fr);
}

.customer-domain-wide-card {
    grid-column: 1 / -1;
}

.customer-domain-side-grid {
    display: grid;
    grid-column: 1 / -1;
    gap: 1rem;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    align-items: start;
}

.customer-domain-side-column {
    display: grid;
    gap: 1rem;
    align-self: start;
}

.customer-domain-fieldset {
    display: grid;
    gap: .72rem;
    padding: .9rem;
    border: 1px solid rgba(255, 255, 255, .09);
    border-radius: 18px;
    background: rgba(255, 255, 255, .035);
}

.customer-domain-nameserver-grid {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: .72rem;
    align-items: start;
}

.customer-domain-option-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: .72rem;
    align-items: end;
}

.customer-domain-option {
    display: flex;
    align-items: center;
    gap: .62rem;
    min-height: 48px;
    padding: .72rem .82rem;
    border: 1px solid rgba(255, 255, 255, .1);
    border-radius: 16px;
    color: #eef6ff;
    background: rgba(255, 255, 255, .04);
    cursor: pointer;
}

.customer-domain-option input {
    width: 18px;
    height: 18px;
    accent-color: var(--gold);
}

.customer-domain-option span {
    display: inline-flex;
    align-items: center;
    gap: .5rem;
    font-size: .9rem;
    font-weight: 850;
}

.customer-domain-option i {
    color: var(--gold);
}

.form-error {
    display: block;
    margin-top: .35rem;
    color: #ffb4b4;
    font-size: .78rem;
    font-weight: 800;
}

@media (max-width: 1180px) {

    .customer-domain-grid,
    .customer-domain-detail-grid,
    .customer-domain-management-layout {
        grid-template-columns: 1fr;
    }

    .customer-domain-facts.wide {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .customer-domain-facts.large {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .customer-domain-nameserver-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .customer-domain-side-grid {
        grid-template-columns: 1fr;
    }

    .customer-domain-side-stack {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 760px) {

    .customer-domain-facts,
    .customer-domain-facts.wide,
    .customer-domain-facts.large,
    .customer-domain-nameserver-grid,
    .customer-domain-option-grid {
        grid-template-columns: 1fr;
    }

    .customer-domain-side-grid {
        grid-template-columns: 1fr;
    }

    .customer-domain-card-head {
        align-items: flex-start;
        flex-direction: column-reverse;
    }

    .customer-domain-side-stack {
        grid-template-columns: 1fr;
    }

    .customer-domain-icon {
        width: 46px;
        height: 46px;
        border-radius: 15px;
    }

    .customer-domain-actions,
    .portal-shell .customer-domain-actions .button,
    .portal-shell .customer-domain-request-form .button,
    .customer-domain-empty .button {
        width: 100%;
    }
}

/* Canonical dashboard navigation and content spacing. */
.portal-shell {
    --portal-sidebar-width: 292px;
    --portal-sidebar-collapsed-width: 92px;
    display: grid;
    grid-template-columns: var(--portal-sidebar-width) minmax(0, 1fr);
    min-height: 100vh;
    overflow-x: clip;
}

.portal-sidebar {
    position: sticky;
    top: 0;
    z-index: 40;
    display: flex;
    flex-direction: column;
    height: 100vh;
    min-height: 0;
    max-height: 100vh;
    padding: 1rem .9rem;
    overflow-x: hidden;
    overflow-y: auto;
}

.portal-sidebar-head {
    flex: 0 0 auto;
}

.portal-sidebar nav {
    display: grid;
    grid-template-columns: 1fr;
    gap: .38rem;
    margin-top: 1rem;
}

.portal-nav-section {
    display: grid;
    gap: .34rem;
    min-width: 0;
}

.portal-nav-section+.portal-nav-section {
    margin-top: .66rem;
    padding-top: .66rem;
    border-top: 1px solid rgba(255, 255, 255, .075);
}

.portal-nav-heading {
    display: block;
    min-width: 0;
    padding: .08rem .62rem .16rem;
    overflow: hidden;
    color: #7f91aa;
    font-size: .66rem;
    font-weight: 950;
    letter-spacing: .08em;
    line-height: 1.2;
    text-overflow: ellipsis;
    text-transform: uppercase;
    white-space: nowrap;
}

.portal-sidebar nav a {
    display: grid;
    grid-template-columns: 34px minmax(0, 1fr);
    align-items: center;
    gap: .66rem;
    min-width: 0;
    min-height: 44px;
    padding: .58rem .64rem;
    border-radius: 14px;
    line-height: 1.25;
}

.portal-sidebar nav a span {
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.portal-sidebar nav a i {
    display: grid;
    place-items: center;
    width: 32px;
    height: 32px;
    margin: 0;
}

.portal-main {
    min-width: 0;
    width: 100%;
}

.portal-topbar {
    position: sticky;
    top: 0;
    z-index: 35;
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    align-items: center;
    gap: .85rem 1rem;
    min-height: 78px;
    padding: .82rem clamp(1rem, 2vw, 1.45rem);
}

.portal-topbar-title {
    min-width: 0;
}

.portal-topbar-title strong,
.portal-topbar-title small {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.portal-shell .topbar-actions {
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
    justify-content: flex-end;
    gap: .58rem;
    min-width: 0;
}

.portal-shell .topbar-actions form {
    flex: 0 0 auto;
}

.portal-shell .topbar-actions .button {
    white-space: nowrap;
}

.portal-topbar-search {
    min-width: min(340px, 100%);
}

.portal-content {
    width: min(100%, 1520px);
    max-width: 1520px;
    margin: 0 auto;
    padding: clamp(1rem, 2vw, 1.5rem);
    gap: clamp(1rem, 1.8vw, 1.25rem);
}

.portal-page-header {
    margin: 0;
    padding: 0 0 .55rem;
}

@media (min-width: 761px) {
    .portal-shell.portal-sidebar-collapsed {
        grid-template-columns: var(--portal-sidebar-collapsed-width) minmax(0, 1fr);
    }

    .portal-sidebar-collapsed .portal-sidebar nav a {
        grid-template-columns: 1fr;
        justify-items: center;
        padding: .5rem;
    }

    .portal-sidebar-collapsed .portal-nav-heading {
        position: absolute;
        width: 1px;
        height: 1px;
        margin: -1px;
        overflow: hidden;
        clip: rect(0, 0, 0, 0);
        white-space: nowrap;
    }

    .portal-sidebar-collapsed .portal-nav-section+.portal-nav-section {
        margin-top: .52rem;
        padding-top: .52rem;
    }
}

@media (max-width: 1180px) and (min-width: 901px) {
    .portal-topbar {
        grid-template-columns: minmax(0, 1fr);
    }

    .portal-shell .topbar-actions {
        justify-content: flex-start;
    }
}

@media (max-width: 900px) {

    .portal-menu-lock,
    .portal-menu-lock body {
        overflow: hidden;
    }

    .portal-shell,
    .portal-shell.portal-sidebar-collapsed {
        display: block;
        min-height: 100vh;
        overflow-x: hidden;
    }

    .portal-main {
        min-height: 100vh;
    }

    .portal-mobile-brand,
    .portal-mobile-toggle {
        display: inline-flex;
    }

    .portal-topbar {
        grid-template-columns: auto minmax(0, 1fr) auto;
        gap: .7rem;
        min-height: 68px;
        padding: .68rem .88rem;
    }

    .portal-shell .topbar-actions {
        grid-column: 1 / -1;
        justify-content: flex-start;
        width: 100%;
        gap: .5rem;
    }

    .portal-shell .topbar-actions .account-menu {
        width: 100%;
    }

    .portal-topbar-search {
        flex: 1 1 260px;
        width: auto;
        min-width: 0;
        max-width: none;
    }

    .portal-sidebar,
    .portal-shell.portal-sidebar-collapsed .portal-sidebar {
        position: fixed;
        inset: 0 auto 0 0;
        z-index: 80;
        width: min(86vw, 326px);
        height: 100dvh;
        min-height: 100dvh;
        max-height: 100dvh;
        padding: 1rem .9rem;
        overflow-x: hidden;
        overflow-y: auto;
        pointer-events: none;
        visibility: hidden;
        transform: translateX(calc(-100% - 18px));
        transition: transform .22s ease, visibility .22s ease, box-shadow .22s ease;
    }

    .portal-shell.portal-sidebar-open .portal-sidebar {
        pointer-events: auto;
        visibility: visible;
        transform: translateX(0);
        box-shadow: 26px 0 70px rgba(0, 0, 0, .42);
    }

    .portal-sidebar nav,
    .portal-shell.portal-sidebar-collapsed .portal-sidebar nav {
        grid-template-columns: 1fr;
    }

    .portal-nav-heading,
    .portal-shell.portal-sidebar-collapsed .portal-nav-heading {
        position: static;
        width: auto;
        height: auto;
        margin: 0;
        overflow: hidden;
        clip: auto;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

    .portal-sidebar nav a,
    .portal-shell.portal-sidebar-collapsed .portal-sidebar nav a {
        grid-template-columns: 34px minmax(0, 1fr);
        justify-items: stretch;
        min-height: 48px;
    }

    .portal-sidebar nav a span,
    .portal-shell.portal-sidebar-collapsed .portal-sidebar nav a span {
        position: static;
        width: auto;
        height: auto;
        margin: 0;
        overflow: hidden;
        clip: auto;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

    .portal-sidebar-backdrop {
        position: fixed;
        inset: 0;
        z-index: 76;
        display: block;
        border: 0;
        opacity: 0;
        pointer-events: none;
        visibility: hidden;
        background: rgba(0, 0, 0, .58);
        backdrop-filter: blur(7px);
        transition: opacity .2s ease, visibility .2s ease;
    }

    .portal-shell.portal-sidebar-open .portal-sidebar-backdrop {
        opacity: 1;
        pointer-events: auto;
        visibility: visible;
    }

    .portal-content {
        width: 100%;
        max-width: none;
        padding: clamp(.85rem, 3vw, 1.15rem);
    }
}

@media (max-width: 560px) {
    .portal-topbar {
        grid-template-columns: minmax(0, 1fr) auto;
    }

    .portal-mobile-brand {
        grid-column: 1;
        grid-row: 1;
    }

    .portal-mobile-toggle {
        grid-column: 2;
        grid-row: 1;
    }

    .portal-topbar-title {
        display: none;
    }

    .portal-mobile-toggle span {
        display: none;
    }

    .portal-shell .topbar-actions {
        display: grid;
        grid-template-columns: 1fr 1fr;
    }

    .portal-shell .topbar-actions .account-menu-toggle {
        width: 100%;
        max-width: none;
    }

    .portal-shell .topbar-actions .account-menu-panel {
        position: static;
        width: 100%;
        margin-top: .45rem;
    }

    .portal-topbar-search,
    .portal-shell .topbar-actions form,
    .portal-shell .topbar-actions .button,
    .portal-shell .topbar-actions form .button {
        width: 100%;
    }

    .portal-topbar-search {
        grid-column: 1 / -1;
    }

    .portal-sidebar,
    .portal-shell.portal-sidebar-collapsed .portal-sidebar {
        width: min(92vw, 330px);
    }
}

/* Customer portal ordering, domain search, and DNS workspace. */
.customer-order-kpis,
.customer-domain-results-actions {
    margin-top: 1rem;
}

.customer-order-section,
.customer-domain-search-card,
.customer-dns-zone-card {
    display: grid;
    gap: 1rem;
    width: 100%;
}

.customer-order-form,
.customer-domain-search-form,
.customer-dns-zone-form {
    display: grid;
    gap: .82rem;
}

.hosting-domain-field {
    width: 100%;
    min-height: 42px;
}

.customer-hosting-card {
    display: grid;
    align-content: start;
    gap: .82rem;
}

.customer-domain-tld-picker {
    display: flex;
    flex-wrap: wrap;
    gap: .5rem;
}

.customer-domain-tld-picker label {
    cursor: pointer;
}

.customer-domain-tld-picker input {
    position: absolute;
    opacity: 0;
    pointer-events: none;
}

.customer-domain-tld-picker span {
    display: inline-flex;
    align-items: center;
    min-height: 38px;
    padding: .5rem .72rem;
    border: 1px solid rgba(255, 255, 255, .11);
    border-radius: 999px;
    color: #dceaff;
    background: rgba(255, 255, 255, .045);
    font-size: .82rem;
    font-weight: 900;
}

.customer-domain-tld-picker input:checked+span {
    color: #06101d;
    border-color: rgba(255, 192, 7, .55);
    background: linear-gradient(135deg, var(--gold), #ffe17a);
}

.customer-domain-results {
    display: grid;
    gap: .9rem;
}

.customer-domain-results.home-domain-results {
    width: 100%;
    max-width: none;
    margin: .9rem 0 0;
}

.customer-domain-section {
    display: grid;
    gap: 1rem;
    align-content: start;
    justify-items: stretch;
    width: 100%;
    max-width: none;
    margin: 0;
    padding: .15rem 0 0;
}

.customer-domain-shell {
    display: grid;
    gap: .95rem;
    width: 100%;
    max-width: none;
}

.customer-domain-search-panel {
    display: grid;
    gap: .95rem;
    width: 100%;
    max-width: none;
    margin: 0;
    padding: 0;
    border: 0;
    border-radius: 0;
    background: transparent;
    box-shadow: none;
    backdrop-filter: none;
    -webkit-backdrop-filter: none;
    overflow: visible;
}

.customer-domain-search-panel::before,
.customer-domain-search-panel::after {
    content: none;
    display: none;
}

.customer-domain-search-panel form {
    width: 100%;
    max-width: none;
    margin: 0;
}

.customer-domain-search-panel form {
    width: 100%;
    max-width: none;
    margin: 0;
}

.customer-domain-section .domain-form-heading {
    justify-content: flex-start;
    width: fit-content;
    margin: 0 0 .78rem;
}

.customer-domain-section .domain-action-toggle {
    width: min(370px, 100%);
    margin: 0 0 .9rem;
}

.customer-domain-section .domain-action-option {
    display: block;
    margin: 0;
    padding: 0;
    cursor: pointer;
    color: inherit;
    font-size: inherit;
}

.customer-domain-section .domain-action-option span {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: .46rem;
    width: 100%;
    min-height: 40px;
    padding: .52rem .9rem;
    border: 1px solid transparent;
    border-radius: 999px;
    color: #cfe0f7;
    font-size: .84rem;
    font-weight: 900;
    letter-spacing: .01em;
    transition: color .16s ease, background .16s ease, border-color .16s ease, box-shadow .16s ease, transform .16s ease;
}

.customer-domain-section .domain-action-option span i {
    color: var(--gold);
    transition: color .16s ease;
}

.customer-domain-section .domain-action-option:hover span {
    color: #fff;
    background: rgba(255, 255, 255, .055);
    border-color: rgba(255, 255, 255, .1);
}

.customer-domain-section .domain-action-option input:checked+span {
    color: #fff;
    transform: translateY(-1px);
    border-color: rgba(84, 214, 255, .36);
    background:
        linear-gradient(135deg, rgba(7, 116, 255, .86), rgba(84, 214, 255, .3)),
        rgba(255, 255, 255, .08);
    box-shadow: 0 14px 28px rgba(7, 116, 255, .24), inset 0 1px 0 rgba(255, 255, 255, .24);
}

.customer-domain-section .domain-action-option input:checked+span i {
    color: #fff2b8;
}

.customer-domain-section .domain-action-option input:focus-visible+span {
    outline: 3px solid rgba(255, 192, 7, .34);
    outline-offset: 3px;
}

.customer-domain-section .domain-preview-row {
    width: 100%;
    grid-template-columns: minmax(0, 1fr) clamp(174px, 18vw, 220px);
    gap: .7rem;
}

.customer-domain-section .domain-input-shell {
    min-height: 56px;
    padding: 0 1.05rem;
    border-color: rgba(255, 255, 255, .08);
    background:
        linear-gradient(180deg, rgba(255, 255, 255, .035), rgba(255, 255, 255, .015)),
        rgba(0, 4, 12, .52);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .06);
}

.customer-domain-section .domain-input-shell:focus-within {
    border-color: rgba(255, 192, 7, .3);
    background:
        linear-gradient(180deg, rgba(255, 255, 255, .045), rgba(255, 255, 255, .018)),
        rgba(0, 4, 12, .64);
    box-shadow: 0 0 0 4px rgba(7, 116, 255, .08), inset 0 1px 0 rgba(255, 255, 255, .08);
}

.customer-domain-section .domain-input-shell i {
    border-color: rgba(255, 192, 7, .22);
    background:
        linear-gradient(145deg, rgba(255, 255, 255, .1), rgba(255, 255, 255, .035)),
        rgba(255, 192, 7, .06);
}

.customer-domain-section .domain-input-shell input {
    min-height: 56px;
    font-size: 1.04rem;
    font-weight: 760;
}

.customer-domain-section .domain-search-button,
.customer-domain-section .domain-search-button:hover,
.customer-domain-section .domain-search-button:focus-visible {
    width: 100%;
    min-width: 0;
    justify-self: stretch;
    transform: none !important;
}

.customer-domain-section .domain-search-button {
    min-height: 56px;
    padding-inline: 1.28rem;
    border-radius: 999px;
    border: 1px solid rgba(255, 255, 255, .2);
    background:
        linear-gradient(135deg, #0a65ee, #0774ff 48%, #33aaff);
    box-shadow:
        0 18px 38px rgba(7, 116, 255, .32),
        inset 0 1px 0 rgba(255, 255, 255, .28),
        inset 0 -1px 0 rgba(0, 0, 0, .14);
}

.customer-domain-section .domain-search-button:hover {
    box-shadow:
        0 18px 40px rgba(7, 116, 255, .36),
        inset 0 1px 0 rgba(255, 255, 255, .28);
}

.customer-domain-section .domain-search-alert {
    max-width: none;
}

.customer-domain-section .customer-domain-results {
    width: 100%;
    max-width: none;
}

.customer-domain-results .domain-results-heading {
    text-align: left;
}

.customer-domain-results .domain-results-heading .eyebrow,
.customer-domain-results .domain-results-heading p {
    margin-left: 0;
    margin-right: 0;
}

.customer-domain-results .domain-results-heading p {
    max-width: none;
}

.customer-domain-results .domain-suggested-heading {
    align-items: center;
}

.customer-domain-results .domain-suggested-heading span,
.customer-domain-results .domain-suggested-heading small {
    text-align: left;
}

.customer-domain-results .domain-results-foot {
    justify-content: flex-start;
}

.domain-results-board {
    display: grid;
    gap: 1rem;
    width: 100%;
}

.domain-results-registrar-grid {
    display: grid;
    grid-template-columns: 1fr;
    gap: .95rem;
    width: 100%;
}

.domain-result-registrar-card {
    display: grid;
    gap: .9rem;
    align-content: start;
    min-width: 0;
    min-height: 100%;
    padding: 1.15rem 1.2rem;
    border-color: rgba(84, 214, 255, .16);
    background:
        radial-gradient(circle at 14% 0%, rgba(7, 116, 255, .14), transparent 30%),
        radial-gradient(circle at 90% 100%, rgba(255, 192, 7, .08), transparent 28%),
        linear-gradient(145deg, rgba(255, 255, 255, .13), rgba(255, 255, 255, .055) 42%, rgba(7, 116, 255, .06));
}

.domain-result-registrar-card-grid {
    display: grid;
    grid-template-columns: minmax(0, 1.7fr) minmax(120px, .74fr) minmax(170px, .9fr) minmax(120px, .56fr) minmax(190px, .98fr);
    gap: .9rem 1rem;
    align-items: center;
    width: 100%;
}

.domain-result-registrar-card-domain {
    display: grid;
    gap: .28rem;
    min-width: 0;
}

.domain-result-registrar-card-domain h3 {
    margin: 0;
    color: #f7fbff;
    font-size: clamp(1.3rem, 2.15vw, 1.78rem);
    line-height: 1.14;
    word-break: break-word;
}

.domain-result-registrar-card-domain p {
    margin: 0;
    color: var(--muted-soft);
    font-size: .92rem;
    line-height: 1.5;
}

.domain-result-registrar-card-metric {
    display: grid;
    gap: .28rem;
    min-width: 0;
}

.domain-result-registrar-card-metric>span {
    color: #aab8cb;
    font-size: .68rem;
    font-weight: 950;
    letter-spacing: .08em;
    text-transform: uppercase;
}

.domain-result-registrar-card-metric>strong {
    color: #f7fbff;
    font-size: 1.05rem;
    line-height: 1.2;
}

.domain-result-registrar-card-pricing>strong {
    font-size: 1.12rem;
}

.domain-result-registrar-card-metric small {
    color: var(--muted-soft);
    font-size: .76rem;
    line-height: 1.35;
}

.domain-result-registrar-card-term select {
    width: 100%;
    min-height: 44px;
    padding: .66rem .78rem;
    font-size: .84rem;
}

.domain-result-registrar-static {
    display: inline-flex;
    align-items: center;
    width: 100%;
    min-height: 44px;
    padding: .66rem .78rem;
    border: 1px solid rgba(255, 255, 255, .09);
    border-radius: 14px;
    background: rgba(255, 255, 255, .03);
    color: #dbe8fb;
    font-size: .84rem;
    font-weight: 800;
    line-height: 1.3;
}

.domain-result-registrar-form {
    display: grid;
    gap: .6rem;
    width: 100%;
}

.domain-result-registrar-button {
    width: 100%;
    min-height: 44px;
    justify-content: center;
}

.domain-transfer-details {
    display: grid;
    gap: .55rem;
    padding: .72rem .76rem;
    border: 1px solid rgba(84, 214, 255, .14);
    border-radius: 16px;
    background:
        linear-gradient(145deg, rgba(255, 255, 255, .07), rgba(255, 255, 255, .03)),
        rgba(2, 8, 18, .56);
}

.domain-transfer-details summary {
    display: inline-flex;
    align-items: center;
    gap: .45rem;
    color: #fff;
    font-size: .76rem;
    font-weight: 950;
    letter-spacing: .05em;
    text-transform: uppercase;
    cursor: pointer;
    list-style: none;
}

.domain-transfer-details summary::-webkit-details-marker {
    display: none;
}

.domain-transfer-details-body {
    padding-top: .55rem;
}

.domain-transfer-details .domain-transfer-fields {
    padding: 0;
    border: 0;
    background: transparent;
    box-shadow: none;
}

.domain-transfer-details .domain-transfer-fields-compact {
    padding: 0;
}

.domain-transfer-details .domain-transfer-fields-head strong {
    font-size: .8rem;
}

.domain-transfer-details .domain-transfer-fields p {
    font-size: .8rem;
}

.domain-transfer-details .domain-transfer-fields label {
    font-size: .76rem;
}

.domain-transfer-details .domain-transfer-fields input[type="password"] {
    min-height: 42px;
    padding: .64rem .78rem;
}

.domain-transfer-details .domain-transfer-confirm {
    padding: .56rem .68rem;
}

.domain-transfer-details .domain-transfer-confirm span {
    font-size: .78rem;
}

@media (max-width: 1180px) {
    .domain-result-registrar-card-grid {
        grid-template-columns: minmax(0, 1.5fr) minmax(110px, .66fr) minmax(160px, .86fr) minmax(112px, .54fr) minmax(180px, .92fr);
    }
}

@media (max-width: 980px) {
    .domain-results-registrar-grid {
        grid-template-columns: 1fr;
    }

    .domain-result-registrar-card-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .domain-result-registrar-card-domain,
    .domain-result-registrar-card-action {
        grid-column: 1 / -1;
    }
}

@media (max-width: 680px) {

    .domain-result-registrar-card,
    .domain-result-registrar-card-featured {
        padding: .95rem;
    }

    .domain-result-registrar-card-grid {
        grid-template-columns: 1fr;
        gap: .78rem;
    }

    .domain-result-registrar-card-domain,
    .domain-result-registrar-card-action {
        grid-column: auto;
    }

    .domain-transfer-details {
        padding: .64rem .68rem;
    }
}

.customer-domain-section .domain-results-heading {
    margin-top: .15rem;
}

.customer-domain-section .domain-results-foot {
    margin-top: .75rem;
}

.customer-domain-search-card {
    max-width: none;
    margin: 0;
}

.customer-domain-search-card.domain-check-card {
    padding: 0;
}

.customer-domain-search-card.domain-check-card::before,
.customer-domain-search-card.domain-check-card::after {
    content: none;
    display: none;
}

.customer-domain-search-card.home-domain-search-card {
    isolation: isolate;
}

.customer-domain-search-card.home-domain-search-card form {
    max-width: 680px;
    margin: 0 auto;
}

.customer-domain-search-card.home-domain-search-card .domain-form-heading,
.customer-domain-search-card.home-domain-search-card .domain-action-toggle {
    justify-content: flex-start;
    width: auto;
    margin-left: 0;
    margin-right: 0;
}

.customer-domain-search-card.home-domain-search-card .domain-form-heading {
    justify-content: center;
    width: fit-content;
    margin: 0 auto .78rem;
    text-align: center;
}

.customer-domain-search-card.home-domain-search-card .domain-action-toggle {
    justify-content: center;
    width: min(260px, 100%);
    margin: 0 auto .92rem;
}

.customer-domain-search-card.home-domain-search-card .domain-action-option span {
    min-height: 34px;
    padding: .38rem .68rem;
    font-size: .76rem;
}

.customer-domain-search-card.home-domain-search-card .customer-domain-search-row {
    width: 100%;
    grid-template-columns: minmax(0, 1fr) minmax(150px, 170px);
    gap: .56rem;
    margin-inline: auto;
    max-width: 680px;
}

.customer-domain-search-card.home-domain-search-card .domain-search-button,
.customer-domain-search-card.home-domain-search-card .domain-search-button:hover,
.customer-domain-search-card.home-domain-search-card .domain-search-button:focus-visible {
    width: 100%;
    min-width: 0;
    justify-self: stretch;
    transform: none !important;
}

.customer-domain-search-card.home-domain-search-card .domain-search-button {
    min-height: 46px;
    padding-inline: .82rem;
    font-size: .9rem;
}

.customer-domain-search-card.home-domain-search-card .domain-input-shell {
    min-height: 46px;
    padding: 0 .82rem;
}

.customer-domain-search-card.home-domain-search-card .domain-input-shell input {
    min-height: 46px;
    font-size: .94rem;
}

.customer-domain-search-card.home-domain-search-card .domain-input-shell i {
    width: 28px;
    height: 28px;
    font-size: .86rem;
}

.customer-domain-search-card.home-domain-search-card .domain-search-button:hover {
    box-shadow: 0 18px 40px rgba(7, 116, 255, .36), inset 0 1px 0 rgba(255, 255, 255, .28);
}

@media (max-width: 860px) {
    .customer-domain-section .domain-preview-row {
        grid-template-columns: 1fr;
    }

    .customer-domain-section .domain-action-toggle {
        width: 100%;
    }

    .customer-domain-section .domain-search-button {
        width: 100%;
    }
}

.domain-suggested-table-wrap {
    width: 100%;
    overflow-x: auto;
    border: 1px solid rgba(255, 255, 255, .08);
    border-radius: 18px;
    background:
        linear-gradient(180deg, rgba(255, 255, 255, .035), rgba(255, 255, 255, .02)),
        rgba(2, 8, 18, .36);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .06);
}

.domain-suggested-table {
    width: 100%;
    table-layout: fixed;
    border-collapse: collapse;
    border-spacing: 0;
}

.domain-suggested-col-domain {
    width: 38%;
}

.domain-suggested-col-status {
    width: 16%;
}

.domain-suggested-col-price {
    width: 14%;
}

.domain-suggested-col-term {
    width: 14%;
}

.domain-suggested-col-action {
    width: 18%;
}

.domain-suggested-table thead th {
    padding: .76rem .9rem .7rem;
    color: #9db0c8;
    font-size: .69rem;
    font-weight: 950;
    letter-spacing: .08em;
    text-transform: uppercase;
    text-align: left;
    border-bottom: 1px solid rgba(255, 255, 255, .08);
}

.domain-suggested-table thead th:nth-child(2),
.domain-suggested-table thead th:nth-child(3),
.domain-suggested-table thead th:nth-child(4),
.domain-suggested-table thead th:nth-child(5) {
    text-align: right;
}

.domain-suggested-table tbody tr {
    border-bottom: 1px solid rgba(255, 255, 255, .08);
    background: rgba(255, 255, 255, .012);
    transition: background .16s ease;
}

.domain-suggested-table tbody tr:last-child {
    border-bottom: 0;
}

.domain-suggested-table tbody tr:nth-child(even) {
    background: rgba(255, 255, 255, .022);
}

.domain-suggested-table tbody tr:hover {
    background: rgba(84, 214, 255, .05);
}

.domain-suggested-table td {
    padding: .72rem .9rem;
    vertical-align: middle;
}

.domain-result-table-domain {
    width: 38%;
}

.domain-result-table-badges {
    display: flex;
    flex-wrap: wrap;
    gap: .38rem;
    margin-bottom: .4rem;
}

.domain-result-table-domain strong {
    display: block;
    color: #f7fbff;
    font-size: .98rem;
    line-height: 1.24;
    word-break: break-word;
}

.domain-result-table-price strong {
    display: block;
    color: #f7fbff;
    font-size: .92rem;
    line-height: 1.25;
}

.domain-result-table-status,
.domain-result-table-term {
    text-align: right;
}

.domain-result-table-status small,
.domain-result-table-term small {
    display: block;
    margin-top: .22rem;
    color: var(--muted-soft);
    font-size: .76rem;
    line-height: 1.35;
}

.domain-result-table-price {
    text-align: right;
}

.domain-result-table-action {
    width: 18%;
    text-align: right;
}

.domain-result-table-form {
    display: grid;
    gap: .5rem;
    width: 100%;
}

.domain-result-table-form-register {
    width: 100%;
    max-width: 220px;
    margin-left: auto;
    justify-items: stretch;
    align-content: start;
    gap: .48rem;
    padding-top: .04rem;
}

.domain-result-table-form-register select {
    width: 100%;
    min-height: 40px;
    padding: .58rem .72rem;
    font-size: .79rem;
    line-height: 1.25;
}

.domain-result-table-term select {
    width: 100%;
    min-height: 40px;
    padding: .58rem .72rem;
    font-size: .79rem;
    line-height: 1.25;
}

.domain-result-table-button {
    width: 100%;
    min-height: 40px;
    padding: .58rem .82rem;
    font-size: .8rem;
    justify-content: center;
    justify-self: stretch;
}

.domain-result-table-action .domain-unavailable-note {
    min-height: auto;
}

.domain-result-table-static {
    display: inline-flex;
    align-items: center;
    justify-content: flex-end;
    width: 100%;
    min-height: 40px;
    padding: .58rem .72rem;
    border-radius: 12px;
    border: 1px solid rgba(255, 255, 255, .08);
    background: rgba(255, 255, 255, .03);
    color: #dbe8fb;
    font-size: .79rem;
    font-weight: 800;
    text-align: right;
}

@media (max-width: 760px) {
    .customer-domain-search-card.home-domain-search-card .customer-domain-search-row {
        grid-template-columns: 1fr;
        max-width: none;
    }

    .domain-suggested-table,
    .domain-suggested-table thead,
    .domain-suggested-table tbody,
    .domain-suggested-table tr,
    .domain-suggested-table th,
    .domain-suggested-table td {
        display: block;
        width: 100%;
    }

    .domain-suggested-table thead {
        display: none;
    }

    .domain-suggested-table tbody tr {
        padding: .78rem 0;
    }

    .domain-suggested-table tbody td {
        padding: .34rem 0;
        border-bottom: 0;
    }

    .domain-suggested-table tbody td[data-label]::before {
        content: attr(data-label);
        display: block;
        margin-bottom: .2rem;
        color: #9db0c8;
        font-size: .68rem;
        font-weight: 950;
        letter-spacing: .08em;
        text-transform: uppercase;
    }

    .domain-result-table-action {
        min-width: 0;
        width: 100%;
    }

    .domain-result-table-status,
    .domain-result-table-term {
        text-align: left;
    }

    .domain-result-table-form-register {
        width: 100%;
        margin-left: 0;
        justify-items: stretch;
    }

    .domain-result-table-form-register select,
    .domain-result-table-button {
        width: 100%;
    }

}

.customer-domain-search-card.home-domain-search-card .home-domain-results {
    max-width: none;
    margin: 1.25rem 0 0;
    padding-top: 1.15rem;
}

.customer-dns-record-list {
    display: grid;
    gap: .55rem;
}

.customer-dns-record-head,
.customer-dns-record-row {
    display: grid;
    grid-template-columns: 110px minmax(120px, .8fr) minmax(220px, 1.4fr) 110px 110px;
    gap: .55rem;
    align-items: start;
}

.customer-dns-record-head {
    padding: 0 .1rem;
    color: #8fa2ba;
    font-size: .68rem;
    font-weight: 950;
    letter-spacing: .08em;
    text-transform: uppercase;
}

.customer-dns-record-row {
    padding: .62rem;
    border: 1px solid rgba(255, 255, 255, .08);
    border-radius: 16px;
    background: rgba(255, 255, 255, .035);
}

.customer-dns-record-row input,
.customer-dns-record-row select,
.customer-order-form input,
.customer-order-form select {
    width: 100%;
}

@media (max-width: 980px) {
    .customer-dns-record-head {
        display: none;
    }

    .customer-dns-record-row {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .customer-dns-record-row>div:nth-child(3) {
        grid-column: 1 / -1;
    }
}

@media (max-width: 560px) {
    .customer-dns-record-row {
        grid-template-columns: 1fr;
    }

    .customer-dns-record-row>div:nth-child(3) {
        grid-column: auto;
    }

    .customer-domain-tld-picker label,
    .customer-domain-tld-picker span {
        width: 100%;
    }
}

@media print {
    body {
        background: #fff;
        color: #111827;
    }

    .portal-sidebar,
    .portal-topbar,
    .site-header,
    .site-footer,
    .whatsapp-chat-widget,
    .site-chat-panel,
    .notice-stack,
    .flash,
    .no-print {
        display: none !important;
    }

    .portal-shell {
        display: block;
    }

    .portal-content {
        padding: 0;
    }

    .glass-card,
    .portal-card,
    .table-card {
        box-shadow: none;
        border-color: #ddd;
        color: #111827;
    }

    p,
    td {
        color: #111827;
    }
}


.inline-form {
    display: flex;
    flex-wrap: wrap;
    gap: 1rem .9rem;
    align-items: stretch;
}

.inline-form select {
    flex: 1 1 190px;
    min-width: 190px;
}

.inline-form .hosting-domain-field {
    flex: 1 1 220px;
    min-width: 220px;
}

.inline-form .button {
    flex: 0 0 auto;
}

.hosting-plan-card .inline-form {
    gap: 1.1rem 1rem;
}

.hosting-plan-card .inline-form .button {
    margin-top: .18rem;
}

.home-plan-card form {
    display: grid;
    gap: .85rem;
    margin-top: 1rem;
}

.home-plan-card .hosting-domain-field,
.home-plan-card .button {
    width: 100%;
}

.home-plan-card .button {
    margin-top: .1rem;
}

@media (max-width: 760px) {
    .hosting-plan-card-actions {
        padding-top: 1.15rem;
    }

    .hosting-plan-card-actions .inline-actions,
    .inline-form {
        width: 100%;
    }

    .inline-form {
        flex-direction: column;
    }

    .inline-form select,
    .inline-form .hosting-domain-field,
    .inline-form .button {
        width: 100%;
        min-width: 0;
    }

    .hosting-plan-card .inline-form .button {
        margin-top: .28rem;
    }

    .home-plan-card form {
        gap: .9rem;
    }
}

/* Design system standardization */
:where(h1, h2, h3, h4, h5, h6, p, li, td, th, label, button, a, strong, small, span) {
    overflow-wrap: anywhere;
}

:where(h1, h2, h3) {
    text-wrap: balance;
}

:where(.page-hero-copy, .hero-copy, .section-header, .table-card-heading, .admin-form-heading, .auth-mfa-heading, .portal-page-header > div, .dashboard-section-head > div) {
    min-width: 0;
}

:where(.section-header, .table-card-heading, .admin-form-heading, .auth-mfa-heading) {
    display: grid;
    gap: .55rem;
}

.section-header-copy {
    display: grid;
    gap: .55rem;
    min-width: 0;
}

:where(.portal-page-header, .dashboard-section-head) {
    gap: .85rem;
}

:where(.portal-page-header > div, .dashboard-section-head > div) {
    display: grid;
    gap: .55rem;
}

:where(.portal-page-header, .dashboard-section-head, .section-header, .table-card-heading, .admin-form-heading, .auth-mfa-heading)> :is(h1, h2, h3, p) {
    margin: 0;
}

:where(.section-header, .table-card-heading, .admin-form-heading, .auth-mfa-heading) .eyebrow {
    margin-bottom: .1rem;
}

.section-header-actions {
    display: flex;
    flex-wrap: wrap;
    gap: .65rem;
    align-items: center;
}

.portal-page-header.section-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: .85rem;
}

.portal-page-header.section-header>.section-header-copy {
    flex: 1 1 0;
}

.portal-page-header.section-header>.section-header-actions {
    flex: 0 0 auto;
}

:where(.button, .login-button, .hero-badge, .chip, .site-search-toggle, .nav-toggle, .portal-sidebar-toggle, .portal-mobile-toggle, .portal-topbar-search-button, .notice-close, .site-chat-close) {
    border-radius: calc(var(--radius) + 6px);
}

:where(.glass-card, .portal-card, .table-card, .form-panel, .notice-card, .hero-info-card, .dashboard-panel, .dashboard-kpi-card, .dashboard-queue-card, .dashboard-action-row, .service-summary-card, .knowledge-topic-card, .knowledge-category-card, .announcement-card, .announcement-feature-card, .domain-result-card, .auth-mfa-card) {
    border-radius: calc(var(--radius) + 2px);
    min-width: 0;
}

:where(.glass-card, .portal-card, .table-card, .form-panel, .notice-card, .hero-info-card, .dashboard-panel, .dashboard-kpi-card, .dashboard-queue-card, .dashboard-action-row, .service-summary-card, .knowledge-topic-card, .knowledge-category-card, .announcement-card, .announcement-feature-card, .domain-result-card, .auth-mfa-card)>* {
    min-width: 0;
}

:where(.glass-card, .portal-card, .table-card, .form-panel, .notice-card, .hero-info-card, .dashboard-panel, .dashboard-kpi-card, .dashboard-queue-card, .dashboard-action-row, .service-summary-card, .knowledge-topic-card, .knowledge-category-card, .announcement-card, .announcement-feature-card, .domain-result-card, .auth-mfa-card) {
    border-color: rgba(255, 255, 255, .12);
    box-shadow: 0 20px 70px rgba(0, 0, 0, .32), inset 0 1px 0 rgba(255, 255, 255, .12);
}

:where(input:not([type="hidden"]):not([type="checkbox"]):not([type="radio"]), select, textarea) {
    min-height: 46px;
    padding: .82rem .95rem;
    border-radius: calc(var(--radius) + 4px);
    font: inherit;
    color: var(--text);
}

:where(input:not([type="hidden"]):not([type="checkbox"]):not([type="radio"]), select, textarea)::placeholder {
    color: rgba(185, 199, 220, .72);
}

:where(input:not([type="hidden"]):not([type="checkbox"]):not([type="radio"]), select, textarea):focus-visible {
    box-shadow: 0 0 0 3px rgba(7, 116, 255, .16);
}

:where(.table-card, .portal-table-card) table {
    min-width: 100%;
}

:where(.table-card, .portal-table-card) th,
:where(.table-card, .portal-table-card) td {
    padding: .88rem 1rem;
}

:where(.status-badge, .eyebrow, .chip) {
    text-wrap: balance;
}

:where(.site-header, .site-footer, .portal-topbar, .portal-sidebar, .nav-wrap) {
    min-width: 0;
}

:where(.site-menu a, .footer-link-list a, .portal-sidebar nav a, .dashboard-action-row, .dashboard-queue-card, .portal-record-item, .hero-badge, .chip) {
    overflow-wrap: anywhere;
}

:where(.site-menu a:not(.login-button), .footer-link-list a, .portal-sidebar nav a, .dashboard-action-row strong, .dashboard-queue-card strong, .portal-record-item strong, .portal-record-item strong a) {
    letter-spacing: 0;
}

@media (prefers-reduced-motion: reduce) {
    :where(.button, .login-button, .hero-badge, .dashboard-action-row, .dashboard-queue-card, .portal-record-item, .glass-card, .portal-card, .table-card, .notice-card) {
        transition: none;
    }
}

@media (max-width: 760px) {
    :where(.portal-page-header, .dashboard-section-head) {
        flex-direction: column;
        align-items: flex-start;
    }

    .portal-page-header.section-header {
        display: flex;
    }

    .section-header-actions,
    .portal-header-actions {
        width: 100%;
    }

    .section-header-actions .button,
    .portal-header-actions .button {
        width: 100%;
    }
}

/* Homepage domain hero restoration: visual-only, keeps current search/results logic intact. */
#home-domain-search.home-domain-section.hero-domain-search {
    min-height: clamp(660px, calc(100vh - 72px), 760px);
    padding: clamp(7rem, 11vw, 9.2rem) max(1.25rem, calc((100vw - var(--container)) / 2)) clamp(4.6rem, 8vw, 6.7rem);
    border-bottom: 1px solid rgba(84, 214, 255, .12);
    background:
        radial-gradient(circle at 13% 40%, rgba(7, 116, 255, .22), transparent 31%),
        radial-gradient(circle at 82% 8%, rgba(255, 192, 7, .09), transparent 30%),
        linear-gradient(180deg, rgba(0, 2, 8, .98) 0%, rgba(3, 12, 28, .96) 47%, rgba(1, 3, 8, .98) 100%) !important;
}

#home-domain-search .domain-stars-bg.night {
    opacity: .48;
}

#home-domain-search .home-domain-shell {
    max-width: var(--container);
    gap: clamp(1.85rem, 3.4vw, 2.35rem);
}

#home-domain-search .domain-preview-copy {
    max-width: 1120px;
    text-align: center;
}

#home-domain-search .domain-preview-copy .eyebrow {
    margin-bottom: 1.05rem;
}

#home-domain-search .domain-search-title {
    display: flex;
    align-items: baseline;
    justify-content: center;
    flex-wrap: nowrap;
    gap: .18em;
    width: 100%;
    max-width: 1120px;
    margin: 0 auto .6rem;
    font-size: var(--display-title-size);
    line-height: 1.08;
    letter-spacing: 0;
    padding-bottom: .1em;
    width: fit-content;
    max-width: 100%;
    color: #f8fbff;
    background: none;
    -webkit-text-fill-color: currentColor;
}

#home-domain-search .domain-search-title .domain-title-text,
#home-domain-search .domain-search-title .domain-title-rotator,
#home-domain-search .domain-search-title .domain-title-suffix {
    display: inline-block;
    line-height: 1;
    font-size: inherit;
    font-weight: inherit;
    letter-spacing: inherit;
    white-space: nowrap;
}

#home-domain-search .domain-search-title .domain-title-text {
    color: transparent;
    background-image: linear-gradient(110deg, #ffffff 0%, #d8e8ff 38%, var(--blue-soft) 62%, var(--gold) 100%) !important;
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
    text-shadow: none;
}

#home-domain-search .domain-search-title .domain-title-rotator {
    min-width: 0;
    color: transparent;
    background-image: linear-gradient(135deg, #fff7cf 0%, var(--gold) 46%, #67b1ff 100%) !important;
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
    text-shadow: none;
}

#home-domain-search .domain-search-title .domain-title-suffix {
    color: transparent;
    background-image: linear-gradient(110deg, #ffffff 0%, #d8e8ff 38%, var(--blue-soft) 62%, var(--gold) 100%) !important;
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
    text-shadow: none;
}

#home-domain-search .domain-service-line {
    margin: .25rem auto .95rem;
    padding: .42rem .92rem;
    border-color: rgba(255, 192, 7, .28);
    background:
        linear-gradient(135deg, rgba(7, 116, 255, .22), rgba(255, 192, 7, .1)),
        rgba(2, 10, 24, .54);
    box-shadow: 0 16px 38px rgba(7, 116, 255, .16), inset 0 1px 0 rgba(255, 255, 255, .1);
}

#home-domain-search .domain-hero-subtitle {
    max-width: 760px;
    font-size: clamp(1rem, 1.35vw, 1.13rem);
    line-height: 1.65;
}

#home-domain-search .home-domain-search-card {
    width: 100%;
    max-width: var(--container);
    padding: clamp(1.9rem, 3.4vw, 2.55rem) clamp(1.45rem, 3.6vw, 2.9rem);
    border-radius: 28px;
    border: 1px solid rgba(84, 214, 255, .18);
    background:
        radial-gradient(circle at 9% 18%, rgba(7, 116, 255, .2), transparent 35%),
        radial-gradient(circle at 88% 24%, rgba(255, 192, 7, .1), transparent 32%),
        linear-gradient(135deg, rgba(11, 36, 76, .74), rgba(13, 21, 34, .84) 54%, rgba(30, 32, 25, .72)),
        rgba(3, 10, 22, .82);
    box-shadow:
        0 34px 95px rgba(0, 0, 0, .48),
        inset 0 1px 0 rgba(255, 255, 255, .14),
        inset 0 0 0 1px rgba(255, 255, 255, .03);
    backdrop-filter: blur(24px) saturate(160%);
    -webkit-backdrop-filter: blur(24px) saturate(160%);
}

#home-domain-search .home-domain-search-card::after {
    opacity: .45;
}

#home-domain-search .home-domain-form {
    max-width: 1088px;
}

#home-domain-search .domain-form-heading {
    margin-bottom: .85rem;
}

#home-domain-search .domain-action-toggle {
    width: min(100%, 380px);
    margin-bottom: 1.25rem;
}

#home-domain-search .domain-preview-row {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    align-items: center;
    gap: .7rem;
    padding: .52rem;
    border-radius: 999px;
    border: 1px solid rgba(255, 255, 255, .16);
    background:
        linear-gradient(180deg, rgba(255, 255, 255, .075), rgba(255, 255, 255, .03)),
        rgba(1, 7, 17, .7);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .1), 0 18px 46px rgba(0, 0, 0, .3);
}

#home-domain-search .domain-input-shell {
    min-height: 56px;
    border-color: rgba(255, 192, 7, .18);
    background: linear-gradient(180deg, rgba(3, 10, 21, .95), rgba(1, 5, 13, .95));
}

#home-domain-search .domain-input-shell input {
    min-height: 56px;
}

#home-domain-search .domain-search-button {
    width: auto;
    min-width: 184px;
    min-height: 56px;
    align-self: center;
    padding: 0 1.45rem;
}

@media (max-width: 980px) {
    #home-domain-search.home-domain-section.hero-domain-search {
        min-height: auto;
        padding-top: clamp(5.5rem, 12vw, 7rem);
    }

    #home-domain-search .domain-search-title {
        flex-wrap: wrap;
        row-gap: .05em;
    }
}

@media (max-width: 760px) {
    #home-domain-search .home-domain-search-card {
        padding: 1.25rem;
        border-radius: 24px;
    }

    #home-domain-search .domain-preview-row {
        grid-template-columns: 1fr;
        border-radius: 24px;
        padding: .72rem;
    }

    #home-domain-search .domain-search-button {
        width: 100%;
        min-width: 0;
    }

    #home-domain-search .domain-hero-subtitle {
        white-space: normal;
    }
}

@media (max-width: 520px) {
    #home-domain-search.home-domain-section.hero-domain-search {
        padding-top: 4.4rem;
        padding-bottom: 3.7rem;
    }

    #home-domain-search .domain-search-title {
        justify-content: center;
    }

    #home-domain-search .domain-action-toggle {
        width: 100%;
    }
}