/* Domain finder (25 Oct 2026): sits under the hosting plans and shares their card, button and type language. */
.domain-finder{margin:0 0 24px;padding:30px;border:1px solid var(--line);border-radius:16px;background:var(--surface);display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:20px 48px;align-items:end;position:relative;overflow:hidden}
.domain-finder:before{content:'';position:absolute;right:-60px;top:-90px;width:260px;height:260px;border-radius:50%;border:1px dashed #b9def3;pointer-events:none}
.domain-finder .eyebrow{display:flex;align-items:center;gap:9px;margin-bottom:14px}.domain-finder .eyebrow .icon{width:15px;height:15px;flex:0 0 auto}
.domain-finder h3{font:700 clamp(26px,2.6vw,36px)/1.05 'Bricolage Grotesque',sans-serif;letter-spacing:-.04em;color:var(--ink);margin:0}
.domain-finder-copy p:not(.eyebrow){margin:12px 0 0;color:var(--muted);font-size:14px;max-width:420px}
.domain-form{display:flex;gap:10px;position:relative}
.domain-form input{flex:1;min-width:0;min-height:52px;padding:12px 16px;border:1px solid #9dbfd3;border-radius:8px;background:var(--page);color:var(--ink);font:500 16px/1.3 'JetBrains Mono',monospace;transition:border-color 90ms,box-shadow 90ms}
.domain-form input:focus-visible{outline:none;border-color:var(--action);box-shadow:0 0 0 3px #bae6fd}
.domain-form .button{min-height:52px;flex-shrink:0}
.domain-form[aria-busy=true] .button{opacity:.7}
.domain-list{grid-column:1/-1;list-style:none;margin:6px 0 0;padding:0;display:grid;gap:10px}
.domain-row{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(150px,auto) 150px;align-items:center;gap:10px 18px;padding:14px 16px 14px 20px;border:1px solid var(--line);border-radius:12px;background:#fbfdff}
.motion-ready .domain-row{animation:domain-in 280ms var(--motion-ease) both}
.domain-row:nth-child(2){animation-delay:40ms}.domain-row:nth-child(3){animation-delay:80ms}.domain-row:nth-child(4){animation-delay:120ms}
.domain-name{font-size:15px;color:var(--ink);overflow-wrap:anywhere}
.domain-row.is-taken .domain-name{color:var(--muted);text-decoration:line-through;text-decoration-color:#9dbfd3}
.domain-badge{font:600 10px/1 'JetBrains Mono',monospace;letter-spacing:.06em;text-transform:uppercase;padding:7px 10px;border-radius:30px;white-space:nowrap;border:1px solid}
.domain-badge.is-available{background:#e0f2fe;border-color:#9fd0ec;color:var(--action)}
.domain-badge.is-taken{background:#f1f5f8;border-color:var(--line);color:var(--muted)}
.domain-badge.is-unverified{background:#fff7e8;border-color:#ecd3a5;color:#85420b}
.domain-price{text-align:right;font-variant-numeric:tabular-nums}
.domain-price b{font:700 18px/1 'Bricolage Grotesque',sans-serif;color:var(--action);letter-spacing:-.02em}
.domain-price small{display:block;margin-top:4px;font-size:11px;color:var(--muted)}
.domain-row .button,.domain-ask{justify-self:end}
.domain-row .button{min-height:42px;padding:10px 16px}
.domain-ask{display:inline-flex;align-items:center;gap:6px}
.domain-status{grid-column:1/-1;margin:0;font-size:12px;color:var(--muted);min-height:1em}
.domain-status:empty{display:none}
@keyframes domain-in{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
@media(max-width:900px){.domain-finder{grid-template-columns:1fr;align-items:start}}
@media(max-width:620px){.domain-finder{padding:22px 18px}.domain-form{flex-direction:column}.domain-row{grid-template-columns:minmax(0,1fr) auto;padding:14px}.domain-price{text-align:left}.domain-row .button,.domain-ask,.domain-spacer{grid-column:2;grid-row:2}.domain-price{grid-row:2}}