/* Dear Domains' local shell: keeps this page independent of the old site layout. */
html { background: #242220; }
body { min-width: 320px; font-family: 'IBM Plex Mono', ui-monospace, monospace; }
.site-nav { min-height: 72px; padding: 16px max(20px, calc((100vw - 1160px) / 2)); }
.site-nav-left { position: static; transform: none; flex-direction: row; gap: 14px; text-align: left; }
.site-mark { font-size: 21px; letter-spacing: -.06em; }
.site-mark .mark-af { color: #cbb897; }
.beta-pill { margin: 0; font-size: 10px; color: #a8998a; }
.domain-page { min-height: calc(100vh - 72px); padding-top: clamp(56px, 9vw, 108px); padding-bottom: clamp(52px, 8vw, 92px); }
.domain-intro { width: 100% !important; max-width: 920px !important; margin: 0 auto 38px !important; text-align: center !important; }
.domain-intro h1 { width: 100% !important; max-width: none !important; margin: 10px auto 14px !important; font-size: clamp(32px, 5vw, 55px) !important; line-height: 1.05 !important; letter-spacing: -.055em; text-align: center !important; text-wrap: balance; }
.domain-heart { color: #e85147 !important; animation: none !important; }
.domain-intro p { max-width: 510px; margin-left: auto !important; margin-right: auto !important; text-align: center !important; }
.domain-checker h2 { letter-spacing: -.04em; }
.purchase-summary { margin-top: 18px; padding: 18px; border-radius: 14px; background: rgba(17, 14, 12, .3); border: 1px solid rgba(203,184,151,.18); color: var(--ink-soft); }
.purchase-summary h3 { margin: 0 0 12px; color: var(--ink); font-size: 15px; }
.purchase-summary dl { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 9px 18px; margin: 0; }
.purchase-summary dl div { display: flex; justify-content: space-between; gap: 10px; border-bottom: 1px solid rgba(203,184,151,.11); padding-bottom: 7px; }
.purchase-summary dt { color: var(--muted); }.purchase-summary dd { margin: 0; color: var(--ink); text-align: right; }.purchase-summary p { margin: 13px 0 0; font-size: 11px; line-height: 1.55; }
.domain-suggestions { display: flex; flex-wrap: wrap; gap: 7px; margin-top: 12px; }.domain-suggestions button { border: 1px solid rgba(243,237,230,.2); border-radius: 999px; background: transparent; color: var(--ink); padding: 7px 10px; font: inherit; font-size: 11px; cursor: pointer; }.domain-suggestions button:hover { background: rgba(243,237,230,.09); }
.how-it-works { max-width: 560px; margin: 54px auto 0; text-align: center; color: var(--ink-soft); }
.how-it-works p { margin: 10px 0 0; font-size: 14px; line-height: 1.65; }
.site-footer { display: flex; justify-content: space-between; gap: 18px; padding: 20px max(20px, calc((100vw - 1160px) / 2)); border-top: 1px solid rgba(203,184,151,.13); color: #a8998a; font: 400 10px/1.4 'IBM Plex Mono', ui-monospace, monospace; letter-spacing: .04em; }
.site-footer a { color: #cbb897; text-decoration: none; }
.site-footer a:hover { color: #f3ede6; }
@media (max-width: 640px) { .site-nav { min-height: 64px; padding: 13px 16px; } .site-nav-left { gap: 9px; } .site-mark { font-size: 19px; } .beta-pill { font-size: 8px; } .domain-page { min-height: calc(100vh - 64px); } .domain-intro { max-width: 640px !important; } .domain-intro h1 { font-size: clamp(29px, 9vw, 40px) !important; line-height: 1.08 !important; } .purchase-summary dl { grid-template-columns: 1fr; } .site-footer { flex-direction: column; gap: 7px; padding: 18px 16px; } }