/* Domain parking page.
   The dark palette is repeated for two selectors on purpose: once for the OS
   preference, once for the header toggle. light-dark() would merge them but
   only ships in browsers from 2024 on. */

:root {
  color-scheme: light dark;
  --bg:         #ffffff;
  --tint:       #eef2fa;   /* band, icon circles */
  --text:       #1b1f26;
  --muted:      #61697a;
  --border:     #d8dee8;
  --rule:       #ebeef3;
  --brand:      #4472c4;   /* Joker blue */
  --brand-dark: #35589b;
  --on-brand:   #ffffff;
  --bar:        #3a63b0;
  --on-bar:     #eef3fc;
  --maxw: 960px;
}
@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) {
    --bg:         #101319;
    --tint:       #1b2432;
    --text:       #e8ebf1;
    --muted:      #98a1b2;
    --border:     #333b48;
    --rule:       #232a34;
    --brand:      #7ba3e8;
    --brand-dark: #a3c1f2;
    --on-brand:   #101319;
    --bar:        #1b2a45;
    --on-bar:     #9fb2d4;
  }
}
:root[data-theme="dark"] {
  --bg:         #101319;
  --tint:       #1b2432;
  --text:       #e8ebf1;
  --muted:      #98a1b2;
  --border:     #333b48;
  --rule:       #232a34;
  --brand:      #7ba3e8;
  --brand-dark: #a3c1f2;
  --on-brand:   #101319;
  --bar:        #1b2a45;
  --on-bar:     #9fb2d4;
}
html[data-theme="light"] { color-scheme: light; }
html[data-theme="dark"]  { color-scheme: dark; }

*, *::before, *::after { box-sizing: border-box; }

.visually-hidden {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip-path: inset(50%);
  white-space: nowrap;
  border: 0;
}

body {
  margin: 0;
  min-height: 100vh;
  display: flex;
  flex-direction: column;
  font: 16px/1.5 "Segoe UI", ui-sans-serif, system-ui, -apple-system, Helvetica, Arial, sans-serif;
  color: var(--text);
  background: var(--bg);
  -webkit-font-smoothing: antialiased;
}
a {
  color: var(--brand);

  &:hover { color: var(--brand-dark); }
}

/* Icons and logo are inlined as data URIs to avoid extra requests. */
.uicon,
.feature .icon::before {
  -webkit-mask: var(--icon) center / contain no-repeat;
  mask: var(--icon) center / contain no-repeat;
}
.icon-dyndns { --icon: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-width%3D%221.7%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Crect%20x%3D%222.2%22%20y%3D%222.8%22%20width%3D%2215.2%22%20height%3D%226.2%22%20rx%3D%221.4%22%20%2F%3E%3Cpath%20d%3D%22M5.2%205.9h.01%22%20%2F%3E%3Crect%20x%3D%222.2%22%20y%3D%2211.4%22%20width%3D%229.4%22%20height%3D%226.2%22%20rx%3D%221.4%22%20%2F%3E%3Cpath%20d%3D%22M5.2%2014.5h.01%22%20%2F%3E%3Cpath%20d%3D%22M21.4%2017.2a4.6%204.6%200%201%201-1.7-3.55%22%20%2F%3E%3Cpath%20d%3D%22M20%2010.9v3h-3%22%20%2F%3E%3C%2Fsvg%3E"); }
.icon-globe { --icon: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-width%3D%221.7%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Ccircle%20cx%3D%2212%22%20cy%3D%2212%22%20r%3D%229%22%20%2F%3E%3Cpath%20d%3D%22M3%2012h18M12%203c2.9%203.6%202.9%2014.4%200%2018M12%203c-2.9%203.6-2.9%2014.4%200%2018%22%20%2F%3E%3C%2Fsvg%3E"); }
.icon-more { --icon: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-width%3D%221.7%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Crect%20x%3D%222.8%22%20y%3D%222.8%22%20width%3D%227.6%22%20height%3D%227.6%22%20rx%3D%221.6%22%20%2F%3E%3Crect%20x%3D%2213.6%22%20y%3D%222.8%22%20width%3D%227.6%22%20height%3D%227.6%22%20rx%3D%221.6%22%20%2F%3E%3Crect%20x%3D%222.8%22%20y%3D%2213.6%22%20width%3D%227.6%22%20height%3D%227.6%22%20rx%3D%221.6%22%20%2F%3E%3Cpath%20d%3D%22M17.4%2013.9v7M13.9%2017.4h7%22%20%2F%3E%3C%2Fsvg%3E"); }
.icon-no-lock-in { --icon: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-width%3D%221.7%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Crect%20x%3D%223.6%22%20y%3D%228.6%22%20width%3D%2216.8%22%20height%3D%2213.4%22%20rx%3D%222.6%22%20%2F%3E%3Cpath%20d%3D%22M8.4%208.6V5.3a4.6%204.6%200%200%201%209-1.3%22%20%2F%3E%3Ccircle%20cx%3D%2212%22%20cy%3D%2214.3%22%20r%3D%221.4%22%20%2F%3E%3Cpath%20d%3D%22M12%2015.9v2.5%22%20%2F%3E%3C%2Fsvg%3E"); }
.icon-secure-email { --icon: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-width%3D%221.7%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M16.2%2015.4H3.6A1.6%201.6%200%200%201%202%2013.8V5.6A1.6%201.6%200%200%201%203.6%204h12.6a1.6%201.6%200%200%201%201.6%201.6v3.1%22%20%2F%3E%3Cpath%20d%3D%22m2.5%205%207.3%205.4L17.1%205%22%20%2F%3E%3Cpath%20d%3D%22M17.6%2012.6%2022%2014.2v3.1c0%202.7-1.8%204.7-4.4%205.5-2.6-.8-4.4-2.8-4.4-5.5v-3.1Z%22%20%2F%3E%3C%2Fsvg%3E"); }
.icon-theme { --icon: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-width%3D%221.7%22%3E%3Ccircle%20cx%3D%2212%22%20cy%3D%2212%22%20r%3D%229%22%20%2F%3E%3Cpath%20d%3D%22M12%203a9%209%200%200%200%200%2018Z%22%20fill%3D%22%23000%22%20stroke%3D%22none%22%20%2F%3E%3C%2Fsvg%3E"); }
.icon-transparency { --icon: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-width%3D%221.7%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M12.6%202.6A2%202%200%200%200%2011.2%202H4.1a2%202%200%200%200-2%202v7.1a2%202%200%200%200%20.6%201.42l8.7%208.7a2.4%202.4%200%200%200%203.4%200l6.6-6.6a2.4%202.4%200%200%200%200-3.4Z%22%20%2F%3E%3Cpath%20d%3D%22M7.6%207.6h.01%22%20%2F%3E%3C%2Fsvg%3E"); }
.icon-url-forwarding { --icon: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-width%3D%221.7%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Ccircle%20cx%3D%229.5%22%20cy%3D%2212%22%20r%3D%227.2%22%20%2F%3E%3Cpath%20d%3D%22M2.3%2012h19.2M18.7%209.2%2021.5%2012l-2.8%202.8%22%20%2F%3E%3Cpath%20d%3D%22M9.5%204.8c3.3%204.1%203.3%2010.3%200%2014.4M9.5%204.8c-3.3%204.1-3.3%2010.3%200%2014.4%22%20%2F%3E%3C%2Fsvg%3E"); }

/* --- header ------------------------------------------------------------- */

.site-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  padding: 10px 24px;
  background: var(--bar);

  @media (max-width: 360px) { flex-direction: column; }
}
.wordmark {
  display: block;
  width: 171px;
  height: 32px;
  background: url("data:image/png;base64,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") left center / contain no-repeat;
  @media (max-width: 520px) { width: 139px; height: 26px; }
}
.utils { display: flex; gap: 4px; }
.util {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  padding: 7px 10px;
  border: 0;
  border-radius: 4px;
  background: none;
  font: inherit;
  font-size: 14px;
  color: var(--on-bar);
  text-decoration: none;
  cursor: pointer;

  &:hover { color: #fff; background: rgb(255 255 255 / 0.14); }
  &:focus-visible { outline: 2px solid currentColor; outline-offset: 1px; }
}
.uicon { width: 17px; height: 17px; background: currentColor; }

/* --- page shell: each direct child of <main> is a block ------------------ */

main {
  flex: 1;
  padding-inline: clamp(16px, 2.5vw, 44px);   /* even gutter at any width */
  display: flex;
  flex-direction: column;
  gap: clamp(18px, 3vh, 28px);
}
.inner {                                       /* constrains block content */
  max-width: var(--maxw);
  margin: 0 auto;
  padding: 0 24px;
}

/* --- block: title + parking status --------------------------------------- */

.title {
  padding: 16px;
  text-align: center;

  & h1 {
    margin: 0;
    font-size: clamp(30px, 4.4vw, 46px);
    font-weight: 300;
    line-height: 1.15;
    letter-spacing: -0.012em;
    text-wrap: balance;
  }
  & .domain { font-weight: 500; color: var(--brand); overflow-wrap: anywhere; }
}
.status { margin: 14px auto 20px; color: var(--muted); text-wrap: pretty; }

.btn {
  display: inline-block;
  padding: 12px 30px;
  border-radius: 4px;
  background: var(--brand);
  color: var(--on-brand);
  font-weight: 600;
  text-decoration: none;

  &:hover { background: var(--brand-dark); color: var(--on-brand); }
}


.provider {
  padding: 16px;
  background: var(--tint);
  border-block: 1px solid var(--rule);

  & .inner {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 22px;
  }
}
.eyebrow {
  margin: 0;
  font-size: 15px;
  color: var(--muted);
  text-align: center;

  & a { text-decoration: none; }
  & strong { color: var(--text); }
  & a:hover strong { color: var(--brand); }
}

.feature-row {
  display: grid;
  grid-template-columns: repeat(6, minmax(0, 1fr));
  gap: 18px 16px;
  width: 100%;
  max-width: 900px;   /* columns fill the row, this stops them over-widening */

  @media (max-width: 860px) { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  @media (max-width: 520px) { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
.feature {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 8px;
  color: inherit;
  text-decoration: none;
  text-align: center;

  & strong { font-size: 14px; font-weight: 650; line-height: 1.3; }
  & span:last-child { font-size: 13px; line-height: 1.4; color: var(--muted); text-wrap: pretty; }
  &:hover strong { color: var(--brand); }
  & .icon {
    width: 62px;
    height: 62px;
    border-radius: 50%;
    background: var(--bg);
    display: grid;
    place-items: center;
  }
  & .icon::before { content: ""; width: 30px; height: 30px; background: var(--brand); }
  &:hover .icon { background: var(--brand); }
  &:hover .icon::before { background: var(--on-brand); }
}

/* --- block: domain search ------------------------------------------------- */

.search {
  display: flex;
  width: 100%;
  max-width: 520px;

  & input {
    flex: 1;
    min-width: 0;
    padding: 12px 16px;
    font: inherit;
    color: var(--text);
    background: var(--bg);
    border: 1px solid var(--border);
    border-right: 0;
    border-radius: 4px 0 0 4px;
  }
  & input::placeholder { color: var(--muted); }
  & input:focus-visible { outline: 2px solid var(--brand); outline-offset: -2px; }
  & button {
    padding: 12px 22px;
    font: inherit;
    font-weight: 600;
    color: var(--on-brand);
    background: var(--brand);
    border: 0;
    border-radius: 0 4px 4px 0;
    cursor: pointer;
    white-space: nowrap;
  }
  & button:hover { background: var(--brand-dark); }
}

/* --- footer ---------------------------------------------------------------- */

.site-footer {
  padding: 18px 24px;
  border-top: 1px solid var(--rule);
  text-align: center;
  font-size: 13px;
  color: var(--muted);
}