.top {
  position: sticky;
  top: 0;
  z-index: var(--z-sticky);
  display: flex;
  align-items: center;
  min-height: var(--header-height);
  gap: var(--space-4);
  padding-inline: max(
    var(--page-padding),
    calc((100vw - var(--page-max-width)) / 2)
  );
  background: var(--color-surface);
  border-bottom: var(--border-thin) solid var(--color-border);
}
body.site-page select {
  padding-right: var(--space-8);
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M4 6.5l4 4 4-4' fill='none' stroke='%23465a6b' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
  background-position: right var(--space-3) center;
  background-repeat: no-repeat;
  background-size: 16px 16px;
  appearance: none;
  cursor: pointer;
}
:where(table, .ui-aligned-table) .ui-button {
  height: var(--control-height-table);
  min-height: var(--control-height-table);
  min-width: var(--button-min-width-table);
  max-width: none;
  padding: 0 var(--space-4);
}
td[data-type="number"] {
  text-align: right;
  font-variant-numeric: tabular-nums;
}
@media (min-width: 1440px) {
  .public-layout-container,
  .shell {
    padding-left: var(--page-padding-large);
    padding-right: var(--page-padding-large);
  }
}
.public-body {
  display: flex;
  flex-direction: column;
  min-height: var(--vh);
  background: var(--color-surface);
  color: var(--color-ink);
}
.public-layout-container {
  width: 100%;
  max-width: 1360px;
  margin-inline: auto;
  padding-inline: var(--space-8);
}
.public-page-shell {
  width: 100%;
  max-width: 1360px;
  margin-top: var(--space-6);
  margin-bottom: var(--space-8);
  flex: 1 0 auto;
}
:is(.public-document, .public-document-section, body.public-access)
  .document-version {
  margin: var(--space-2) 0 0;
  padding: 0;
  color: var(--color-muted);
  font-size: var(--font-14);
  line-height: var(--leading-normal);
}
.public-document > div {
  display: block;
}
.public-document-section {
  display: block;
  padding: var(--space-6) 0;
  border-bottom: var(--border-thin) solid var(--color-border);
}
.public-document-section:last-child {
  border-bottom: 0;
  padding-bottom: 0;
}
.public-document-section > div:first-child > p:first-child:not(:only-child) {
  margin: 0 0 var(--space-2);
  color: var(--color-muted);
  font-size: var(--font-14);
  font-weight: var(--weight-strong);
  letter-spacing: var(--tracking-wide);
  text-transform: none;
}
.public-document form + h3 {
  margin-top: var(--space-6);
}
.public-document p {
  max-width: none;
  margin: 0 0 var(--space-4);
  line-height: var(--leading-relaxed);
  color: var(--color-ink);
}
.public-document p:last-child {
  margin-bottom: 0;
}
.public-not-found {
  text-align: left;
  padding-top: var(--space-6);
}
.public-not-found h1 {
  font-size: var(--h2-size);
}
.public-not-found .ui-button + .public-section-summary {
  margin-top: var(--space-4);
}
html [hidden] {
  display: none;
}
:where(table, .ui-aligned-table) thead th {
  text-align: left;
  vertical-align: middle;
  font-weight: var(--weight-strong);
}
:where(table, .ui-aligned-table) td[data-type="number"] {
  text-align: right;
  font-variant-numeric: tabular-nums lining-nums;
}
.public-document h3 {
  max-width: none;
  margin: 0 0 var(--space-2);
  font-size: var(--font-16);
  font-weight: var(--weight-strong);
  line-height: var(--leading-snug);
  color: var(--color-ink);
  font-family: inherit;
}
.public-document :where(p, li, h2, h3, a, strong, span) {
  overflow-wrap: anywhere;
}
.public-document :where(img, svg, video, iframe) {
  max-width: 100%;
  height: auto;
}
body.public-access [hidden] {
  display: none !important;
}
body.public-access :is(h2, h3) {
  scroll-margin-top: 110px;
}
.public-editorial-document {
  width: 100%;
}
.public-document-section > :is(h2, summary > h2) {
  margin: 0 0 var(--space-2);
}
.public-section-summary {
  margin: 0 0 var(--space-4);
  max-width: none;
  line-height: var(--leading-relaxed);
}
.public-detail-list {
  margin: 0 0 var(--space-4);
  padding-left: var(--space-5);
  display: grid;
  gap: var(--space-2);
}
.public-detail-list li {
  line-height: var(--leading-relaxed);
  padding-left: var(--space-1);
}
:is(
  input:not(
    [type="checkbox"],
    [type="radio"],
    [type="range"],
    [type="file"],
    [type="hidden"],
    [type="button"],
    [type="submit"]
  ),
  select,
  textarea,
  .app-login .su-country__button
) {
  border: var(--border-thin) solid var(--color-border-input);
  outline: 0;
  transition:
    border-color var(--transition-fast),
    box-shadow var(--transition-fast);
  box-shadow: none;
}
body.public-access .public-document :is(p, li) {
  font-size: var(--font-16);
  line-height: var(--leading-relaxed);
}
body.public-access .public-document .public-section-summary {
  color: var(--color-muted);
}
.page-contents {
  display: grid;
  gap: var(--space-0);
  align-content: start;
  font-size: var(--font-14);
}
.page-contents > strong {
  margin: 0 0 var(--space-2);
  color: var(--color-muted);
  font-size: var(--font-12);
  font-weight: var(--weight-strong);
}
.page-contents > a {
  padding: var(--space-1h) var(--space-2h);
  border-left: var(--border-strong) solid var(--color-border);
  color: var(--color-muted);
  line-height: var(--leading-normal);
  text-decoration: none;
}
.page-contents > a:focus-visible,
.page-contents > a:hover {
  color: var(--color-brand);
  border-left-color: var(--color-brand);
}
.page-contents > a.is-current {
  color: var(--color-brand);
  border-left-color: var(--color-brand);
  background: var(--color-teal-soft);
  font-weight: var(--weight-strong);
}
@media (max-width: 1200px) {
  .public-page-shell.public-has-toc > .page-contents {
    display: none;
  }
  .public-document {
    max-width: 780px;
  }
}
@media (min-width: 1201px) {
  .public-has-toc > .document-version,
  .public-has-toc > .public-document {
    grid-column: 2;
  }
  .public-has-toc > .page-contents {
    grid-column: 1;
    grid-row: 1 / span 4;
    position: sticky;
    top: 96px;
    align-self: start;
    max-height: calc(var(--vh) - 120px);
    overflow-y: auto;
  }
  .public-page-shell.public-has-toc {
    display: grid;
    grid-template-columns: 240px minmax(0, 760px);
    column-gap: var(--space-10);
    align-content: start;
    justify-content: start;
  }
}
#check .verify-box {
  display: grid;
  gap: var(--space-4);
  max-width: none;
  padding: var(--space-5);
  border: var(--border-thin) dashed var(--color-info-border);
  border-radius: var(--radius-lg);
  background: var(--color-teal-soft);
}
.verify-box .ui-field {
  font-weight: var(--weight-strong);
  color: var(--color-ink);
}
.verify-box input[type="file"] {
  width: 100%;
  height: auto;
  min-height: 56px;
  box-sizing: border-box;
  display: flex;
  align-items: center;
  padding: var(--space-2) var(--space-3);
  border: var(--border-thin) solid var(--color-border-input);
  border-radius: var(--radius-md);
  background: var(--color-surface);
  color: var(--color-muted);
  font: inherit;
  font-weight: var(--weight-regular);
  cursor: pointer;
}
.verify-box input[type="file"]:hover {
  border-color: var(--color-border-input-hover);
}
.verify-box input[type="file"]::file-selector-button {
  margin-right: var(--space-3);
  padding: var(--space-2) var(--space-4);
  border: 0;
  border-radius: var(--radius-md);
  background: var(--color-brand);
  color: var(--color-on-brand);
  font: inherit;
  font-weight: var(--weight-strong);
  cursor: pointer;
}
.verify-box input[type="file"]:hover::file-selector-button {
  filter: brightness(1.1);
}
.verify-box input[type="file"]:focus-visible {
  outline: 0;
  border-color: var(--color-brand);
  box-shadow: var(--field-ring);
}
.verify-outcome {
  margin: 0;
  padding: var(--space-3) var(--space-4);
  border: var(--border-thin) solid var(--color-border);
  border-radius: var(--radius-md);
  font-weight: var(--weight-strong);
}
.verify-outcome:empty {
  display: none;
}
body.public-body {
  background: var(--color-canvas);
}
body.public-body .public-document-section {
  margin-bottom: 0;
  padding: var(--space-5) 0;
  border: 0;
  border-bottom: var(--border-thin) solid var(--color-border-strong);
  border-radius: 0;
  background: 0 0;
  box-shadow: none;
}
body.public-body .public-document-section > :is(h2, summary > h2) {
  position: relative;
}
body.public-body .public-detail-list li::marker {
  color: var(--color-brand);
}
body.public-body .page-contents > a {
  border-radius: 0 var(--radius-md) var(--radius-md) 0;
  transition:
    color var(--transition-fast),
    background-color var(--transition-fast),
    border-color var(--transition-fast);
}
body.public-body .page-contents > a:hover {
  background: var(--color-surface-2);
}
body.public-body .page-contents > a.is-current {
  background: linear-gradient(
    90deg,
    var(--color-teal-soft),
    var(--color-surface-subtle)
  );
  border-left-color: var(--color-brand);
}
body.public-body .ui-button:not(:disabled) {
  transition:
    transform var(--transition-fast),
    box-shadow var(--transition-fast);
}
body.public-body .ui-button:hover:not(:disabled) {
  box-shadow: var(--shadow-brand);
}
body.public-body .public-document-section > :last-child {
  margin-bottom: 0;
}
.su-trap {
  position: absolute;
  left: -10000px;
  width: 1px;
  height: 1px;
  overflow: hidden;
}
@page {
  size: A4;
  margin: 16mm;
}
.business-details {
  white-space: pre-line;
}
.wordmark {
  display: inline-flex;
  align-items: baseline;
  gap: var(--space-3);
  line-height: var(--leading-none);
  white-space: nowrap;
  color: var(--color-ink);
  text-decoration: none;
  --wm-logo: calc(var(--font-20) * var(--wm-logo-ratio));
}
.site-header .wm-logo,
.site-footer .wm-logo {
  height: calc(var(--font-20) * 1.8);
}
.wm-logo {
  display: block;
  flex: none;
  width: auto;
  height: var(--wm-logo);
}
.public-legal-part {
  margin: 0 0 var(--space-5);
  padding-top: var(--space-1);
}
.public-legal-part:last-child {
  margin-bottom: 0;
}
#conduct,
#contact,
#cookies,
#privacy,
#refunds,
#status,
#story,
#terms,
#verify {
  scroll-margin-top: 80px;
}
.public-document-section > summary {
  display: block;
  position: relative;
  padding-right: var(--space-6);
  cursor: pointer;
  list-style: none;
}
.public-document-section > summary::-webkit-details-marker {
  display: none;
}
.public-document-section > summary:after {
  content: "";
  position: absolute;
  right: 6px;
  top: 8px;
  width: 9px;
  height: 9px;
  border-right: var(--border-strong) solid var(--color-brand);
  border-bottom: var(--border-strong) solid var(--color-brand);
  transform: rotate(45deg);
  transition: transform var(--transition-fast);
}
.public-document-section[open] > summary:after {
  top: 13px;
  transform: rotate(-135deg);
}
.public-document-section > summary:focus-visible {
  outline: var(--border-strong) solid var(--color-brand);
  outline-offset: 4px;
  border-radius: var(--radius-md);
}
.public-document-section > summary > .public-section-summary {
  margin: 0;
}
.public-document-section[open] > summary > .public-section-summary {
  margin-bottom: var(--space-4);
}
.public-section-body > :last-child {
  margin-bottom: 0;
}
.public-document h2 {
  max-width: none;
  margin: 0 0 var(--space-2);
  font-size: var(--font-20);
  font-weight: var(--weight-strong);
  line-height: var(--leading-snug);
  color: var(--color-ink);
  font-family: var(--font-serif);
  letter-spacing: var(--tracking-tight);
}
.public-document h1 {
  font-family: var(--font-serif);
  letter-spacing: var(--tracking-tight);
}
.public-document-section > summary > span.public-section-summary {
  display: block;
  line-height: var(--leading-relaxed);
}

::selection {
  background: var(--color-teal-soft);
  color: var(--color-ink);
}
:is(
    .site-prose,
    .site-section-head,
    .site-note,
    .faq-item p,
    .public-document,
    td
  )
  a:not(.ui-button) {
  text-decoration-color: var(--color-teal-line);
  text-decoration-thickness: 1px;
  text-underline-offset: 3px;
}
:is(
    .site-prose,
    .site-section-head,
    .site-note,
    .faq-item p,
    .public-document,
    td
  )
  a:not(.ui-button):hover {
  color: var(--color-brand-strong);
  text-decoration-color: var(--color-brand);
}
.site-page a:focus-visible,
.site-page button:focus-visible,
.site-page label:focus-visible {
  outline: var(--focus-outline-width) solid var(--color-brand);
  outline-offset: var(--focus-outline-offset);
}
body.site-page > header.site-header {
  position: sticky;
  top: 0;
  z-index: var(--z-header);
  background:
    var(--gradient-logo) left bottom/100% 3px no-repeat,
    var(--color-header);
  border-bottom: var(--border-thin) solid var(--color-on-brand-line);
  transition: box-shadow var(--transition-fast);
}
.site-header-inner {
  display: grid;
  grid-template-columns: 1fr auto 1fr;
  align-items: center;
  min-height: 78px;
  padding-block: var(--space-3);
}
.site-brand {
  justify-self: start;
  text-decoration: none;
}
.site-nav {
  display: flex;
  gap: var(--space-5);
}
.site-nav a {
  padding: var(--space-1) var(--space-2);
  border-radius: var(--radius-pill);
  font-size: var(--font-14);
  font-weight: var(--weight-strong);
  text-decoration: none;
  display: inline-flex;
  align-items: center;
  min-height: 36px;
  padding-inline: var(--space-3);
}
.site-nav a:hover {
  color: var(--color-on-brand);
  background: var(--color-surface-2);
}
.site-nav a[aria-current="page"] {
  background: var(--color-teal-soft);
}
.site-actions {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: var(--space-4);
}
.site-login {
  color: var(--color-on-brand);
  font-size: var(--font-14);
  font-weight: var(--weight-strong);
  text-decoration: none;
  display: inline-flex;
  align-items: center;
  min-height: 36px;
}
.site-login:hover {
  text-decoration: underline;
}
.site-page .site-header :is(a:focus-visible) {
  outline-color: var(--color-on-brand);
}
.site-band > *,
.site-close > *,
.site-hero > * {
  position: relative;
}
.site-hero {
  position: relative;
  overflow: hidden;
  color: var(--color-on-brand);
  background: var(--backdrop-brand);
  padding-block: var(--space-7);
}
.site-band {
  position: relative;
  overflow: hidden;
  color: var(--color-ink);
  background:
    radial-gradient(
      640px 320px at 90% 0,
      var(--color-teal-soft),
      transparent 70%
    ),
    var(--color-surface-2);
  border-bottom: var(--border-thin) solid var(--color-border);
  padding-block: var(--space-7);
}
.site-band::after {
  content: "";
  position: absolute;
  inset: 0 0 0 45%;
  background-image: radial-gradient(
    rgba(10, 120, 92, 0.2) 1px,
    transparent 1.4px
  );
  background-size: 18px 18px;
  -webkit-mask-image: linear-gradient(90deg, transparent, #000 75%);
  mask-image: linear-gradient(90deg, transparent, #000 75%);
  pointer-events: none;
}
.site-band h1 {
  margin: 0 0 var(--space-2);
  color: var(--color-ink);
}
.site-band p {
  max-width: 60ch;
  margin: var(--space-3) 0 0;
  font-size: var(--font-16);
  line-height: var(--leading-relaxed);
  color: var(--color-muted);
}
.site-hero-grid {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(0, 0.9fr);
  gap: var(--space-8);
  align-items: start;
}
.site-hero h1 {
  margin: -0.17em 0 var(--space-5);
  max-width: 19ch;
  color: var(--color-on-brand);
}
.site-lead {
  max-width: 50ch;
  margin: 0 0 var(--space-6);
  font-size: var(--font-20);
  line-height: var(--leading-relaxed);
  color: var(--color-on-brand-muted);
}
.site-cta {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: var(--space-5);
}
.site-cta--center {
  justify-content: center;
}
:is(.site-hero, .site-header) .ui-button.primary:not(:disabled) {
  color: var(--color-surface);
  background: var(--color-brand);
  border-color: var(--color-brand);
}
:is(.site-hero, .site-header) .ui-button.primary:hover:not(:disabled) {
  color: var(--color-surface);
  background: var(--color-brand-strong);
  border-color: var(--color-brand-strong);
}
:is(.site-hero, .site-header) .ui-button:focus-visible {
  outline-color: var(--color-on-brand);
  box-shadow: none;
}
.site-assurances {
  display: grid;
  grid-template-columns: repeat(2, max-content);
  gap: var(--space-2) var(--space-6);
  margin: var(--space-6) 0 0;
  padding: 0;
  list-style: none;
  color: var(--color-on-brand-muted);
  font-size: var(--font-14);
}
.site-assurances li {
  display: flex;
  align-items: center;
  gap: var(--space-2);
}
.site-assurances li:before {
  content: "";
  flex: none;
  width: 14px;
  height: 14px;
  background: var(--color-brand);
  -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M3 8.5l3.2 3.2L13 4.8' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")
    center/contain no-repeat;
  mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M3 8.5l3.2 3.2L13 4.8' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")
    center/contain no-repeat;
}
.probe {
  padding: var(--space-5);
  border: var(--border-thin) solid var(--color-on-brand-edge);
  background: var(--color-on-brand-glass);
  -webkit-backdrop-filter: blur(10px);
  backdrop-filter: blur(10px);
}
.probe-cap {
  margin: 0 0 var(--space-3);
  color: var(--color-on-brand-muted);
  font-size: var(--font-14);
  font-weight: var(--weight-strong);
}
.probe-toggle {
  position: relative;
  flex: none;
  width: 36px;
  height: 36px;
  padding: 0;
  border: var(--border-thin) solid var(--color-on-brand-edge);
  border-radius: var(--radius-round);
  background: 0 0;
  color: var(--color-on-brand);
  cursor: pointer;
}
.probe-toggle:before {
  content: "";
  position: absolute;
  inset: 0;
  margin: auto;
  width: 10px;
  height: 10px;
  background: currentColor;
  clip-path: polygon(
    0 0,
    35% 0,
    35% 100%,
    0 100%,
    0 0,
    65% 0,
    100% 0,
    100% 100%,
    65% 100%,
    65% 0
  );
}
.probe-toggle[data-state="paused"]:before {
  width: 10px;
  height: 11px;
  margin: auto auto auto 10px;
  clip-path: polygon(0 0, 100% 50%, 0 100%);
}
.probe-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: var(--space-3);
  margin: 0 0 var(--space-3);
}
.probe-head .probe-cap {
  margin: 0;
}
.probe-toggle:hover {
  background: var(--color-on-brand-glass);
}
.probe-row[aria-pressed="true"][data-blocked="true"] {
  border-color: var(--color-on-brand-line);
  opacity: 0.7;
}
.probe-row[aria-pressed="true"][data-blocked="true"] .probe-state:before {
  background: var(--color-on-brand-muted);
  box-shadow: none;
}
.probe-line.is-blocked {
  stroke: var(--grade-none);
  opacity: 0.7;
}
.probe-rows {
  display: grid;
  gap: var(--space-1h);
}
.probe-row {
  display: grid;
  grid-template-columns: 168px minmax(0, 1fr) auto;
  align-items: center;
  gap: var(--space-4);
  width: 100%;
  min-height: 40px;
  padding: 0 var(--space-4);
  border: var(--border-thin) solid var(--color-on-brand-line);
  border-radius: var(--radius-md);
  background: 0 0;
  color: var(--color-on-brand);
  font: inherit;
  text-align: left;
  cursor: pointer;
  transition:
    background var(--transition-fast),
    border-color var(--transition-fast),
    opacity var(--transition-fast);
}
.probe-row:hover {
  background: var(--color-on-brand-glass);
}
.probe-row[aria-pressed="true"] {
  border-color: var(--grade-color, var(--color-accent));
  background: var(--color-on-brand-glass);
}
.probe-field {
  font-size: var(--font-14);
  font-weight: var(--weight-strong);
}
.probe-blank {
  display: block;
  height: 8px;
  border-radius: var(--radius-pill);
  background: var(--color-on-brand-line);
}
.probe-row[aria-pressed="true"] .probe-blank {
  background: var(--color-on-brand-muted);
}
.probe-state {
  min-width: 72px;
  color: var(--color-on-brand-muted);
  font-size: var(--font-12);
  font-weight: var(--weight-strong);
  text-align: right;
}
.probe-row[aria-pressed="true"] .probe-state {
  color: var(--color-on-brand);
}
.probe-row[aria-pressed="true"] .probe-state:before {
  content: "";
  display: inline-block;
  width: 7px;
  height: 7px;
  margin-right: var(--space-1h);
  border-radius: var(--radius-round);
  background: var(--grade-color, var(--color-accent));
  box-shadow: 0 0 10px var(--grade-color, var(--color-accent));
}
.probe-result {
  margin-top: var(--space-2);
  padding-top: var(--space-3);
  border-top: var(--border-thin) solid var(--color-on-brand-edge);
}
.probe-flow {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 40px 164px;
  align-items: center;
  column-gap: var(--space-2);
}
.probe-lines {
  width: 48px;
  height: 316px;
  overflow: visible;
}
.probe-line {
  fill: none;
  stroke: var(--color-on-brand-muted);
  opacity: 0.35;
  stroke-width: 2;
  stroke-dasharray: 3 5;
  vector-effect: non-scaling-stroke;
  transition:
    stroke var(--transition-base),
    opacity var(--transition-base);
}
.probe-line.is-on {
  stroke: var(--grade-color, var(--color-accent));
  stroke-width: 2.5;
  stroke-dasharray: 2 9;
  stroke-linecap: round;
  opacity: 1;
  filter: drop-shadow(0 0 4px var(--grade-color, var(--color-accent)));
  animation: probe-travel 0.8s linear infinite;
}
@keyframes probe-travel {
  to {
    stroke-dashoffset: -11;
  }
}
@keyframes probe-spin {
  to {
    transform: rotate(360deg);
  }
}
@media (max-width: 1200px) {
  .probe-flow {
    grid-template-columns: minmax(0, 1fr);
    row-gap: var(--space-4);
  }
  .probe-lines {
    display: none;
  }
  .probe-flow .probe-core {
    transform: none;
  }
}
.probe-core {
  display: grid;
  justify-items: center;
  gap: var(--space-3);
  transform: translateY(-14px);
  padding-inline: var(--space-2);
}
.probe-core-cap {
  color: var(--color-on-brand-muted);
  font-size: var(--font-14);
  font-weight: var(--weight-strong);
}
.probe-grade {
  position: relative;
  display: grid;
  place-items: center;
  width: 128px;
  height: 128px;
  padding: var(--space-3);
  border: 0;
  border-radius: var(--radius-round);
  background: color-mix(in srgb, var(--color-surface) 70%, transparent);
  color: var(--color-on-brand);
  font-size: var(--font-20);
  font-weight: var(--weight-strong);
  line-height: var(--leading-tight);
  text-align: center;
  transition:
    background-color var(--transition-base),
    box-shadow var(--transition-base);
}
.probe-grade:before {
  content: "";
  position: absolute;
  inset: -9px;
  border-radius: var(--radius-round);
  background: var(--gradient-ring);
  -webkit-mask: radial-gradient(
    farthest-side,
    transparent calc(100% - 3px),
    #000 calc(100% - 2px)
  );
  mask: radial-gradient(
    farthest-side,
    transparent calc(100% - 3px),
    #000 calc(100% - 2px)
  );
  animation: probe-spin 7s linear infinite;
  pointer-events: none;
}
.probe-grade-text {
  transition: opacity var(--transition-fast);
}
.probe-grade.is-out .probe-grade-text {
  opacity: 0;
}
.probe-grade[data-grade="full"],
.probe-grade[data-grade="likely"],
.probe-grade[data-grade="possible"] {
  background: var(--grade-color);
  color: var(--grade-ink);
  box-shadow: 0 0 36px var(--grade-color);
}
.probe-grade[data-grade="none"] {
  background: var(--grade-color);
  color: var(--grade-ink);
  box-shadow: 0 0 18px var(--grade-color);
}
.probe[data-grade="full"] {
  --grade-color: var(--grade-full);
}
.probe[data-grade="likely"] {
  --grade-color: var(--grade-likely);
}
.probe[data-grade="possible"] {
  --grade-color: var(--grade-possible);
}
.probe[data-grade="none"] {
  --grade-color: var(--grade-none);
}
.probe-hint {
  margin: var(--space-3) 0 0;
  color: var(--color-on-brand-muted);
  font-size: var(--font-14);
  line-height: var(--leading-normal);
}
.site-section {
  padding-block: var(--space-7);
  background: var(--color-canvas);
}
.site-section--tint {
  background: var(--color-surface);
}
.site-section-head h2 {
  margin: 0 0 var(--space-4);
  max-width: 22ch;
  color: var(--color-ink);
}
.site-section-head p {
  max-width: 60ch;
  margin: 0 0 var(--space-4);
  font-size: var(--font-16);
  line-height: var(--leading-relaxed);
  color: var(--color-muted);
}
.site-trio {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: var(--space-5);
  margin: var(--space-6) 0 0;
  padding: 0;
  list-style: none;
}
.site-trio li,
.proof-list li {
  position: relative;
  padding: var(--space-5) 0 0;
  border-top: var(--border-thin) solid var(--color-border-strong);
}
.site-trio li::before,
.proof-list li::before {
  content: "";
  position: absolute;
  top: -2px;
  left: 0;
  width: 40px;
  height: 3px;
  border-radius: var(--radius-pill);
  background: var(--color-brand);
}
.site-icon {
  display: grid;
  place-items: center;
  width: 44px;
  height: 44px;
  margin-bottom: var(--space-5);
  border-radius: var(--radius-lg);
  background: linear-gradient(
    145deg,
    color-mix(in srgb, var(--color-brand) 20%, var(--color-surface)),
    color-mix(in srgb, var(--color-brand) 8%, var(--color-surface))
  );
  box-shadow: inset 0 0 0 1px
    color-mix(in srgb, var(--color-brand) 16%, transparent);
  color: color-mix(in srgb, var(--color-brand) 82%, var(--color-ink));
}
.site-icon svg {
  width: 24px;
  height: 24px;
  fill: none;
  stroke: currentColor;
  stroke-width: 2;
  stroke-linecap: round;
  stroke-linejoin: round;
}
.site-trio h3,
.timeline h3 {
  margin: 0 0 var(--space-2);
  color: var(--color-ink);
}
.site-trio p,
.timeline p {
  max-width: 40ch;
  margin: 0;
  font-size: var(--font-16);
  line-height: var(--leading-relaxed);
  color: var(--color-muted);
}
.how-grid {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: var(--space-8);
  align-items: start;
}
.timeline {
  position: relative;
  display: grid;
  gap: var(--space-8);
  margin: 0;
  padding: 0;
  list-style: none;
}
.timeline li {
  position: relative;
  padding-left: var(--space-10);
}
.timeline li:not(:last-child):before {
  content: "";
  position: absolute;
  top: 44px;
  bottom: calc(-1 * var(--space-8));
  left: 21px;
  width: 2px;
  background: var(--gradient-line);
  border-radius: var(--radius-pill);
}
.timeline-node {
  position: absolute;
  top: 0;
  left: 0;
  display: grid;
  place-items: center;
  width: 44px;
  height: 44px;
  border-radius: var(--radius-round);
  background: var(--color-brand);
  box-shadow: 0 0 0 5px var(--color-teal-soft);
  color: var(--color-on-brand);
  font-size: var(--font-16);
  font-weight: var(--weight-strong);
}
.site-note {
  max-width: var(--measure);
  margin: var(--space-6) 0 0;
  padding: var(--space-5);
  border-radius: var(--radius-lg);
  background: var(--color-teal-soft);
  font-size: var(--font-16);
  line-height: var(--leading-relaxed);
  color: var(--color-ink);
}
.site-note .site-icon {
  flex: none;
  margin: 0;
  background: var(--color-surface);
}
.use-tabs {
  margin-top: var(--space-6);
}
.use-panels {
  padding: 0 var(--space-8) var(--space-8);
  border: var(--border-thin) solid var(--color-border);
  border-top: 0;
  border-radius: 0 0 var(--radius-lg) var(--radius-lg);
  background: var(--color-surface);
}
.use-radio {
  position: absolute;
  width: 1px;
  height: 1px;
  opacity: 0;
  pointer-events: none;
}
.use-tablist {
  display: flex;
  flex-wrap: wrap;
  gap: var(--space-2);
  border-bottom: var(--border-thin) solid var(--color-border-strong);
}
.use-tablist label {
  position: relative;
  padding: var(--space-4) var(--space-5);
  color: var(--color-muted);
  font-size: var(--font-20);
  font-weight: var(--weight-strong);
  cursor: pointer;
}
.use-tablist label:hover {
  color: var(--color-ink);
}
.use-panel {
  display: none;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
  gap: var(--space-8);
  align-items: start;
  padding-top: var(--space-8);
  animation: site-fade 0.36s ease both;
}
.use-statement {
  margin: 0;
  max-width: 22ch;
  font-family: var(--font-serif);
  font-size: var(--h2-size);
  font-weight: var(--weight-strong);
  line-height: var(--leading-tight);
  letter-spacing: var(--tracking-display);
  color: var(--color-ink);
}
.use-panel ul {
  margin: 0;
  padding: 0;
  list-style: none;
}
.use-panel li {
  padding: var(--space-4) 0;
  border-bottom: var(--border-thin) solid var(--color-border);
  font-size: var(--font-16);
  line-height: var(--leading-relaxed);
  color: var(--color-ink);
}
.use-panel li:first-child {
  padding-top: 0;
}
#useCollections:checked ~ .use-panels .use-panel:first-child,
#useFinance:checked ~ .use-panels .use-panel:nth-child(3),
#useService:checked ~ .use-panels .use-panel:nth-child(2) {
  display: grid;
}
#useCollections:checked ~ .use-tablist label:first-child,
#useFinance:checked ~ .use-tablist label:nth-child(3),
#useService:checked ~ .use-tablist label:nth-child(2) {
  color: var(--color-brand);
}
#useCollections:checked ~ .use-tablist label:first-child:after,
#useFinance:checked ~ .use-tablist label:nth-child(3):after,
#useService:checked ~ .use-tablist label:nth-child(2):after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: -1px;
  height: 3px;
  background: var(--color-brand);
}
#useCollections:focus-visible ~ .use-tablist label:first-child,
#useFinance:focus-visible ~ .use-tablist label:nth-child(3),
#useService:focus-visible ~ .use-tablist label:nth-child(2) {
  outline: var(--focus-outline-width) solid var(--color-brand);
  outline-offset: 4px;
}
.site-close {
  position: relative;
  overflow: hidden;
  color: var(--color-on-brand);
  background:
    radial-gradient(
      720px 360px at 50% 0,
      rgba(255, 255, 255, 0.16),
      transparent 70%
    ),
    linear-gradient(
      135deg,
      var(--color-ink) 0%,
      var(--color-brand-strong) 52%,
      var(--color-brand) 100%
    );
  padding-block: var(--space-7);
  text-align: center;
}
.site-close h2 {
  max-width: 20ch;
  margin: 0 auto var(--space-4);
  color: var(--color-on-brand);
}
body.site-page .site-close .ui-button.primary:not(:disabled) {
  color: var(--color-brand-strong);
  background: var(--color-surface);
  border-color: var(--color-surface);
  box-shadow: 0 10px 24px -12px rgba(0, 0, 0, 0.45);
}
body.site-page .site-close .ui-button.primary:hover:not(:disabled) {
  color: var(--color-brand-strong);
  background: var(--color-teal-faint);
  border-color: var(--color-teal-faint);
}
body.site-page .site-close .ui-button.secondary:not(:disabled) {
  color: var(--color-on-brand);
  background: transparent;
  border-color: var(--color-on-brand-divider);
}
body.site-page .site-close .ui-button.secondary:hover:not(:disabled) {
  color: var(--color-on-brand);
  background: var(--color-on-brand-hover);
  border-color: var(--color-on-brand);
}
body.site-page .site-close .ui-button:focus-visible {
  outline-color: var(--color-on-brand);
}
.site-close p {
  margin: 0 0 var(--space-5);
  color: var(--color-on-brand-muted);
  font-size: var(--font-16);
  line-height: var(--leading-relaxed);
}
.site-footer {
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  justify-content: center;
  min-height: var(--footer-height);
  padding-block: var(--space-6);
  background:
    var(--gradient-logo) left top/100% 3px no-repeat,
    color-mix(in srgb, var(--color-chrome) 94%, var(--color-brand));
  border-top: var(--border-thin) solid var(--color-on-brand-line);
}
.site-footer-inner {
  display: grid;
  gap: var(--space-3);
}
.site-footer-cols {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  gap: var(--space-4) var(--space-5);
  padding-bottom: var(--space-4);
  border-bottom: var(--border-thin) solid var(--color-on-brand-line);
}
.site-footer-nav {
  display: flex;
  flex-wrap: wrap;
  gap: var(--space-4);
}
.site-footer-nav a {
  color: var(--color-on-brand);
  font-size: var(--font-14);
  font-weight: var(--weight-strong);
  text-decoration: none;
  display: inline-flex;
  align-items: center;
  min-height: 36px;
}
.site-footer-nav a:hover {
  text-decoration: underline;
  text-underline-offset: 4px;
}
.site-footer p {
  margin: 0;
  max-width: 70ch;
  color: var(--color-on-brand-muted);
  font-size: var(--font-14);
  line-height: var(--leading-relaxed);
}
@media (prefers-reduced-motion: reduce) {
  .probe-grade,
  .probe-grade-text,
  .probe-line,
  .probe-row {
    transition: none;
  }
}
@keyframes site-fade {
  0% {
    opacity: 0;
    transform: translateY(8px);
  }
  to {
    opacity: 1;
    transform: none;
  }
}
.has-reveal .reveal {
  opacity: 0;
  transform: translateY(18px);
  transition:
    opacity var(--transition-slow),
    transform var(--transition-slow);
}
.has-reveal .reveal.is-seen {
  opacity: 1;
  transform: none;
}
@media (prefers-reduced-motion: reduce) {
  .use-panel {
    animation: none;
  }
  .has-reveal .reveal {
    opacity: 1;
    transform: none;
    transition: none;
  }
}
.public-form {
  margin-top: var(--space-4);
}
.public-form textarea {
  min-height: 140px;
  padding: var(--space-2h) var(--space-3);
}
.form-note {
  margin: 0 0 var(--space-3);
  color: var(--color-muted);
  font-size: var(--font-14);
}
.form-count {
  margin: calc(var(--space-2) * -1) 0 var(--space-3);
  color: var(--color-muted);
  font-size: var(--font-14);
  text-align: right;
}
.form-count.short {
  color: var(--color-danger);
}
.form-status {
  min-height: 1.4em;
  margin: 0 0 var(--space-3);
  font-weight: var(--weight-strong);
}
.form-status.success {
  color: var(--color-success);
}
.form-status.error {
  color: var(--color-danger);
}
.split-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: var(--space-5);
  align-items: start;
  margin-top: var(--space-6);
}
.split-main {
  grid-column: span 2;
}
.split-grid h2 {
  margin: 0 0 var(--space-4);
  color: var(--color-ink);
}
.split-side h2:not(:first-child) {
  margin-top: var(--space-8);
}
.split-side h3 {
  margin: var(--space-5) 0 var(--space-3);
}
.sheet {
  max-width: 760px;
  margin-top: var(--space-8);
  padding: var(--space-5);
  border: var(--border-thin) solid var(--color-border);
  border-radius: var(--radius-lg);
  background: var(--color-surface);
}
.site-section--tint .sheet {
  background: var(--color-canvas);
}
.sheet,
.site-card,
.use-panels,
.site-note,
.probe,
.pricing-page .site-facts li,
.pricing-page .site-table-wrap {
  box-shadow: var(--shadow-surface);
}
body.site-page .ui-button.primary:not(:disabled) {
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.16),
    var(--shadow-brand);
  transition:
    transform var(--transition-fast),
    box-shadow var(--transition-fast),
    background-color var(--transition-fast);
}
body.site-page .ui-button.primary:hover:not(:disabled) {
  transform: translateY(-1px);
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.16),
    var(--shadow-brand-hover);
}
.sheet-cap {
  margin: 0 0 var(--space-3);
  color: var(--color-brand);
  font-size: var(--font-14);
  font-weight: var(--weight-strong);
}
.sheet-head {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 128px minmax(0, 0.7fr);
  align-items: center;
  gap: var(--space-5);
  padding-bottom: var(--space-2);
  border-bottom: var(--border-thin) solid var(--color-border);
  color: var(--color-muted);
  font-size: var(--font-12);
  font-weight: var(--weight-strong);
}
.sheet ul {
  margin: 0;
  padding: 0;
  list-style: none;
}
.sheet li {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 128px minmax(0, 0.7fr);
  align-items: center;
  gap: var(--space-5);
  min-height: 48px;
  padding: 0;
  border-bottom: var(--border-thin) solid var(--color-border);
}
.sheet li:last-child {
  border-bottom: 0;
}
.chip {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: var(--space-2);
  padding: 3px var(--space-3);
  border-radius: var(--radius-pill);
  background: var(--chip-bg);
  box-shadow: inset 0 0 0 1px var(--chip-line);
  color: var(--chip-ink);
  font-size: var(--font-12);
  font-weight: var(--weight-strong);
  white-space: nowrap;
}
.chip::before {
  content: "";
  width: 6px;
  height: 6px;
  border-radius: var(--radius-round);
  background: var(--chip-dot);
}
.chip--full {
  --chip-bg: var(--chip-full-bg);
  --chip-ink: var(--chip-full-ink);
  --chip-dot: var(--chip-full-dot);
  --chip-line: var(--chip-full-line);
}
.chip--likely {
  --chip-bg: var(--chip-likely-bg);
  --chip-ink: var(--chip-likely-ink);
  --chip-dot: var(--chip-likely-dot);
  --chip-line: var(--chip-likely-line);
}
.chip--possible {
  --chip-bg: var(--chip-possible-bg);
  --chip-ink: var(--chip-possible-ink);
  --chip-dot: var(--chip-possible-dot);
  --chip-line: var(--chip-possible-line);
}
.chip--none {
  --chip-bg: var(--chip-none-bg);
  --chip-ink: var(--chip-none-ink);
  --chip-dot: var(--chip-none-dot);
  --chip-line: var(--chip-none-line);
}
.site-band .band-price {
  color: var(--color-ink);
  font-weight: var(--weight-strong);
}
body.site-page .public-document :is(p, li),
body.site-page .public-not-found p,
body.site-page .public-section-summary {
  font-size: var(--font-16);
}
body.site-page .public-not-found p {
  max-width: var(--measure);
}
.site-grid {
  display: grid;
  gap: var(--space-5);
  margin: var(--space-6) 0 0;
  padding: 0;
  list-style: none;
}
.site-grid--4 {
  grid-template-columns: repeat(4, minmax(0, 1fr));
}
.site-card {
  display: block;
  padding: var(--space-5) 0 0;
  border-top: var(--border-accent) solid var(--color-brand);
}
.site-card h3 {
  margin: 0 0 var(--space-2);
  color: var(--color-ink);
}
.site-card p {
  margin: 0;
  font-size: var(--font-16);
  line-height: var(--leading-relaxed);
  color: var(--color-muted);
}
.site-card p + p {
  margin-top: var(--space-2);
}
.site-card a {
  color: var(--color-brand);
}
.site-facts {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  margin: var(--space-6) 0 0;
  padding: 0;
  list-style: none;
  gap: var(--space-5);
}
.site-facts li {
  padding: var(--space-4) 0 0;
  border-top: var(--border-accent) solid var(--color-brand);
}
.site-section--tint .site-facts li {
  background: 0 0;
}
.site-facts li:first-child {
  border-left: 0;
}
.site-facts strong {
  display: block;
  font-family: var(--font-serif);
  font-size: var(--font-20);
  font-weight: var(--weight-strong);
  letter-spacing: var(--tracking-display);
  line-height: var(--leading-tight);
  color: var(--color-brand);
}
.site-table td {
  padding: var(--space-4) var(--space-5);
  border-bottom: var(--border-thin) solid var(--color-border);
  font-size: var(--font-16);
  line-height: var(--leading-normal);
  color: var(--color-ink);
  vertical-align: top;
  padding-inline: 0 var(--space-5);
}
.site-table tr:last-child td {
  border-bottom: 0;
}
.site-table td:first-child {
  width: 190px;
  white-space: nowrap;
}
.step-num {
  display: grid;
  place-items: center;
  width: 36px;
  height: 36px;
  margin-bottom: var(--space-4);
  border-radius: var(--radius-round);
  background: linear-gradient(
    145deg,
    var(--color-brand-bright),
    var(--color-brand-strong)
  );
  box-shadow: 0 0 0 5px color-mix(in srgb, var(--color-brand) 14%, transparent);
  color: var(--color-on-brand);
  font-size: var(--font-16);
  font-weight: var(--weight-strong);
}
.verify-card {
  margin-top: 0;
  border-top: 0;
}
.verify-card .verify-box {
  margin-top: var(--space-4);
}
.split-main h3 {
  margin: 0 0 var(--space-4);
}
.about-business:empty {
  display: none;
}
.about-business {
  padding-bottom: var(--space-6);
}
.site-facts li > span {
  display: block;
  margin-top: var(--space-2);
  font-size: var(--font-14);
  color: var(--color-muted);
}
.site-facts--3 {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}
.split-side h3:first-child {
  margin-top: 0;
}
.site-split {
  display: grid;
  grid-template-columns: minmax(0, 0.8fr) minmax(0, 1.2fr);
  gap: var(--space-8);
  align-items: start;
}
.site-split > .site-section-head {
  position: sticky;
  top: 96px;
}
.site-prose p {
  max-width: 64ch;
  margin: 0 0 var(--space-4);
  font-size: var(--font-16);
  line-height: var(--leading-relaxed);
  color: var(--color-ink);
}
.site-prose p:last-child {
  margin-bottom: 0;
}
.sheet--wide {
  max-width: none;
  margin-top: 0;
}
.sheet--wide .sheet-head {
  grid-template-columns: minmax(0, 1fr) 128px minmax(0, 1fr) 184px;
}
.sheet-seal {
  display: flex;
  align-items: center;
  gap: var(--space-3);
  margin: var(--space-4) 0 0;
  padding-top: var(--space-3);
  border-top: var(--border-thin) solid var(--color-border);
  color: var(--color-muted);
  font-size: var(--font-14);
}
.sheet-note {
  margin: 0 0 var(--space-3);
  color: var(--color-muted);
  font-size: var(--font-14);
}
.sheet-seal span {
  flex: none;
  width: 10px;
  height: 10px;
  border-radius: var(--radius-round);
  background: var(--color-teal);
}
.site-trio + .site-prose {
  margin-top: var(--space-5);
}
.sheet-text {
  font-size: var(--font-14);
  line-height: var(--leading-normal);
  color: var(--color-ink);
  overflow-wrap: anywhere;
}
.sheet-link {
  color: var(--color-brand);
  white-space: nowrap;
}
.sheet-link:not(.is-missing)::after {
  content: "\2197";
  margin-left: var(--space-1);
  font-size: var(--font-12);
  opacity: 0.7;
}
.sheet-link.is-missing {
  color: var(--color-muted);
}
.sheet li {
  transition: background var(--transition-fast);
}
.sheet li:hover {
  background: var(--color-surface-subtle);
}
.sheet--wide li {
  grid-template-columns: minmax(0, 1fr) 128px minmax(0, 1fr) 184px;
  padding-block: var(--space-3);
}
body.site-page > header.site-header.is-scrolled {
  box-shadow: var(--shadow-header);
}
.read-progress {
  position: absolute;
  inset: auto 0 -1px;
  height: 3px;
  background: var(--gradient-logo);
  --read: 0;
  transform: scaleX(var(--read));
  transform-origin: left center;
  pointer-events: none;
}
@media (prefers-reduced-motion: reduce) {
  body.site-page > header.site-header {
    transition: none;
  }
}
.site-page .public-page-shell.public-has-toc {
  justify-content: start;
}
.site-page [id] {
  scroll-margin-top: 104px;
}
.site-page
  :is(
    input:not(
      [type="checkbox"],
      [type="radio"],
      [type="file"],
      [type="hidden"]
    ),
    select
  ) {
  height: var(--control-height);
}
.cost-grid {
  display: grid;
  grid-template-columns: minmax(0, 0.9fr) minmax(0, 1.1fr);
  gap: var(--space-8);
  align-items: start;
}
.cost-list {
  display: grid;
  gap: var(--space-6);
  margin: 0;
  padding: 0;
  list-style: none;
}
.cost-list li {
  display: grid;
  grid-template-columns: 44px minmax(0, 1fr);
  gap: var(--space-4);
}
.cost-list .site-icon {
  margin: 0;
}
.cost-list h3 {
  margin: 0 0 var(--space-2);
  color: var(--color-ink);
}
.cost-list p {
  margin: 0;
  max-width: 44ch;
  font-size: var(--font-16);
  line-height: var(--leading-relaxed);
  color: var(--color-muted);
}
.seal {
  position: absolute;
  z-index: var(--z-raised);
  right: -14px;
  bottom: -22px;
  width: 112px;
  height: 112px;
  color: var(--color-brand);
  transform: rotate(-10deg);
}
.has-reveal .reveal .seal {
  opacity: 0;
  transform: rotate(-24deg) scale(1.5);
}
.has-reveal .reveal.is-seen .seal {
  opacity: 1;
  transform: rotate(-10deg) scale(1);
  transition:
    opacity 0.26s ease 0.65s,
    transform 0.38s cubic-bezier(0.3, 1.6, 0.5, 1) 0.65s;
}
.site-proof {
  padding-block: var(--space-7);
  background: var(--color-surface-2);
}
.site-proof h2 {
  margin: 0 0 var(--space-4);
  max-width: 24ch;
  color: var(--color-ink);
}
.proof-list {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: var(--space-5);
  margin: var(--space-6) 0 0;
  padding: 0;
  list-style: none;
}
.proof-list strong {
  display: block;
  margin-bottom: var(--space-2);
  font-family: var(--font-serif);
  font-size: var(--font-20);
  font-weight: var(--weight-strong);
  line-height: var(--leading-tight);
  color: var(--color-ink);
}
.proof-list span {
  display: block;
  max-width: 28ch;
  font-size: var(--font-16);
  line-height: var(--leading-relaxed);
  color: var(--color-on-brand-muted);
}
@media (prefers-reduced-motion: reduce) {
  .probe-grade:before,
  .probe-line.is-on {
    animation: none;
  }
  .has-reveal .reveal .seal,
  .has-reveal .reveal.is-seen .seal {
    opacity: 1;
    transform: rotate(-10deg);
    transition: none;
  }
}
.proof-list--3 {
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: var(--space-5);
}
.proof-list--3 span {
  max-width: 40ch;
}
.how-copy {
  display: grid;
  grid-template-columns: minmax(0, 0.9fr) minmax(0, 1.1fr);
  gap: var(--space-8);
  align-items: start;
}
.site-footer-bottom {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: var(--space-4);
}
.site-footer-layout {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  align-items: stretch;
  gap: var(--space-5);
}
.site-footer-stack {
  display: grid;
  gap: var(--space-4);
}
.site-footer .site-footer-partner {
  display: flex;
  align-items: center;
  gap: var(--space-3);
  margin: 0;
  max-width: none;
  color: var(--color-on-brand);
  font-size: var(--font-14);
  font-weight: var(--weight-strong);
  line-height: var(--leading-tight);
}
.partner-flag {
  display: block;
  width: 24px;
  height: 12px;
  border-radius: var(--radius-sm);
  box-shadow: 0 0 0 1px var(--color-on-brand-line);
}
.partner-text {
  display: flex;
  align-items: center;
  gap: var(--space-3);
}
.partner-text > span:first-child {
  padding-right: var(--space-3);
  border-right: var(--border-thin) solid var(--color-on-brand-divider);
  line-height: var(--leading-snug);
}
.partner-ar {
  color: var(--color-brand-strong);
  font-family: var(--font-arabic);
  font-size: var(--font-16);
  font-weight: var(--weight-strong);
}
.site-footer-legal {
  grid-column: 3;
  justify-self: end;
  gap: var(--space-5);
}
.site-footer .site-footer-legal a {
  color: var(--color-on-brand-muted);
  font-size: var(--font-14);
  font-weight: var(--weight-regular);
  display: inline-flex;
  align-items: center;
  min-height: 36px;
}
.site-footer .site-footer-legal a:hover {
  color: var(--color-on-brand);
  text-decoration: underline;
  text-underline-offset: 4px;
}
.site-footer .site-footer-partner a {
  display: inline-flex;
  align-items: center;
  min-height: 36px;
}
label.chip[for^="grade"] {
  display: inline-flex;
  align-items: center;
  min-height: var(--control-height);
  padding: 0 var(--button-padding-x);
  font-size: var(--font-14);
  font-weight: var(--weight-strong);
}
.site-trio--four {
  grid-template-columns: repeat(4, minmax(0, 1fr));
}
.faq-layout {
  display: grid;
  grid-template-columns: 220px minmax(0, 1fr);
  gap: var(--space-8);
  align-items: start;
}
.faq-rail {
  position: sticky;
  top: 96px;
}
.faq-group {
  display: grid;
  gap: var(--space-4);
  padding-block: var(--space-6);
  border-top: var(--border-thin) solid var(--color-border);
  scroll-margin-top: 96px;
}
.faq-group:first-child {
  padding-top: 0;
  border-top: 0;
}
.faq-group h2 {
  margin: 0;
}
.faq-list {
  display: grid;
  gap: var(--space-2);
}
.faq-group .site-cta {
  margin-top: var(--space-5);
}
.faq-item {
  border: var(--border-thin) solid var(--color-border);
  border-radius: var(--radius-lg);
  background: var(--color-surface);
}
.faq-item summary {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: var(--space-4);
  padding: var(--space-4) var(--space-5);
  color: var(--color-ink);
  font-size: var(--font-16);
  font-weight: var(--weight-strong);
  cursor: pointer;
  list-style: none;
}
.faq-item summary::-webkit-details-marker {
  display: none;
}
.faq-item summary::after {
  content: "+";
  display: grid;
  flex: none;
  place-items: center;
  width: 28px;
  height: 28px;
  border-radius: var(--radius-round);
  background: var(--color-teal-soft);
  color: var(--color-brand);
  font-size: var(--font-20);
  line-height: 1;
}
.faq-item[open] summary::after {
  content: "\2212";
  background: var(--color-brand);
  color: var(--color-on-brand);
}
.faq-item:hover {
  border-color: var(--color-teal-line);
}
.faq-item[open] {
  border-color: var(--color-teal-line);
  box-shadow: var(--shadow-surface);
}
.faq-item summary:focus-visible {
  outline: var(--focus-outline-width) solid var(--color-brand);
  outline-offset: var(--focus-outline-offset);
  border-radius: var(--radius-lg);
}
.faq-item p {
  margin: 0;
  padding: 0 var(--space-5) var(--space-4);
  color: var(--color-muted);
  font-size: var(--font-16);
  line-height: var(--leading-relaxed);
}
.sheet--input .sheet-head,
.sheet--input li {
  grid-template-columns: repeat(4, minmax(0, 1fr));
}
.sheet-muted {
  color: var(--color-muted);
  font-style: italic;
}
.faq-group:last-child {
  padding-bottom: 0;
}
@media (max-width: 1023px) {
  .faq-layout {
    grid-template-columns: minmax(0, 1fr);
  }
  .faq-rail {
    display: none;
  }
}

.site-footer-explore {
  align-items: center;
  gap: var(--space-5);
}
.site-footer-explore a[aria-current="page"] {
  text-decoration: underline;
  text-underline-offset: 4px;
}

body.site-page .ui-button:active:not(:disabled) {
  transform: translateY(1px);
  box-shadow: none;
}
.site-nav a:active {
  background: var(--color-teal-soft);
}
.site-footer a:active {
  color: var(--color-brand-strong);
}

body.site-page .ui-button.secondary:not(:disabled) {
  color: var(--color-brand-strong);
  background: var(--color-surface);
  border-color: var(--color-teal-line);
  box-shadow: none;
}
body.site-page .ui-button.secondary:hover:not(:disabled) {
  background: var(--color-teal-faint);
  border-color: var(--color-brand);
  color: var(--color-brand-strong);
}
.site-nav a {
  color: var(--color-ink);
}
.site-nav a[aria-current="page"] {
  color: var(--color-brand-strong);
}
.form-status:not(:empty) {
  padding: var(--space-3) var(--space-4);
  border: var(--border-thin) solid var(--color-border);
  border-left-width: var(--border-accent);
  border-radius: var(--radius-md);
  background: var(--color-surface);
  font-size: var(--font-14);
}
.form-status.success:not(:empty) {
  border-color: var(--color-success);
  background: var(--color-success-soft);
  color: var(--color-success);
}
.form-status.error:not(:empty) {
  border-color: var(--color-danger);
  background: var(--color-danger-soft);
  color: var(--color-danger-strong);
}
.section-contents {
  margin: 0 0 var(--space-5);
  padding: var(--space-4) var(--space-5);
  border: var(--border-thin) solid var(--color-border);
  border-radius: var(--radius-md);
  background: var(--color-surface-subtle);
}
.section-contents ol {
  margin: 0;
  padding-left: var(--space-5);
  columns: 2;
  column-gap: var(--space-8);
  font-size: var(--font-14);
  line-height: var(--leading-normal);
}
.section-contents li {
  margin-bottom: var(--space-2);
  break-inside: avoid;
}
.section-contents a {
  color: var(--color-brand);
  text-decoration: none;
}
.section-contents a:hover {
  text-decoration: underline;
}

body.site-page :is(h1, h2, h3) {
  font-family: var(--font-serif);
  font-weight: var(--weight-strong);
  letter-spacing: var(--tracking-tight);
  line-height: var(--leading-tight);
}
body.site-page h1 {
  letter-spacing: var(--tracking-display);
  line-height: 1.1;
}
body.site-page h2 {
  line-height: 1.2;
}
body.site-page h3 {
  letter-spacing: -0.01em;
  line-height: var(--leading-snug);
}
body.site-page h1 {
  font-size: var(--h1-size);
}
body.site-page h2 {
  font-size: var(--h2-size);
}
body.site-page h3 {
  font-size: var(--h3-size);
}
body.site-page .public-document h3 {
  font-size: var(--font-20);
}
body.site-page p {
  text-wrap: pretty;
}
.form-consent {
  display: flex;
  gap: var(--space-3);
  align-items: flex-start;
  margin: var(--space-2) 0;
  font-weight: var(--weight-regular);
  line-height: var(--leading-normal);
  color: var(--color-muted);
}
.calc-plain,
.cost-list p,
.faq-item p,
.know-row p,
.proof-list span,
.site-card p,
.site-note,
.use-panel li,
body.site-page .public-document :is(p, li),
body.site-page .public-section-summary {
  line-height: var(--leading-relaxed);
}
.band-price,
.calc-input,
.calc-result,
.site-facts strong,
table,
td,
th {
  font-variant-numeric: tabular-nums lining-nums;
}
.code {
  font-family: var(--font-family);
  font-weight: var(--weight-regular);
  font-variant-numeric: tabular-nums;
  letter-spacing: 0;
  font-feature-settings: "zero" 1;
}
strong.code {
  font-weight: var(--weight-strong);
}
body.site-page .site-prose h3 {
  margin: var(--space-5) 0 var(--space-2);
}
body.site-page .public-document :is(ul, ol),
body.site-page .public-document .public-section-summary {
  margin-bottom: var(--space-4);
}
.split-side h3 {
  margin-bottom: var(--space-4);
}
.proof-list {
  margin-top: var(--space-5);
}
.public-form .form-status:empty,
.public-form .field-hint:empty {
  min-height: 0;
  margin: 0;
}
.pricing-page .split-side h3:first-child {
  margin-top: var(--space-3);
}
.public-form .form-consent {
  margin-bottom: var(--space-5);
}
.section-contents li > a {
  display: inline-flex;
  align-items: center;
  min-height: 32px;
}
.site-section-head h2::before {
  content: "";
  display: block;
  width: 36px;
  height: 3px;
  margin-bottom: var(--space-4);
  border-radius: var(--radius-pill);
  background: var(--gradient-logo);
}
body.site-page :is(h1, h2, h3) {
  text-wrap: balance;
}
body.site-page :is(p, li) {
  text-wrap: pretty;
}
body.site-page {
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
}
body.site-page ::selection {
  background: color-mix(in srgb, var(--color-brand) 24%, var(--color-surface));
}
body.site-page .site-header {
  box-shadow: 0 12px 28px -24px rgba(16, 40, 59, 0.5);
}
.site-hero::after {
  content: "";
  position: absolute;
  inset: 0 0 0 55%;
  background-image: radial-gradient(
    rgba(10, 120, 92, 0.18) 1px,
    transparent 1.4px
  );
  background-size: 18px 18px;
  -webkit-mask-image: linear-gradient(90deg, transparent, #000 80%);
  mask-image: linear-gradient(90deg, transparent, #000 80%);
  pointer-events: none;
}
.probe {
  border-radius: var(--radius-xl);
  box-shadow: var(--shadow-raised);
}
.site-trio--four > li:nth-child(1)::before {
  background: var(--grade-full);
}
.site-trio--four > li:nth-child(2)::before {
  background: var(--grade-likely);
}
.site-trio--four > li:nth-child(3)::before {
  background: var(--grade-possible);
}
.site-trio--four > li:nth-child(4)::before {
  background: var(--grade-none);
}
body.site-page .public-document-section {
  padding: var(--space-5) var(--space-6);
  background: var(--color-surface);
  border: var(--border-thin) solid var(--color-border);
  border-radius: var(--radius-xl);
  box-shadow: var(--shadow-surface);
  transition:
    border-color var(--transition-fast),
    box-shadow var(--transition-fast);
}
body.site-page .public-document-section + .public-document-section {
  margin-top: var(--space-4);
}
body.site-page .public-document-section:hover,
body.site-page .public-document-section[open] {
  border-color: color-mix(in srgb, var(--color-brand) 38%, var(--color-border));
  box-shadow: var(--shadow-card);
}
.faq-item {
  transition:
    border-color var(--transition-fast),
    box-shadow var(--transition-fast);
}
.faq-item:hover,
.faq-item[open] {
  border-color: color-mix(in srgb, var(--color-brand) 38%, var(--color-border));
  box-shadow: var(--shadow-card);
}
body.site-page .public-document .document-version {
  margin-bottom: var(--space-3);
}