.public-site-dialog{box-sizing:border-box;width:min(440px,calc(100% - 32px));max-height:calc(100% - 120px);overflow:auto;margin:auto;padding:24px;border:1px solid var(--line,rgb(255 255 255 / 8%));border-radius:14px;background:var(--panel,#121214);color:var(--ink,#f4f4f2);box-shadow:0 24px 80px #0008;font:inherit}.public-site-dialog::backdrop{background:var(--backdrop,#000000bd);backdrop-filter:blur(4px)}.public-site-dialog h2{margin:0;padding-right:36px;font-size:22px;line-height:1.25;font-weight:600}.public-site-dialog p{margin:18px 0 0;color:var(--mute,#9b9ba1);font-size:14px;line-height:1.65}.public-site-dialog .public-dialog-close{position:absolute;right:16px;top:14px;width:32px;height:32px;border:1px solid var(--line,rgb(255 255 255 / 8%));border-radius:6px;background:none;color:inherit;font-size:22px;cursor:pointer}.public-site-dialog nav{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:22px}.public-site-dialog nav a,.public-dialog-action{display:flex;align-items:center;justify-content:center;min-height:42px;padding:10px 12px;border:1px solid var(--line,rgb(255 255 255 / 8%));border-radius:6px;text-decoration:none;font-size:14px;color:inherit}.public-site-dialog nav a:hover{border-color:var(--brand,#f3b43b);color:var(--brand,#f3b43b)}.public-dialog-action{margin-top:20px;background:var(--control,#f4f4f2);border-color:var(--control,#f4f4f2);color:var(--control-ink,#09090a);font-weight:600}.public-site-dialog button:focus-visible,.public-site-dialog a:focus-visible{outline:2px solid var(--brand,#f3b43b);outline-offset:3px}.public-filter-empty{padding:44px 20px;text-align:center;color:var(--mute,#9b9ba1);font-size:14px}.public-filter-empty a{color:var(--brand,#f3b43b);text-decoration:underline}.public-create-selected{border-color:var(--brand,#f3b43b)!important;background:color-mix(in srgb,var(--brand,#f3b43b) 6%,transparent)!important}[data-public-hidden]{display:none!important}@media(prefers-reduced-motion:reduce){.public-site-dialog{scroll-behavior:auto}}
/* SSF Breakthrough Regular — Cyan / Starstruck Type. License: /assets/fonts/ssf-breakthrough-LICENSE.txt */
@font-face {
  font-family: "SSF Breakthrough";
  src: url("/assets/fonts/ssf-breakthrough-regular.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

header nav a,
nav[aria-label="Sections"] a,
nav[aria-label="Sections"] button,
.public-site-dialog nav a {
  font-family: "SSF Breakthrough", var(--font-sans), sans-serif;
  font-weight: 400;
}

.hero-forest.hero-frame {
  background-image: url("/brand/web/voltra-hero-v6.webp");
  background-position: 70% center;
}

@media (max-width: 1280px) {
  .hero-forest.hero-frame {
    background-image: url("/brand/web/voltra-hero-v6-1280.webp");
  }
}

@media (max-width: 700px) {
  .hero-forest.hero-frame {
    background-position: 78% center;
  }
}

.hero-title {
  font-size: clamp(3.5rem, 9.7vw, 11rem);
}

/* Shared public controls; wallet-provider UI is deliberately outside this scope. */
html:has(body[data-public-page]) {
  scroll-padding-block-start: 76px;
  scroll-padding-block-end: 80px;
}
body[data-public-page] :is(a, button, input, textarea, select, summary, [tabindex]):focus-visible:not(:where(#privy-dialog, #privy-dialog *)) {
  outline: 2px solid var(--brand);
  outline-offset: 3px;
}
.public-skip-link {
  position: fixed;
  z-index: 90;
  inset-block-start: 12px;
  inset-inline-start: 16px;
  padding: 12px 18px;
  border-radius: 8px;
  background: var(--control);
  color: var(--control-ink);
  font-size: 14px;
  font-weight: 600;
  transform: translateY(-200%);
}
.public-skip-link:focus { transform: none; }
body[data-public-page] header nav a {
  min-block-size: 36px;
  display: inline-flex;
  align-items: center;
}
body[data-public-page] :is(header nav, nav[aria-label="Sections"]) a[aria-current="page"] {
  color: var(--ink);
  text-decoration: underline;
  text-decoration-color: var(--brand);
  text-decoration-thickness: 2px;
  text-underline-offset: 6px;
}
body[data-public-page] header :is(a[aria-label="Alerts"], a[aria-label="VOLTRA on X"]) {
  min-inline-size: 36px;
  min-block-size: 36px;
}
.public-site-dialog, .social-dialog {
  max-block-size: calc(100dvh - 32px);
  overscroll-behavior: contain;
  scrollbar-gutter: stable;
}
.public-site-dialog h2, .social-dialog h2 { padding-inline-end: 24px; }
.public-dialog-close, .social-dialog .social-close { width: 40px; height: 40px; }
.public-site-dialog nav a {
  min-block-size: 46px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
}
.public-site-dialog nav a::after { content: '→'; color: var(--mute); }
.public-site-dialog nav a[aria-current="page"] {
  background: var(--panel-2);
  text-decoration: underline;
  text-decoration-color: var(--brand);
  text-underline-offset: 5px;
}
.public-copy-address {
  width: 100%;
  padding: 12px;
  margin-block-start: 16px;
  border: 1px solid var(--line-2);
  border-radius: 8px;
  background: var(--bg);
  color: var(--ink);
  font: inherit;
  font-size: 16px;
  overflow-wrap: anywhere;
  resize: vertical;
}
.public-filter-empty { padding: 32px 20px; }
.public-filter-empty p { margin: 0; }
.public-filter-reset {
  margin-block-start: 14px;
  padding: 9px 14px;
  min-block-size: 40px;
  border: 1px solid var(--line-2);
  border-radius: 8px;
  background: var(--panel-2);
  color: var(--ink);
  font-size: 13px;
  font-weight: 600;
}
.public-announcement {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  overflow: hidden;
  clip-path: inset(50%);
  white-space: nowrap;
}
.public-feedback:not(:empty) {
  position: fixed;
  z-index: 80;
  inset-block-end: 80px;
  inset-inline-start: 50%;
  transform: translateX(-50%);
  width: max-content;
  max-width: calc(100% - 32px);
  border: 1px solid var(--line-2);
  border-radius: 10px;
  padding: 12px 18px;
  background: var(--panel-2);
  color: var(--ink);
  box-shadow: 0 12px 32px #0006;
  font-size: 14px;
}
@media (hover: hover) {
  .public-dialog-close:hover, .social-close:hover, .public-filter-reset:hover { background: var(--panel-3); }
}
@media (prefers-reduced-motion: no-preference) {
  .public-dialog-close, .social-close, .public-filter-reset { transition: background-color 120ms ease-out, scale 120ms ease-out; }
  :is(.public-dialog-close, .social-close, .public-filter-reset):not(:disabled):active { scale: .96; }
}
@media (min-width: 1024px) {
  html:has(body[data-public-page]) { scroll-padding-block-end: 24px; }
  .public-feedback:not(:empty) { inset-block-end: 24px; }
}
@media (max-width: 639px) {
  .social-input { font-size: 16px; }
}
@media (forced-colors: active) {
  body[data-public-page] :is(a, button, input, textarea, select, summary, [tabindex]):focus-visible:not(:where(#privy-dialog, #privy-dialog *)) { outline-color: Highlight; }
}