/* Dear Domains' local shell: keeps this page independent of the old site layout. */
html { background: #000000; }
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 { z-index: 1000 !important; }
.site-nav .gs-menu-panel { z-index: 1001 !important; }
.site-nav-left { position: absolute; left: 50%; transform: translateX(-50%); flex-direction: column; align-items: center; gap: 3px; text-align: center; }
.site-mark { font-size: 21px; letter-spacing: -.06em; }
.site-mark .mark-af { color: #666666; }
.beta-pill { margin: 0; font-size: 10px; color: #999999; }
.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 60px !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 { display: inline-block; margin-left: .06em; color: #e85147; font-size: 1.22em; line-height: .7; transform-origin: 50% 58%; animation: dear-heartbeat 5.8s ease-in-out infinite !important; }
@keyframes dear-heartbeat { 0%,100% { color:#e85147; transform:scale(1); filter:drop-shadow(0 0 0 rgba(232,81,71,0)); } 8% { transform:scale(1.18); } 15% { transform:scale(1.04); } 23% { transform:scale(1.24); filter:drop-shadow(0 0 11px rgba(232,81,71,.3)); } 31% { color:#e6bb46; transform:scale(1); filter:drop-shadow(0 0 0 rgba(230,187,70,0)); } 48% { color:#58a769; } 66% { color:#5197d5; } 83% { color:#e85147; } }
@media (prefers-reduced-motion: reduce) { .domain-heart { 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; }
.domain-checker > .eyebrow, .domain-checker > h2 { display: none; }
.domain-checker .domain-form { margin-top: 0; }
.domain-checker > .eyebrow, .domain-checker > h2, .domain-result, .purchase-summary { text-align: center; }
.domain-form { justify-content: center; }.tld-row, .domain-suggestions { justify-content: center; }
.purchase-summary dl div { text-align: left; }
.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); }
.access-pledge { max-width: 680px; margin: 30px auto 0; color: #666666; font-size: 11px; line-height: 1.55; letter-spacing: .06em; text-align: center; text-transform: uppercase; }
.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; }
.home-about { max-width: 760px; margin: 76px auto 0; text-align: center; }.home-about h2 { margin: 9px 0 12px; color: var(--ink); font-size: clamp(25px,3vw,34px); letter-spacing: -.055em; }.home-about > p { max-width: 560px; margin: 0 auto; color: var(--ink-soft); font-size: 14px; line-height: 1.65; }.home-about-copy { max-width: 620px; margin: 30px auto 0; text-align: center; }.home-about-copy h3 { margin: 0 0 8px; color: var(--ink); font-size: 15px; }.home-about-copy p { margin: 0; color: var(--ink-soft); font-size: 13px; line-height: 1.65; }.home-commitments { display: grid; grid-template-columns: repeat(2,1fr); gap: 1px; margin-top: 28px; border: 1px solid var(--line); background: var(--line); text-align: center; }.home-commitments div { padding: 18px; background: var(--card); }.home-commitments strong { display: block; margin-bottom: 6px; color: var(--ink); font-size: 12px; }.home-commitments span { color: var(--muted); font-size: 11px; line-height: 1.5; }
.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: #999999; font: 400 10px/1.4 'IBM Plex Mono', ui-monospace, monospace; letter-spacing: .04em; }
.site-footer a { color: #666666; text-decoration: none; }
.site-footer a:hover { color: #ffffff; }
@media (max-width: 640px) { .site-nav { min-height: 72px; padding: 13px 16px; } .site-nav-left { flex-direction: column; align-items: center; gap: 3px; } .site-mark { font-size: 19px; } .beta-pill { font-size: 8px; } .domain-page { min-height: calc(100vh - 72px); } .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; } }
@media (max-width: 640px) { .home-about { margin-top: 58px; } .home-commitments { grid-template-columns: 1fr; } }