/* Shared public polish — aligns landing, docs, auth, and catalog surfaces. */
:root {
  --public-bg:#0a0a0a; --public-panel:#111111; --public-panel-2:#1a1a1a;
  --public-border:rgba(255,255,255,.08); --public-text:#f4f4f4;
  --public-muted:#a0a0a0; --public-accent:#f2b705; --public-accent-2:#ffd24d;
}
html { color-scheme: dark; }
body { background:var(--bg-0,var(--public-bg)); color:var(--text-1,var(--public-text)); font-family:Inter,system-ui,-apple-system,"Segoe UI",sans-serif; }
.navbar,.navbar-auth,.navbar-models { border-bottom:1px solid var(--border,var(--public-border))!important; backdrop-filter:blur(18px) saturate(150%); }
.brand { display:inline-flex!important; align-items:center; gap:9px; font-weight:650!important; letter-spacing:-.025em!important; }
.brand img { width:28px; height:28px; filter:drop-shadow(0 0 9px rgba(242,183,5,.3)); }
.btn,.btn-primary,.btn-ghost { min-height:40px; border-radius:8px!important; font-weight:550!important; }
.btn-primary { background:linear-gradient(135deg,#f2b705 0%,#ffc91a 60%,#ffd24d 100%)!important; color:#111111!important; box-shadow:0 8px 20px -8px rgba(242,183,5,.35)!important; }
.btn-primary:hover { background:linear-gradient(135deg,#ffd24d,#f2b705)!important; transform:translateY(-1px)!important; box-shadow:0 12px 28px -8px rgba(242,183,5,.45)!important; }
.auth-card,.table-wrap,.card,.feature-card,.pricing-card { border-radius:12px!important; box-shadow:none!important; }
:focus-visible { outline:2px solid var(--accent-2,var(--public-accent-2)); outline-offset:2px; }
.scroll-hint { display:none; color:var(--text-3,var(--public-muted)); font-size:.75rem; margin:0 0 8px; }
@media(max-width:767px){
  .navbar-inner,.navbar-auth .inner,.navbar-models .inner{padding-left:14px!important;padding-right:14px!important;min-height:56px}
  .btn,.btn-primary,.btn-ghost,button,a[role="button"]{min-height:44px}
  .auth-card{padding:28px 20px!important;border-radius:12px!important}
  .page-header{padding-left:16px!important;padding-right:16px!important}
  .content-wrap,.wrap{padding-left:16px!important;padding-right:16px!important}
  .scroll-hint{display:block}
  .table-wrap{max-width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}
}