/* A homepage domain workspace: original content, scoped geometry and the shared 4px scale. */
.domain-discovery{padding-top:48px}
.domain-card{position:relative;isolation:isolate;padding:48px;border:1px solid var(--line);border-radius:24px;background:radial-gradient(ellipse at 100% 0,var(--mint),transparent 58%),var(--surface);box-shadow:0 16px 48px #0b2d1f06}
.domain-card__header{display:grid;grid-template-columns:minmax(0,1fr) 240px;align-items:center;gap:48px;margin-bottom:32px}
.domain-card__intro{min-width:0}
.domain-card__intro>.eyebrow{display:inline-flex;align-items:center;gap:8px;margin:0 0 16px;color:var(--p)}
.domain-card__intro>.eyebrow:before{content:'';width:6px;height:6px;border-radius:50%;background:var(--brand-green);box-shadow:0 0 0 4px #118d6210}
.domain-card h2{margin:0;max-width:none;text-wrap:balance}
.domain-card__accent{color:var(--p)}
/* Rounded satin plates share the homepage hero's fixed axonometric camera and lighting. */
.domain-visual{position:relative;height:224px;pointer-events:none}
.domain-visual__world{position:absolute;left:50%;top:50%;width:194px;height:152px;transform-style:preserve-3d;transform:translate(-50%,-38%) rotateX(53deg) rotateZ(-35deg)}
.domain-visual__plinth,.domain-visual__upper{position:absolute;inset:0;border-radius:20px;transform-style:preserve-3d}
.domain-visual__upper{inset:auto;left:22px;top:20px;width:150px;height:112px;transform:translateZ(48px);transition:translate .48s cubic-bezier(.22,1,.36,1)}
.domain-visual__shadow{position:absolute;inset:8px;border-radius:20px;background:#0b2d1f;opacity:.12;filter:blur(12px);transform:translateZ(-12px)}
.domain-visual__layer,.domain-visual__face{position:absolute;inset:0;border-radius:inherit;backface-visibility:hidden}
.domain-visual__layer{background:var(--side);border:1px solid #0c684840;transform:translateZ(var(--z))}
.domain-visual__face{display:grid;place-items:center;transform:translateZ(12px);background:linear-gradient(135deg,#70b991,#118d62);border:1px solid #379f73;color:#0d714e}
.domain-visual__face:after{content:'';position:absolute;inset:6px;border:1px solid #e6f5ee70;border-radius:14px}
.domain-visual__upper .domain-visual__face{background:linear-gradient(135deg,#f7fff9,#b6e4ca)}
.domain-visual__face svg{width:64px;height:64px;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}
.domain-card:focus-within .domain-visual__upper{translate:0 0 6px}
/* One unified search surface keeps name, extension and action easy to scan. */
.domain-card__form{position:relative;display:grid;grid-template-columns:minmax(0,1fr) 120px max-content;align-items:stretch;gap:8px;padding:8px;border:1px solid var(--line);border-radius:16px;background:var(--bg);box-shadow:0 4px 16px #0b2d1f04;transition:border-color .24s,box-shadow .24s}
.domain-card__form:focus-within{border-color:var(--p);box-shadow:0 0 0 4px #118d6210,0 8px 24px #0b2d1f06}
.domain-card__field{display:flex;align-items:center;gap:12px;min-width:0;padding:0 16px}
.domain-card__field>svg{width:24px;height:24px;flex-shrink:0;color:var(--muted);stroke:currentColor;stroke-width:1.6;stroke-linecap:round;transition:color .24s}
.domain-card__field:focus-within>svg{color:var(--p)}
.domain-card__input{width:100%;min-width:0;height:100%;padding:0;border:0;border-radius:4px;background:transparent;color:var(--ink);font-size:16px;line-height:24px;letter-spacing:0;font-weight:400}
.domain-card__input::placeholder{color:var(--muted);opacity:1}
.domain-card__input:focus-visible{outline:2px solid var(--p);outline-offset:4px}
.domain-card__label{position:absolute;width:1px;height:1px;margin:0;padding:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}
.domain-card__extension{position:relative;color:var(--ink)}
.domain-card__extension select{appearance:none;width:100%;height:100%;padding:0 40px 0 16px;border:0;border-radius:4px;background:transparent;color:var(--ink);font-size:16px;line-height:24px;letter-spacing:0;font-weight:600;cursor:pointer}
.domain-card__extension option,.domain-card__extension optgroup{background:var(--surface);color:var(--ink)}
.domain-card__extension>svg{position:absolute;right:16px;top:50%;width:16px;height:16px;transform:translateY(-50%);pointer-events:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}

.domain-card__submit span{font-weight:inherit}



.domain-card__submit:disabled{opacity:.65;cursor:wait}
.domain-card__form[aria-busy=true] 









/* Clear result anatomy: identity and status, registration tariff, then purchase/retry. */
.domain-card__feedback{margin-top:20px;font-size:16px;line-height:24px;letter-spacing:0;color:var(--text)}
.domain-card__feedback[data-state=error],.domain-card__feedback[data-state=invalid]{padding:16px;border:1px solid var(--line);border-radius:12px;background:var(--soft)}
.domain-card__feedback a,.domain-card__noscript a,.domain-card__price-note a{color:var(--p);text-decoration:underline;text-underline-offset:4px}
.domain-card__feedback[data-state=loading]:before{content:'';display:inline-block;width:12px;height:12px;margin-right:8px;border:2px solid var(--line);border-top-color:var(--p);border-radius:50%;animation:domain-loading .8s linear infinite}
.domain-card__result{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:24px;margin-top:28px;padding:24px;border:1px solid var(--line);border-radius:16px;background:var(--bg)}
.domain-card__result:not([hidden]){animation:domain-result .32s cubic-bezier(.22,1,.36,1) both}
.domain-card__result-main{display:flex;align-items:center;gap:16px;min-width:0;flex:1 1 240px}
.domain-card__result-main>div{min-width:0}
.domain-card__result-name{display:block;overflow-wrap:anywhere;font-size:24px;line-height:32px;letter-spacing:-.01em;font-weight:600;color:var(--ink)}
.domain-card__availability{display:inline-flex;margin-top:4px;font-size:12px;line-height:20px;letter-spacing:0;color:var(--text)}
.domain-card__result[data-available=true] .domain-card__availability{color:var(--p)}
.domain-card__result-icon{display:grid;place-items:center;flex-shrink:0;width:48px;height:48px;border-radius:50%;border:1px solid var(--line);background:var(--soft);color:var(--muted);font-size:20px;line-height:28px}
.domain-card__result[data-available=true] .domain-card__result-icon{background:var(--mint);border-color:var(--p);color:var(--p)}
.domain-card__price{flex:0 1 auto;min-width:0}
.domain-card__price>span{display:block;margin-bottom:4px;font-size:12px;line-height:20px;letter-spacing:0;color:var(--muted)}
.domain-card__price-value{display:block;font-size:24px;line-height:32px;letter-spacing:-.01em;font-weight:600;color:var(--ink);overflow-wrap:anywhere}
.domain-card__continue,.domain-card__retry{flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;gap:12px;min-height:48px;padding:12px 20px;border:1px solid var(--line);border-radius:8px;background:transparent;color:var(--p);font-size:16px;line-height:24px;letter-spacing:0;font-weight:600;text-align:left;text-decoration:none;transition:background .2s,border-color .2s}
.domain-card__continue{background:#0f8059;border-color:#0f8059;color:#fff}
.domain-card__continue:hover{background:#0c6848;border-color:#0c6848}
.domain-card__retry:hover{background:var(--soft);border-color:var(--p)}
.domain-card__price-note,.domain-card__noscript{margin:12px 0 0;font-size:12px;line-height:20px;letter-spacing:0;color:var(--muted)}
.domain-card__feedback.is-announcement{position:absolute;width:1px;height:1px;margin:0;padding:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}
@keyframes domain-loading{to{transform:rotate(360deg)}}
@keyframes domain-result{from{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:1100px){.domain-card{padding:40px}.domain-card__header{grid-template-columns:minmax(0,1fr) 200px;gap:32px}.domain-visual{height:216px;scale:.9}.domain-card__form{grid-template-columns:minmax(0,1fr) 120px max-content}.domain-card__field{padding-inline:12px}.domain-card__extension select{font-size:16px;line-height:24px;padding-left:16px}.domain-card__input{font-size:16px;line-height:24px}}
@media(max-width:900px){.domain-card{padding:32px}.domain-card__header{display:block}.domain-visual{display:none}.domain-card__form{grid-template-columns:minmax(0,1fr) 112px max-content}.domain-card__field{padding-inline:8px}}
@media(max-width:600px){
 .domain-discovery{padding-top:32px}.domain-card{padding:28px 20px;border-radius:20px}.domain-card__header{margin-bottom:24px}
 .domain-card__form{grid-template-columns:100px minmax(0,1fr);border-radius:12px}
 .domain-card__field{grid-column:1/-1;padding:0 4px 8px;border-bottom:1px solid var(--line)}
 .domain-card__input{height:auto;font-size:16px;line-height:24px;padding:12px 0}
 .domain-card__extension{border-left:0}.domain-card__extension select{height:100%;padding:0 32px 0 8px}.domain-card__extension>svg{top:50%;right:8px}
 
 
 
 .domain-card__result{gap:16px;padding:20px 16px;margin-top:24px}
 .domain-card__result-main{flex-basis:100%;gap:12px}.domain-card__result-icon{width:36px;height:36px;font-size:16px;line-height:24px}
 .domain-card__result-name,.domain-card__price-value{font-size:20px;line-height:28px;letter-spacing:-.01em}
 .domain-card__price{margin-left:48px;flex-basis:calc(100% - 48px)}
 .domain-card__continue,.domain-card__retry{margin-left:48px;max-width:calc(100% - 48px);padding:12px 16px}
}
@media(prefers-reduced-motion:reduce){.domain-card *,.domain-card *:before,.domain-card *:after{transition:none!important;animation:none!important}.domain-card:focus-within .domain-visual__upper{translate:none}}

@media(max-width:600px){.domain-card__continue,.domain-card__retry{margin-left:0;width:100%;max-width:100%}}

/* Pointer focus is carried by the unified search surface, without nested field outlines. */
.domain-card .domain-card__input:focus,.domain-card__extension select:focus{outline:none;box-shadow:none}
.domain-card.has-extension-popover{z-index:40}
.domain-card__extension.is-enhanced>svg{display:none}
.domain-extension__trigger{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;height:100%;padding:0 16px;border:0;border-radius:8px;background:transparent;color:var(--ink);font-size:16px;line-height:24px;letter-spacing:0;font-weight:600;text-align:left;cursor:pointer}
.domain-extension__trigger svg{width:16px;height:16px;flex-shrink:0;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;transition:transform .2s}
.domain-extension__trigger[aria-expanded=true] svg{transform:rotate(180deg)}
.domain-extension__trigger:focus{outline:none;box-shadow:none}
.domain-extension__trigger:focus-visible{outline:2px solid var(--p);outline-offset:-4px}
.domain-extension__popover{position:absolute;top:calc(100% + 12px);right:0;z-index:90;width:min(456px,calc(100vw - 48px));max-height:min(432px,60dvh);overflow:auto;overscroll-behavior:contain;padding:16px;margin:0;border:1px solid var(--line);border-radius:16px;background:var(--surface);box-shadow:0 20px 64px #0b2d1f1a,0 4px 12px #0b2d1f0a;outline:none;scrollbar-width:thin;scrollbar-color:var(--line) transparent}
.domain-extension__popover:not([hidden]){animation:domain-extension-open .18s cubic-bezier(.22,1,.36,1) both}

.domain-extension__group+.domain-extension__group{margin-top:16px;padding-top:16px;border-top:1px solid var(--line)}
.domain-extension__group-title{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:0 0 8px;padding:0 4px;font-size:12px;line-height:20px;letter-spacing:.04em;font-weight:600;color:var(--muted)}
.domain-extension__group-title span{font-size:12px;line-height:20px;letter-spacing:.04em;font-variant-numeric:tabular-nums;color:var(--muted)}
.domain-extension__options{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
.domain-extension__option{position:relative;display:flex;align-items:center;min-width:0;min-height:44px;padding:8px 28px 8px 12px;border:1px solid transparent;border-radius:8px;color:var(--ink);background:transparent;font-size:16px;line-height:24px;letter-spacing:0;cursor:pointer;scroll-margin-block:16px;transition:background .16s,border-color .16s,color .16s}
.domain-extension__option[data-active=true]{background:var(--soft);box-shadow:inset 0 0 0 1px var(--p)}
.domain-extension__option[aria-selected=true]{background:var(--mint);border-color:var(--p);color:var(--p);font-weight:600}
.domain-extension__option[aria-selected=true]:after{content:'✓';position:absolute;right:8px;top:50%;transform:translateY(-50%);font-size:12px;line-height:20px;color:var(--p)}
html[data-theme=dark] .domain-extension__popover{box-shadow:0 20px 64px #00000033,0 4px 12px #0000001a}
@keyframes domain-extension-open{from{opacity:0;translate:0 -4px}to{opacity:1;translate:0 0}}
@media(max-width:1100px){.domain-extension__trigger{font-size:16px;line-height:24px;padding-left:16px}}
@media(max-width:600px){.domain-extension__trigger{height:100%;padding:0 8px}.domain-extension__popover{right:auto;left:0;width:min(340px,calc(100vw - 96px));padding:12px}.domain-extension__options{grid-template-columns:repeat(2,minmax(0,1fr))}}

@media(prefers-reduced-motion:reduce){.domain-extension__popover,.domain-extension__popover *{animation:none!important;transition:none!important}}

/* The shared primary button sets this grid's row height. Inputs stretch to it. */
.domain-card__form{height:auto}
.domain-card__field,.domain-card__extension{min-height:0}
@media(max-width:600px){.domain-card__submit{padding-inline:12px}}