/* Public site surfaces. Standalone and token-driven. */
.hf-public-shell { min-block-size: 100vh; background: var(--hf-color-bg); }
.hf-public-main { min-block-size: 55vh; padding-block: 0; overflow: clip; }
.hf-public-header { position: sticky; inset-block-start: 0; z-index: var(--hf-z-sticky); background: color-mix(in srgb, var(--hf-color-surface) 94%, transparent); border-block-end: 1px solid var(--hf-color-border); backdrop-filter: blur(14px); }
.hf-public-header__inner { min-block-size: 5rem; display: flex; align-items: center; gap: var(--hf-space-6); }
.hf-public-brand { display: inline-flex; align-items: center; min-inline-size: 0; font-weight: 500; color: var(--hf-color-text); }
.hf-public-brand img { max-inline-size: 10rem; max-block-size: 2.5rem; object-fit: contain; }
.hf-public-nav { display: flex; align-items: center; justify-content: center; gap: var(--hf-space-5); margin-inline: auto; }
.hf-public-nav a { position: relative; padding-block: var(--hf-space-2); color: var(--hf-color-text-muted); font-weight: 500; transition: color var(--hf-motion-fast) var(--hf-ease); }
.hf-public-nav a::after { content: ""; position: absolute; inset-inline: 0; inset-block-end: 0; block-size: 2px; border-radius: 999px; background: var(--hf-color-primary); transform: scaleX(0); transition: transform var(--hf-motion-fast) var(--hf-ease); }
.hf-public-nav a:hover, .hf-public-nav a:focus-visible { color: var(--hf-color-primary); }
.hf-public-nav a:hover::after, .hf-public-nav a:focus-visible::after { transform: scaleX(1); }
.hf-public-header__actions { display: flex; align-items: center; gap: var(--hf-space-2); }
.hf-public-menu-toggle { display: none; }

.hf-public-drawer { position: fixed; inset: 0; z-index: var(--hf-z-overlay); }
.hf-public-drawer__backdrop { position: absolute; inset: 0; border: 0; background: rgb(15 23 42 / .46); }
.hf-public-drawer__panel { position: absolute; inset-block: 0; inset-inline-end: 0; inline-size: min(88vw, 22rem); display: flex; flex-direction: column; gap: var(--hf-space-6); padding: var(--hf-space-5); padding-block-end: calc(var(--hf-space-5) + env(safe-area-inset-bottom)); background: var(--hf-color-surface); box-shadow: var(--hf-shadow-md); transform: translateX(105%); transition: transform var(--hf-motion-slow) var(--hf-ease); }
.hf-public-drawer[data-state="open"] .hf-public-drawer__panel { transform: translateX(0); }
.hf-public-drawer__head { display: flex; align-items: center; justify-content: space-between; gap: var(--hf-space-4); }
.hf-public-drawer__nav { display: grid; gap: var(--hf-space-2); }
.hf-public-drawer__nav a { min-block-size: var(--hf-control-height); display: flex; align-items: center; padding-inline: var(--hf-space-4); border-radius: var(--hf-radius-md); color: var(--hf-color-text-muted); font-weight: 500; }
.hf-public-drawer__nav a:hover { color: var(--hf-color-primary); background: color-mix(in srgb, var(--hf-color-primary) 7%, var(--hf-color-surface)); }
.hf-public-drawer__account { display: grid; gap: var(--hf-space-2); margin-block-start: auto; }
.hf-btn--block { inline-size: 100%; }

.hf-public-section { position: relative; padding-block: clamp(3.75rem, 7vw, 6.5rem); }
.hf-public-section--soft { background: color-mix(in srgb, var(--hf-color-surface-muted) 72%, var(--hf-color-surface)); border-block: 1px solid color-mix(in srgb, var(--hf-color-border) 80%, transparent); }
.hf-public-section--compact { padding-block: clamp(2rem, 4vw, 3.5rem); }
.hf-public-narrow { inline-size: min(100%, 52rem); margin-inline: auto; }
.hf-public-page-heading { margin-block-end: clamp(2rem, 4vw, 3rem); }
.hf-public-page-heading--row, .hf-public-section__heading--row { display: flex; align-items: end; justify-content: space-between; gap: var(--hf-space-6); }
.hf-public-page-heading h1, .hf-public-section__heading h2 { margin: 0; line-height: 1.35; color: var(--hf-color-text); }
.hf-public-page-heading h1 { }
.hf-public-section__heading h2 { }
.hf-public-page-heading p, .hf-public-section__heading p { max-inline-size: 48rem; margin: var(--hf-space-3) 0 0; color: var(--hf-color-text-muted); }
.hf-public-section__heading { margin-block-end: clamp(1.75rem, 4vw, 2.75rem); }
.hf-public-eyebrow { display: inline-flex; align-items: center; min-block-size: 2rem; margin-block-end: var(--hf-space-3); padding-inline: var(--hf-space-3); border-radius: 999px; color: var(--hf-color-primary); background: color-mix(in srgb, var(--hf-color-primary) 9%, var(--hf-color-surface)); font-size: .85rem; font-weight: 500; }
.hf-public-lead { max-inline-size: 42rem; color: var(--hf-color-text-muted); font-size: clamp(1rem, 1.8vw, 1.18rem); }
.hf-public-actions { display: flex; flex-wrap: wrap; align-items: center; gap: var(--hf-space-3); }
.hf-btn--lg { padding-inline: var(--hf-space-6); }

.hf-public-hero { isolation: isolate; background: linear-gradient(180deg, color-mix(in srgb, var(--hf-color-primary) 5%, var(--hf-color-surface)) 0%, var(--hf-color-bg) 100%); }
.hf-public-hero::before { content: ""; position: absolute; inset: 0; z-index: -1; opacity: .55; background-image: radial-gradient(circle at 20% 20%, color-mix(in srgb, var(--hf-color-primary) 14%, transparent) 0 1px, transparent 1px); background-size: 28px 28px; mask-image: linear-gradient(to bottom, black, transparent 78%); }
.hf-public-hero__grid { min-block-size: min(42rem, calc(100vh - 5rem)); display: grid; grid-template-columns: minmax(0, 1.05fr) minmax(18rem, .95fr); align-items: center; gap: clamp(2.5rem, 7vw, 6.5rem); }
.hf-public-hero__content h1 { max-inline-size: 46rem; margin: 0; line-height: 1.25; letter-spacing: -.025em; }
.hf-public-hero__content .hf-public-actions { margin-block-start: var(--hf-space-6); }
.hf-public-hero__visual { position: relative; min-block-size: 24rem; display: grid; place-items: center; }
.hf-public-hero__orb { position: absolute; border-radius: 999px; filter: blur(1px); opacity: .72; }
.hf-public-hero__orb--one { inline-size: 14rem; block-size: 14rem; inset-block-start: 7%; inset-inline-start: 8%; background: color-mix(in srgb, var(--hf-color-primary) 24%, transparent); }
.hf-public-hero__orb--two { inline-size: 10rem; block-size: 10rem; inset-block-end: 7%; inset-inline-end: 9%; background: color-mix(in srgb, var(--hf-color-info) 20%, transparent); }
.hf-public-hero__console { position: relative; z-index: 1; inline-size: min(100%, 30rem); display: grid; gap: var(--hf-space-3); padding: var(--hf-space-6); border: 1px solid color-mix(in srgb, var(--hf-color-primary) 18%, var(--hf-color-border)); border-radius: calc(var(--hf-radius-lg) + .5rem); background: color-mix(in srgb, var(--hf-color-surface) 88%, transparent); box-shadow: 0 24px 70px rgb(15 23 42 / .12); backdrop-filter: blur(16px); }
.hf-public-hero__console > span { inline-size: .6rem; block-size: .6rem; display: inline-block; border-radius: 999px; background: color-mix(in srgb, var(--hf-color-primary) 42%, var(--hf-color-border)); }
.hf-public-hero__console > span:nth-child(2) { margin-inline-start: 1rem; transform: translateY(-.6rem); }
.hf-public-hero__console > span:nth-child(3) { margin-inline-start: 2rem; transform: translateY(-1.2rem); }
.hf-public-hero__server-row { min-block-size: 4.25rem; display: grid; grid-template-columns: auto 1fr auto; align-items: center; gap: var(--hf-space-4); padding-inline: var(--hf-space-4); border: 1px solid var(--hf-color-border); border-radius: var(--hf-radius-md); background: var(--hf-color-surface); box-shadow: var(--hf-shadow-sm); }
.hf-public-hero__server-row .hf-icon { color: var(--hf-color-primary); }
.hf-public-hero__server-row i { display: block; block-size: .55rem; border-radius: 999px; background: var(--hf-color-surface-muted); }
.hf-public-hero__server-row i:last-child { inline-size: .65rem; block-size: .65rem; background: var(--hf-color-success); }

.hf-public-feature-grid, .hf-public-product-grid, .hf-public-testimonial-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: var(--hf-space-5); }
.hf-public-feature-card, .hf-public-product-card, .hf-public-testimonial-card { margin: 0; border: 1px solid var(--hf-color-border); border-radius: var(--hf-radius-lg); background: var(--hf-color-surface); box-shadow: var(--hf-shadow-sm); }
.hf-public-feature-card { padding: var(--hf-space-6); transition: transform var(--hf-motion-normal) var(--hf-ease), box-shadow var(--hf-motion-normal) var(--hf-ease), border-color var(--hf-motion-normal) var(--hf-ease); }
.hf-public-feature-card:hover { transform: translateY(-3px); border-color: color-mix(in srgb, var(--hf-color-primary) 28%, var(--hf-color-border)); box-shadow: var(--hf-shadow-md); }
.hf-public-feature-card h3 { margin: var(--hf-space-4) 0 var(--hf-space-2); }
.hf-public-feature-card p { margin: 0; color: var(--hf-color-text-muted); }
.hf-public-iconbox { inline-size: 3rem; block-size: 3rem; display: grid; place-items: center; border-radius: var(--hf-radius-md); color: var(--hf-color-primary); background: color-mix(in srgb, var(--hf-color-primary) 9%, var(--hf-color-surface)); }

.hf-public-product-card { display: flex; flex-direction: column; min-block-size: 20rem; overflow: hidden; }
.hf-public-product-card__icon { inline-size: 3.25rem; block-size: 3.25rem; display: grid; place-items: center; margin: var(--hf-space-6) var(--hf-space-6) 0; border-radius: var(--hf-radius-md); color: var(--hf-color-primary); background: color-mix(in srgb, var(--hf-color-primary) 9%, var(--hf-color-surface)); }
.hf-public-product-card__body { flex: 1; padding: var(--hf-space-5) var(--hf-space-6); }
.hf-public-product-card__body h3 { margin: 0 0 var(--hf-space-3); }
.hf-public-product-card__description { color: var(--hf-color-text-muted); }
.hf-public-product-card__footer { display: grid; gap: var(--hf-space-3); padding: var(--hf-space-5) var(--hf-space-6); border-block-start: 1px solid var(--hf-color-border); background: color-mix(in srgb, var(--hf-color-surface-muted) 45%, var(--hf-color-surface)); }
.hf-public-product-card__hint { color: var(--hf-color-text-muted); font-size: .85rem; }

.hf-public-domain-search { position: relative; padding: clamp(1.5rem, 4vw, 2.75rem); border: 1px solid color-mix(in srgb, var(--hf-color-primary) 20%, var(--hf-color-border)); border-radius: calc(var(--hf-radius-lg) + .35rem); background: var(--hf-color-surface); box-shadow: var(--hf-shadow-md); overflow: hidden; }
.hf-public-domain-search::after { content: ""; position: absolute; inline-size: 12rem; block-size: 12rem; inset-inline-end: -5rem; inset-block-start: -6rem; border-radius: 999px; background: color-mix(in srgb, var(--hf-color-primary) 8%, transparent); pointer-events: none; }
.hf-public-domain-search__copy { position: relative; z-index: 1; }
.hf-public-domain-search__copy > .hf-icon { color: var(--hf-color-primary); inline-size: 2rem; block-size: 2rem; }
.hf-public-domain-search__copy h2 { margin: var(--hf-space-3) 0 0; }
.hf-public-domain-search__copy p { margin: var(--hf-space-2) 0 0; color: var(--hf-color-text-muted); }
.hf-public-domain-search__form { position: relative; z-index: 1; display: grid; grid-template-columns: 1fr auto; gap: var(--hf-space-3); margin-block-start: var(--hf-space-5); }
.hf-public-domain-search__links { display: flex; flex-wrap: wrap; gap: var(--hf-space-4); margin-block-start: var(--hf-space-4); color: var(--hf-color-primary); font-weight: 500; }

.hf-public-faq { display: grid; gap: var(--hf-space-3); }
.hf-public-faq__item { border: 1px solid var(--hf-color-border); border-radius: var(--hf-radius-md); background: var(--hf-color-surface); overflow: clip; }
.hf-public-faq__item summary { min-block-size: 3.75rem; display: flex; align-items: center; justify-content: space-between; gap: var(--hf-space-4); padding: var(--hf-space-4) var(--hf-space-5); cursor: pointer; font-weight: 500; list-style: none; }
.hf-public-faq__item summary::-webkit-details-marker { display: none; }
.hf-public-faq__item summary span { inline-size: 1.75rem; block-size: 1.75rem; display: grid; place-items: center; border-radius: 999px; background: var(--hf-color-surface-muted); transition: transform var(--hf-motion-fast) var(--hf-ease); }
.hf-public-faq__item[open] summary { color: var(--hf-color-primary); }
.hf-public-faq__item[open] summary span { transform: rotate(45deg); }
.hf-public-faq__answer { padding: 0 var(--hf-space-5) var(--hf-space-5); color: var(--hf-color-text-muted); }
.hf-public-faq__answer p { margin: 0; }

.hf-public-testimonial-card { padding: var(--hf-space-6); }
.hf-public-testimonial-card blockquote { margin: 0 0 var(--hf-space-5); color: var(--hf-color-text); }
.hf-public-testimonial-card figcaption { display: grid; gap: var(--hf-space-1); }
.hf-public-testimonial-card figcaption span { color: var(--hf-color-text-muted); font-size: .875rem; }
.hf-public-cta { display: flex; align-items: center; justify-content: space-between; gap: var(--hf-space-6); padding: clamp(1.75rem, 5vw, 3.5rem); border-radius: calc(var(--hf-radius-lg) + .5rem); color: var(--hf-color-text); background: linear-gradient(135deg, color-mix(in srgb, var(--hf-color-primary) 12%, var(--hf-color-surface)), color-mix(in srgb, var(--hf-color-info) 8%, var(--hf-color-surface))); border: 1px solid color-mix(in srgb, var(--hf-color-primary) 20%, var(--hf-color-border)); }
.hf-public-cta h2 { margin: 0; }
.hf-public-cta p { max-inline-size: 42rem; margin: var(--hf-space-2) 0 0; color: var(--hf-color-text-muted); }

.hf-public-logo-cloud__title { margin: 0 0 var(--hf-space-4); text-align: center; color: var(--hf-color-text-muted); }
.hf-public-logo-cloud { display: flex; flex-wrap: wrap; align-items: center; justify-content: center; gap: var(--hf-space-5); }
.hf-public-logo-cloud__item { min-inline-size: 8rem; min-block-size: 3.5rem; display: grid; place-items: center; padding: var(--hf-space-3) var(--hf-space-5); border: 1px solid var(--hf-color-border); border-radius: var(--hf-radius-md); color: var(--hf-color-text-muted); background: var(--hf-color-surface); font-weight: 500; }
.hf-public-logo-cloud__item img { max-block-size: 2rem; inline-size: auto; object-fit: contain; }
.hf-public-stats { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: var(--hf-space-4); }
.hf-public-stat { display: grid; gap: var(--hf-space-1); text-align: center; padding: var(--hf-space-5); border-inline-end: 1px solid var(--hf-color-border); }
.hf-public-stat:last-child { border-inline-end: 0; }
.hf-public-stat strong { color: var(--hf-color-primary); font-size: clamp(1.5rem, 3vw, 2.25rem); }
.hf-public-stat span { color: var(--hf-color-text-muted); }

.hf-public-richtext { color: var(--hf-color-text-muted); font-size: 1rem; }
.hf-public-richtext p { margin: var(--hf-space-4) 0; }
.hf-public-image-text { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); align-items: center; gap: clamp(2rem, 6vw, 5rem); }
.hf-public-image-text--reverse .hf-public-image-text__content { order: 2; }
.hf-public-image-text__content h2 { margin: 0; }
.hf-public-image-text__content p { color: var(--hf-color-text-muted); }
.hf-public-image-text__media { min-block-size: 22rem; overflow: hidden; border: 1px solid var(--hf-color-border); border-radius: calc(var(--hf-radius-lg) + .35rem); background: var(--hf-color-surface); box-shadow: var(--hf-shadow-md); }
.hf-public-image-text__media img { inline-size: 100%; block-size: 100%; min-block-size: 22rem; object-fit: cover; }
.hf-public-image-placeholder { min-block-size: 22rem; display: grid; place-items: center; color: var(--hf-color-primary); background: linear-gradient(135deg, color-mix(in srgb, var(--hf-color-primary) 9%, var(--hf-color-surface)), var(--hf-color-surface)); }
.hf-public-image-placeholder .hf-icon { inline-size: 4rem; block-size: 4rem; }
.hf-public-empty { padding: var(--hf-space-8); }

.hf-public-contact-page { background: linear-gradient(180deg, color-mix(in srgb, var(--hf-color-primary) 4%, var(--hf-color-surface)), var(--hf-color-bg)); }
.hf-public-contact-form { display: grid; gap: var(--hf-space-5); max-inline-size: 52rem; margin-inline: auto; padding: clamp(1.25rem, 4vw, 2rem); }
.hf-public-contact-form__actions { display: flex; justify-content: flex-start; }
.hf-public-contact-form__captcha { overflow: auto; }

.hf-domain-pricing-page { background: var(--hf-color-bg); }
.hf-featured-tlds { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: var(--hf-space-4); margin-block-end: var(--hf-space-8); }
.hf-featured-tld-card { display: grid; gap: var(--hf-space-3); padding: var(--hf-space-5); border: 1px solid var(--hf-color-border); border-radius: var(--hf-radius-lg); background: var(--hf-color-surface); box-shadow: var(--hf-shadow-sm); }
.hf-featured-tld-card > strong { font-size: 1.35rem; direction: ltr; text-align: right; }
.hf-featured-tld-card__price { display: flex; align-items: baseline; gap: var(--hf-space-2); color: var(--hf-color-primary); font-weight: 500; }
.hf-featured-tld-card__price small { color: var(--hf-color-text-muted); font-weight: 500; }
.hf-featured-tld-card > a { color: var(--hf-color-primary); font-weight: 500; }
.hf-domain-pricing-toolbar { display: flex; align-items: center; justify-content: space-between; gap: var(--hf-space-4); margin-block-end: var(--hf-space-5); }
.hf-domain-currency-form { display: flex; align-items: center; gap: var(--hf-space-3); }
.hf-tld-categories { display: flex; flex-wrap: wrap; gap: var(--hf-space-2); }
.hf-chip { min-block-size: 2.35rem; padding-inline: var(--hf-space-4); border: 1px solid var(--hf-color-border); border-radius: 999px; color: var(--hf-color-text-muted); background: var(--hf-color-surface); cursor: pointer; }
.hf-chip.is-active { color: var(--hf-color-primary); border-color: color-mix(in srgb, var(--hf-color-primary) 34%, var(--hf-color-border)); background: color-mix(in srgb, var(--hf-color-primary) 8%, var(--hf-color-surface)); }
.hf-domain-pricing-table { min-inline-size: 52rem; }
.hf-domain-pricing-table td strong, .hf-domain-pricing-table td small { display: block; }
.hf-domain-pricing-table td small { color: var(--hf-color-text-muted); }
.hf-domain-category-label { display: inline-flex; margin: .15rem; padding: .15rem .45rem; border-radius: 999px; color: var(--hf-color-text-muted); background: var(--hf-color-surface-muted); font-size: .75rem; }

.hf-public-footer { margin-block-start: 0; padding-block: clamp(2.5rem, 5vw, 4rem) 0; border-block-start: 1px solid var(--hf-color-border); background: var(--hf-color-surface); }
.hf-public-footer__grid { display: grid; grid-template-columns: minmax(16rem, 1.5fr) repeat(3, minmax(9rem, 1fr)); gap: clamp(1.5rem, 4vw, 3rem); }
.hf-public-footer__brand p { max-inline-size: 26rem; margin: var(--hf-space-4) 0 0; color: var(--hf-color-text-muted); }
.hf-public-footer__group { display: grid; align-content: start; gap: var(--hf-space-3); }
.hf-public-footer__group strong { margin-block-end: var(--hf-space-1); }
.hf-public-footer__group a { color: var(--hf-color-text-muted); }
.hf-public-footer__group a:hover { color: var(--hf-color-primary); }
.hf-public-footer__bottom { margin-block-start: var(--hf-space-8); padding-block: var(--hf-space-5); border-block-start: 1px solid var(--hf-color-border); color: var(--hf-color-text-muted); }

@media (max-width: 1024px) {
  .hf-public-nav { gap: var(--hf-space-3); }
  .hf-public-feature-grid, .hf-public-product-grid, .hf-public-testimonial-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .hf-featured-tlds { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .hf-public-footer__grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

@media (max-width: 767px) {
  .hf-public-header__inner { min-block-size: 4.25rem; gap: var(--hf-space-3); }
  .hf-public-nav { display: none; }
  .hf-public-account-link { display: none; }
  .hf-public-menu-toggle { display: inline-grid; }
  .hf-public-brand { margin-inline-end: auto; }
  .hf-public-section { padding-block: 3.25rem; }
  .hf-public-section--compact { padding-block: 2.25rem; }
  .hf-public-page-heading--row, .hf-public-section__heading--row, .hf-public-cta { align-items: stretch; flex-direction: column; }
  .hf-public-hero__grid { min-block-size: auto; grid-template-columns: 1fr; gap: var(--hf-space-8); padding-block: 3.5rem; }
  .hf-public-hero__content h1 { }
  .hf-public-hero__visual { min-block-size: 19rem; }
  .hf-public-hero__console { padding: var(--hf-space-4); }
  .hf-public-feature-grid, .hf-public-product-grid, .hf-public-testimonial-grid, .hf-featured-tlds, .hf-public-image-text, .hf-public-footer__grid { grid-template-columns: 1fr; }
  .hf-public-image-text--reverse .hf-public-image-text__content { order: 0; }
  .hf-public-image-text__media, .hf-public-image-text__media img, .hf-public-image-placeholder { min-block-size: 16rem; }
  .hf-public-domain-search__form { grid-template-columns: 1fr; }
  .hf-public-domain-search__form .hf-btn { inline-size: 100%; }
  .hf-public-actions > .hf-btn { flex: 1 1 auto; }
  .hf-public-stats { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .hf-public-stat:nth-child(2n) { border-inline-end: 0; }
  .hf-domain-pricing-toolbar { align-items: stretch; flex-direction: column; }
  .hf-domain-currency-form { justify-content: space-between; }
  .hf-domain-pricing-table { min-inline-size: 0; }
  .hf-domain-pricing-table thead { display: none; }
  .hf-domain-pricing-table, .hf-domain-pricing-table tbody, .hf-domain-pricing-table tr, .hf-domain-pricing-table td { display: block; inline-size: 100%; }
  .hf-domain-pricing-table tr { margin-block-end: var(--hf-space-4); padding: var(--hf-space-3); border: 1px solid var(--hf-color-border); border-radius: var(--hf-radius-lg); background: var(--hf-color-surface); box-shadow: var(--hf-shadow-sm); }
  .hf-domain-pricing-table td { display: grid; grid-template-columns: minmax(6.5rem, .55fr) 1fr; gap: var(--hf-space-3); padding: var(--hf-space-3); border: 0; border-block-end: 1px solid var(--hf-color-border); }
  .hf-domain-pricing-table td:last-child { border-block-end: 0; }
  .hf-domain-pricing-table td::before { content: attr(data-label); color: var(--hf-color-text-muted); font-size: .85rem; font-weight: 500; }
  .hf-public-footer__grid { gap: var(--hf-space-8); }
  .hf-public-footer__bottom { text-align: center; }
}