.public-page {
  --public-line: rgba(148,163,184,.16);
  --public-soft: rgba(148,163,184,.045);
  --public-muted: #9eacbd;
}

.public-content {
  color: #e7edf4;
  font-family: var(--ui-interface-font, 'Funnel Display', sans-serif);
}

.public-content :is(button, input, textarea, select) { font-family: inherit; }
.public-content :is(section[id], article[id]) { scroll-margin-top: 104px; }
.public-content > section,
.public-content > :is(.docs-shell, .support-shell, .bug-shell, .tester-shell) > section { padding-inline: max(20px, calc((100% - 1216px) / 2)); }
.public-content > section > :is(.max-w-7xl, .max-w-6xl, .max-w-5xl, .max-w-4xl),
.public-content > :is(.docs-shell, .support-shell, .bug-shell, .tester-shell) > section > .max-w-7xl { max-width: 1216px; }
.public-content .docs-shell::before { content: none; }
.public-content .public-hero { position: relative; padding-top: clamp(112px, 14svh, 160px); padding-bottom: 48px; text-align: left; }
.public-content .public-hero > .absolute { display: none; }
.public-content .public-hero > .max-w-3xl { max-width: 1216px; padding-inline: 0; }
.public-content .public-hero :is(h1, .support-title, .bug-title, .tester-title) {
  margin-top: 0;
  margin-bottom: 20px;
  font-size: clamp(2.4rem, 4.6vw, 4.5rem);
  font-weight: 600;
  line-height: 1.12;
  letter-spacing: -.045em;
  text-align: left;
  text-wrap: balance;
}
.public-content .public-hero h1 + p,
.public-content .public-hero :is(.support-description, .bug-description, .tester-description) {
  max-width: 760px;
  margin-left: 0;
  color: var(--public-muted);
  font-size: 1rem;
  line-height: 1.85;
}
.public-content .public-eyebrow,
.public-content :is(.support-kicker, .bug-kicker, .tester-kicker, .snippets-kicker) {
  display: block;
  width: fit-content;
  margin: 0 0 18px;
  padding: 0;
  border: 0;
  border-radius: 0;
  background: none;
  box-shadow: none;
  color: var(--ui-accent, #00e0a4);
  font-size: .72rem;
  font-weight: 600;
  line-height: 1.5;
  letter-spacing: .13em;
  text-transform: uppercase;
}
.public-content :is(.support-kicker, .bug-kicker, .tester-kicker)::before,
.public-content .snippets-kicker-dot { display: none; }
.public-content :is(.support-title-accent, .bug-accent, .tester-title-accent) { display: block; color: var(--public-muted); text-shadow: none; }
.public-content :is(.support-panel, .bug-panel, .tester-hero) { padding: 0; border: 0; border-radius: 0; background: transparent; box-shadow: none; }
.public-content :is(.support-panel, .bug-panel, .tester-hero)::before { content: none; }

.public-content :is(.command-card, .reviews-card, .review-item, .reviews-stat, .updates-current-card, .update-card, .docs-section, .docs-sidebar, .docs-card, .support-card, .support-side, .support-tile, .bug-info-card, .bug-form-card, .tester-info-card, .tester-side-card, .tester-form-shell, .premium-price-box, .premium-card, .snippets-source-card, .snippets-step, .snippets-card, .snippets-command-panel) {
  border-radius: 16px;
  border-color: var(--public-line);
  background: var(--public-soft);
  box-shadow: none;
  backdrop-filter: none;
  -webkit-backdrop-filter: none;
  transition: border-color .22s ease, background .22s ease, transform .22s ease;
}
.public-content :is(.command-card, .reviews-card, .review-item, .reviews-stat, .updates-current-card, .update-card, .docs-section, .docs-sidebar, .docs-card, .support-card, .support-side, .support-tile, .bug-info-card, .bug-form-card, .tester-info-card, .tester-side-card, .tester-form-shell, .premium-price-box, .premium-card, .snippets-source-card, .snippets-step, .snippets-card, .snippets-command-panel):hover {
  border-color: rgba(148,163,184,.28);
  background: rgba(148,163,184,.06);
  box-shadow: none;
  transform: none;
}
.public-content :is(.command-card, .docs-section, .support-card, .support-side, .bug-info-card, .bug-form-card, .tester-form-shell, .tester-side-card)::before { content: none; }
.public-content :is(.command-card, .update-card, .docs-section, .support-card, .support-side, .bug-info-card, .bug-form-card, .tester-form-shell, .tester-side-card) { padding: clamp(20px, 2.5vw, 30px); }
.public-content :is(.docs-section-title, .support-tile-title, .bug-headline, .tester-form-title) { color: #e7edf4; font-size: clamp(1.15rem, 2vw, 1.5rem); font-weight: 600; letter-spacing: -.025em; line-height: 1.35; }
.public-content :is(.docs-card-text, .support-tile-copy, .support-side-copy, .bug-subcopy, .tester-form-subtitle) { color: var(--public-muted); line-height: 1.8; }
.public-content :is(.reviews-label, .docs-section-kicker, .docs-sidebar-kicker, .support-tile-label, .tester-info-label) { font-size: .65rem; font-weight: 600; letter-spacing: .12em; }

.public-content :is(.btn-primary, .btn-secondary, .reviews-button, .updates-load-more, .support-hero-button, .docs-action-primary, .docs-action-secondary, .snippets-copy-button, .premium-buy-btn) {
  min-height: 46px;
  padding: 12px 18px;
  border-radius: 12px;
  font-size: .85rem;
  font-weight: 600;
  line-height: 1.4;
  transition: background .22s ease, border-color .22s ease, box-shadow .22s ease, color .22s ease, transform .22s ease;
}
.public-content :is(.btn-secondary, .reviews-button:not(.is-primary):not(.is-danger), .updates-load-more, .support-hero-secondary, .docs-action-secondary, .snippets-copy-button:not(.is-primary)) {
  border: 1px solid var(--public-line);
  background: rgba(148,163,184,.06);
  color: #dbe3ec;
  box-shadow: none;
}
.public-content :is(.btn-secondary, .reviews-button:not(.is-primary):not(.is-danger), .updates-load-more, .support-hero-secondary, .docs-action-secondary, .snippets-copy-button:not(.is-primary)):not(:disabled):not([aria-disabled="true"]):is(:hover,:focus-visible) {
  border-color: rgba(148,163,184,.3);
  background: rgba(148,163,184,.12);
  color: #f8fafc;
  box-shadow: none;
  transform: translateY(-1px);
}
.public-content :is(.btn-primary, .reviews-button.is-primary, .docs-action-primary, .snippets-copy-button.is-primary):not(:disabled):not([aria-disabled="true"]) {
  background: var(--glyx-action-fill, #14634f);
  color: var(--glyx-action-text, #effff8);
  border-color: var(--glyx-action-border, #2e8b70);
  box-shadow: inset 0 1px 0 rgba(255,255,255,.035);
}

.public-content :is(.btn-primary, .reviews-button.is-primary, .docs-action-primary, .snippets-copy-button.is-primary):not(:disabled):not([aria-disabled="true"]):is(:hover,:focus-visible) { background: var(--glyx-action-hover, #19765e); color: var(--glyx-action-text, #effff8); border-color: var(--glyx-action-border, #2e8b70); }
.public-content :is(.btn-primary, .reviews-button, .updates-load-more, .support-hero-button, .docs-action-primary, .docs-action-secondary, .snippets-copy-button):not(:disabled):not([aria-disabled="true"]):active { transform: scale(.98); }
.public-content :is(button:disabled, [aria-disabled="true"]) { cursor: not-allowed; transform: none; }
.public-content :is(input:not([type="checkbox"]):not([type="radio"]):not([type="range"]), textarea, select) { border-radius: 12px; border-color: var(--public-line); background: rgba(148,163,184,.045); color: #e7edf4; box-shadow: none; }
.public-content :is(input, textarea, select):focus-visible { border-color: var(--ui-accent, #00e0a4); outline: 2px solid rgba(var(--ui-accent-rgb, 0,224,164),.22); outline-offset: 2px; }
.public-content :is(a, button):focus-visible { outline: 2px solid var(--ui-accent, #00e0a4); outline-offset: 4px; }

.public-page--faq .public-hero > :is(h1, p, .faq-search-shell, .faq-filter-bar),
.public-page--faq .public-content > section > .max-w-3xl { max-width: min(100%, 900px); margin-inline: auto; }
.public-page--faq .public-hero,
.public-page--faq .public-hero :is(h1, p) { text-align: center; }
.public-page--faq .faq-answer { text-align: left; }
.public-page--faq .public-content .public-hero > h1 { width: 100%; text-align: center; margin-inline: auto; }
.public-page--faq .faq-filter-bar { justify-content: center; }
.public-page--faq .faq-question { display: flex; text-align: left; }
.public-page--faq .faq-search-shell { padding-inline: 0; }
.public-page--faq .faq-filter:not(.is-active) { border-color: var(--public-line); background: var(--public-soft); color: #a8b7c8; }
.public-page--docs .docs-sidebar { top: 100px; }
.public-page--docs .docs-section[id] { scroll-margin-top: 180px; }
.public-page--docs .docs-sidebar-link.is-active { border-color: rgba(var(--ui-accent-rgb, 0,224,164),.24); background: rgba(var(--ui-accent-rgb, 0,224,164),.08); }
.public-page--zglos-blad .bug-modal {
  max-height: calc(100svh - 36px);
  max-height: calc(100dvh - 36px);
  overflow-y: auto;
  overscroll-behavior: contain;
}
.public-page--premium .public-hero > .relative { display: grid; grid-template-columns: minmax(0,1fr) minmax(280px,380px); align-items: center; gap: 40px; }
.public-page--premium .public-premium-intro { display: grid; justify-items: start; gap: 20px; margin: 0; }
.public-page--premium .public-premium-intro img { width: clamp(140px,20vw,230px); height: auto; }
.public-page--premium .public-premium-description { max-width: 560px; color: var(--public-muted); font-size: 1rem; line-height: 1.85; }
.public-page--premium .public-hero > .relative > .mt-16 { grid-column: 1 / -1; justify-content: flex-start; margin-top: 0; }
.public-page--premium .premium-price-box { width: 100%; }
.public-page--premium #premium-features { padding-block: 48px 80px; }
.public-page--premium #premium-features > div > .text-center { text-align: left; margin-bottom: 36px; }
.public-page--premium .premium-card { text-align: left; }
.public-page--legal .public-content > .h-px { display: none; }
.public-page--legal .public-content > section:not(.public-hero) { padding-block: 0 80px; }
.public-page--legal .public-content .feature-card { padding: clamp(20px, 3vw, 32px); border: 1px solid var(--public-line); border-radius: 16px; background: var(--public-soft); box-shadow: none; backdrop-filter: none; }
.public-page--legal .public-content .feature-card:hover { transform: none; border-color: rgba(148,163,184,.28); box-shadow: none; }
.public-page--legal .public-content .feature-card h2 { color: #e7edf4; font-size: 1.2rem; letter-spacing: -.025em; }
.public-page--legal .public-hero .text-6xl { font-size: 2rem; margin-bottom: 20px; }
.public-page--snippets .snippets-page { padding-top: 0; }
.public-page--snippets .snippets-hero { padding-top: clamp(112px,14svh,160px); }
.public-page--snippets .snippets-title { font-size: clamp(2.4rem,4.6vw,4.5rem); letter-spacing: -.045em; line-height: 1.12; font-weight: 600; }
.public-page--snippets .snippets-hero-grid { margin-top: 24px; }

@media (max-width: 900px) {
  .public-content :is(.support-grid, .bug-layout, .tester-layout, .reviews-shell, .docs-layout) { grid-template-columns: minmax(0,1fr); }
  .public-page--docs .docs-sidebar { position: static; }
}
@media (max-width: 767px) {
  .public-content .public-hero { padding-top: 104px; padding-bottom: 32px; }
  .public-content .public-hero :is(h1, .support-title, .bug-title, .tester-title) { font-size: clamp(2rem,8vw,3rem); }
  .public-content .public-hero h1 + p,
  .public-content .public-hero :is(.support-description, .bug-description, .tester-description) { font-size: .92rem; line-height: 1.8; }
  .public-content :is(input:not([type="checkbox"]):not([type="radio"]), textarea, select) { font-size: 16px; }
  .public-content :is(.btn-primary, .btn-secondary, .reviews-button, .support-hero-button) { min-height: 46px; }
  .public-content :is(.support-card-grid, .tester-info-grid) { grid-template-columns: minmax(0,1fr); }
  .public-page--premium .public-hero > .relative { grid-template-columns: minmax(0,1fr); gap: 28px; }
  .public-page--snippets .snippets-title { font-size: clamp(2rem,8vw,3rem); }
  .public-page--legal .public-content > section:not(.public-hero) > div { gap: 18px; }
}
@media (max-width: 380px) {
  .public-page nav a:has(> .nav-logo) .nav-unix ~ span { display: none; }
}
@media (prefers-reduced-motion: reduce) {
  .public-content *, .public-content *::before, .public-content *::after { scroll-behavior: auto; transition-duration: 0s; }
}