/* Shared landing / Explore header. Synced to Share OG by the landing builder. */
.site-header-shell{position:sticky;top:0;z-index:5;display:block;padding:10px clamp(16px,2vw,32px);background:rgba(14,20,36,.93);border-bottom:1px solid rgba(245,247,255,.12);backdrop-filter:blur(16px)}
.site-header{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:24px;max-width:1180px;margin:0 auto;padding:0;--text:var(--ink,#f5f7ff)}
.site-header .brand{display:inline-flex;align-items:center;gap:10px;text-decoration:none;flex-shrink:0}
.site-header .brand-mark{display:block;width:42px;height:42px;object-fit:contain;flex-shrink:0;filter:drop-shadow(0 12px 28px #02040c4d)}
.site-header .brand-logo{display:block;width:auto;height:54px;max-width:152px;object-fit:contain}
.site-header .nav{display:flex;align-items:center;flex-wrap:wrap;justify-content:flex-end;gap:8px;min-width:0;width:auto}
.site-header .pill{display:inline-flex;align-items:center;justify-content:center;min-height:34px;padding:7px 11px;border-radius:999px;border:1px solid rgba(245,247,255,.12);background:rgba(20,27,52,.54);color:var(--text);font-size:13px;font-weight:650;line-height:1.25;text-decoration:none;white-space:nowrap;transition:background .18s ease,border-color .18s ease}
.site-header .pill:hover{background:rgba(28,37,72,.72);border-color:rgba(245,247,255,.26)}
.site-header .pill.primary{background:rgba(255,79,163,.16);border-color:rgba(255,79,163,.38);color:var(--text)}
.site-header .pill.social{width:34px;padding:6px;background:rgba(255,138,122,.1);border-color:rgba(255,138,122,.22);font-size:0}
.site-header .pill.social::before{content:attr(data-icon);font-size:18px;line-height:1;font-weight:800}
.site-header .language-picker{position:relative;display:inline-flex;align-items:center;min-height:34px;max-width:156px;border:1px solid rgba(245,247,255,.12);border-radius:999px;background:rgba(20,27,52,.54)}
.site-header .language-icon,.site-header .language-globe{position:absolute;inset-inline-start:11px;width:17px;height:17px;pointer-events:none;font-size:20px;line-height:17px}
.site-header .language-icon{fill:none;stroke:var(--text);stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.site-header .language-picker::after{content:"";position:absolute;inset-inline-end:13px;top:50%;width:7px;height:7px;border-right:2px solid var(--text);border-bottom:2px solid var(--text);transform:translateY(-70%) rotate(45deg);pointer-events:none}
.site-header .language-select{appearance:none;min-width:0;width:100%;max-width:170px;min-height:32px;padding:6px 32px;border:0;border-radius:999px;background:transparent;color:var(--text);font:inherit;font-size:13px;font-weight:650;cursor:pointer;color-scheme:dark;text-overflow:ellipsis}
.site-header .language-select option{background:#141b34;color:#f5f7ff}
.site-header a:focus-visible,.site-header select:focus-visible{outline:3px solid #ff4fa3;outline-offset:3px}
.sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
@media(max-width:1000px){.site-header{grid-template-columns:1fr;gap:12px}.site-header .nav{justify-content:flex-start}.site-header .brand-mark{width:38px;height:38px}.site-header .brand-logo{height:48px;max-width:140px}}
@media(max-width:600px){.site-header-shell{position:relative;padding:12px 16px}.site-header .nav{gap:6px}.site-header .pill{min-height:32px;font-size:12px;padding:6px 9px}.site-header .pill.social{width:32px;padding:5px}.site-header .language-picker{min-height:32px}.site-header .language-select{min-height:30px;font-size:12px}}
@media(prefers-reduced-motion:reduce){.site-header .pill{transition:none}}