/* Decision 351: one public header and one public footer for every public page on a computer or tablet (821px and up):
   the marketing pages (static files that link this sheet) and the app's public pages (src/components/public, which
   load it with a <link>). Phones keep each page's own phone header from decision 350, so the new header is hidden at
   820px and below and the old one (.pc-old) at 821px and up. Pages that had no footer show this one on phones too
   (.pc-foot-all). Fonts: the app's next/font variables, or the marketing pages' own Titling and Space faces. */
.pc-head,.pc-foot{--pc-ink:#111110;--pc-paper:#f4f5f0;--pc-red:#d6331c;--pc-red-hover:#b92a15;--pc-g:clamp(24px,4.5vw,80px);--pc-max:1440px;--pc-body:var(--font-space,Space),Arial,sans-serif;--pc-display:var(--font-titling,Titling),Impact,sans-serif;font-family:var(--pc-body);-webkit-font-smoothing:antialiased}
.pc-head *,.pc-foot *{box-sizing:border-box}
.pc-head a,.pc-foot a{color:inherit;text-decoration:none}
.pc-head img,.pc-foot img{display:block;max-width:100%;height:auto}
.pc-head :focus-visible,.pc-foot :focus-visible{outline:3px solid var(--pc-red);outline-offset:4px}

/* Header: logo left; For fighters, For brands, Fighters, Brands; Log in and one red "Join free" right. */
/* display is set here so the static pages can keep both hidden (an inline guard) until this sheet has loaded. */
.pc-head{display:block;position:sticky;top:0;z-index:60;background:#f4f5f0f2;color:var(--pc-ink);border-bottom:1px solid #11111017;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}
.pc-head.pc-dark{background:#111110f2;color:#f0efe9;border-bottom-color:#ffffff1f}
.pc-in{height:84px;display:flex;align-items:center;gap:clamp(20px,2.6vw,40px);padding:0 max(var(--pc-g),calc((100% - var(--pc-max)) / 2))}
.pc-logo{flex:none;display:flex;align-items:center;min-height:44px}
.pc-logo img{width:136px}
.pc-nav{display:flex;align-items:center;gap:clamp(18px,2.2vw,34px);margin:0 auto;font-size:14px;line-height:1.4;white-space:nowrap}
.pc-nav a{position:relative;display:inline-flex;align-items:center;min-height:44px}
.pc-nav a::after{content:"";position:absolute;left:0;right:0;bottom:8px;height:2px;background:var(--pc-red);transform:scaleX(0);transform-origin:left;transition:transform .2s}
.pc-nav a[aria-current]::after{transform:scaleX(1)}
.pc-acts{flex:none;display:flex;align-items:center;gap:clamp(14px,1.8vw,24px);font-size:14px;line-height:1.4;white-space:nowrap}
.pc-login{display:inline-flex;align-items:center;min-height:44px}
.pc-join{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:0 20px;border-radius:3px;background:var(--pc-red);color:#fff!important;font-weight:600;transition:background .2s}
.pc-share{display:inline-flex;align-items:center;gap:8px;min-height:44px;padding:0 14px;background:none;border:1px solid #1111102e;border-radius:3px;color:inherit;font:inherit;cursor:pointer;transition:background .2s,border-color .2s}
.pc-share svg{width:16px;height:16px}
@media (hover:hover){
  .pc-nav a:hover::after{transform:scaleX(1)}
  .pc-login:hover{color:var(--pc-red)}
  .pc-dark .pc-login:hover{color:#ff7a65}
  .pc-join:hover{background:var(--pc-red-hover)}
  .pc-share:hover{background:#1111100d;border-color:var(--pc-ink)}
}
@media (max-width:1100px){
  .pc-in{height:76px}
  .pc-logo img{width:118px}
  .pc-nav{gap:18px;font-size:13px}
  .pc-acts{gap:14px;font-size:13px}
  .pc-join{padding:0 16px}
  .pc-share{padding:0 12px}
}
@media (max-width:900px){
  .pc-in{gap:16px}
  .pc-nav{gap:14px}
  .pc-share span{display:none}
}

/* Footer: logo and line, the header's links, then Terms, Privacy, All policies and Back to top, then the page's note. */
.pc-foot{display:block;background:var(--pc-ink);color:#f0efe9;font-size:14px;line-height:1.6}
.pc-foot-in{padding:72px max(var(--pc-g),calc((100% - var(--pc-max)) / 2)) 40px}
.pc-foot-top{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr) auto;align-items:start;gap:40px;padding-bottom:48px;border-bottom:1px solid #ffffff21}
.pc-foot-logo{display:inline-flex}
.pc-foot-logo img{width:150px}
.pc-foot-tag{margin:0;font:400 clamp(28px,2.6vw,40px)/.95 var(--pc-display);letter-spacing:-.01em;text-transform:uppercase;color:#f0efe9}
.pc-foot-nav{display:grid;grid-template-columns:repeat(2,auto);gap:4px 48px;font-size:15px}
.pc-foot-nav a,.pc-foot-legal a{display:inline-flex;align-items:center;min-height:32px;color:#d9d8d0}
.pc-foot-bot{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px 32px;padding-top:24px;font-size:13px;color:#a9a89f}
.pc-foot-legal{display:flex;flex-wrap:wrap;gap:4px 24px}
.pc-foot-note{max-width:68ch;margin:20px 0 0;font-size:12px;line-height:1.6;color:#a9a89f}
@media (hover:hover){.pc-foot-nav a:hover,.pc-foot-legal a:hover{color:#fff;text-decoration:underline;text-underline-offset:5px}}

/* Desktop and tablet only; phones keep their own (decision 350). */
@media (max-width:820px){
  .pc-head,.pc-foot:not(.pc-foot-all){display:none!important}
  .pc-foot-in{padding:48px 20px calc(28px + env(safe-area-inset-bottom))}
  .pc-foot-top{grid-template-columns:1fr;gap:20px;padding-bottom:28px}
  .pc-foot-logo img{width:128px}
  .pc-foot-tag{font-size:30px}
  .pc-foot-nav{gap:0 32px}
  .pc-foot-nav a,.pc-foot-legal a{min-height:44px}
  .pc-foot-bot{flex-direction:column;align-items:flex-start;gap:4px}
  .pc-foot-legal{gap:0 20px}
}
@media (min-width:821px){.pc-old{display:none!important}}