/* X-PRODUCT-209 / shared customer/commerce experience presentation.
   Loaded only in ATHRTY-owned top-level pages. Never imported into
   a standalone paid source file, buyer artifact or Studio canvas. */
:root{
 --x209-paper:#e9e5dc;--x209-ink:#eef0ec;--x209-muted:#b8c5ca;
 --x209-border:#3b4850;--x209-dark:#0d1217;
 --x209-panel:#171f25;--x209-radius:14px;
}
body.xm-public{
 --xm-bg:#0d1217;--xm-panel:#171f25;--xm-elev:#202b32;
 --xm-cream:var(--x209-paper);--xm-ink:var(--x209-ink);
 --xm-muted:var(--x209-muted);--xm-silver:#bdccd1;
 --xm-line:rgba(195,211,219,.20);
}
.xm-public .xm-topbar{
 min-height:78px;padding-inline:clamp(18px,4vw,68px);
 background:#12191e;border-color:var(--xm-line);gap:18px;
}
.xm-public .xm-brand{
 min-height:48px;display:inline-flex;align-items:center;
}
.xm-public .xm-brandmark{
 width:42px;height:42px;border-radius:13px;background:var(--x209-paper);color:#172127;
 box-shadow:none
}
.xm-public .xm-brandword{font-family:Manrope,system-ui,sans-serif;
 font-size:17px;letter-spacing:-.04em;line-height:1.1}
.xm-public .xm-brandword small{font-size:9px;color:#b4c1c6;
 letter-spacing:.145em;line-height:1.5;margin-top:5px}
.xm-public .xm-topnav{display:flex;align-items:center;gap:clamp(11px,2.3vw,28px)}
.xm-public .xm-topnav a{
 display:inline-flex;min-height:44px;min-width:44px;align-items:center;justify-content:center;
 font-weight:660;font-size:12px;letter-spacing:-.005em;
 white-space:nowrap;color:#c4d0d3;padding:9px 3px;
 border-radius:9px;text-decoration:none!important
}
.xm-public .xm-topnav a:hover,.xm-public .xm-topnav a[aria-current="page"]{
 color:#f6f4ec!important;background:rgba(221,230,231,.06)
}
.xm-public .xm-topnav .xm-workspace-link{
 padding:11px 16px!important;background:#243038!important;
 color:#e6eded!important;border:1px solid #596870;
 border-radius:12px!important
}
.xm-public .xm-topnav .xm-workspace-link:hover{background:#303e47!important}
.xm-public :is(button,a,input,select,textarea,summary):focus-visible{
 outline:2px solid #e6dacc!important;outline-offset:3px!important
}
.xm-public :is(.xm-primary-button,.xm-systems-secondary,.xm-button,.x202-action,.x201-vault-card a){
 border-radius:12px;min-height:44px
}
.xm-public :is(.xm-card,.x201-vault-card,.x201-vault-status,.x202-inactive){
 border-radius:var(--x209-radius);box-shadow:none
}
.xm-public .xm-hero h1,.xm-public .x201-vault-hero h1,
.xm-public .x202-hero h1{font-family:Manrope,system-ui,sans-serif;
 letter-spacing:-.071em;line-height:1.05;text-wrap:balance}
.xm-public :is(.xm-hero-copy p,.x201-vault-hero p,.x202-hero p){
 line-height:1.76;max-width:64ch
}
.xm-public .xm-public-footer{border-color:var(--xm-line)}
/* Release Desk remains a dedicated authority surface, not another app shell. */
body:not(.xm-public) .site-header{
 min-height:78px;gap:16px;border-color:var(--line,#39464d);
 background:#141b20;padding-inline:clamp(18px,4vw,68px)
}
body:not(.xm-public) .site-header .brand{min-height:46px}
body:not(.xm-public) .site-header nav{align-items:center;gap:clamp(12px,2vw,28px);flex-wrap:wrap}
body:not(.xm-public) .site-header nav a{
 min-height:44px;min-width:44px;display:inline-flex;align-items:center;color:#d5e1e3;
 font-size:12px;letter-spacing:.025em;text-decoration:none!important
}
body:not(.xm-public) .site-header nav a:hover{color:#fff}
body:not(.xm-public) :is(.action-panel,.workspace-aside){box-shadow:none}
body:not(.xm-public) .shell-header{min-height:78px;background:#141b20;
 border-color:#39464d;padding-inline:clamp(18px,4vw,68px)}
body:not(.xm-public) .shell-header nav a{
 min-height:44px;display:inline-flex;align-items:center;color:#d5e1e3
}
body:not(.xm-public) .shell-header nav a:hover{color:#fff}
@media(max-width:760px){
 .xm-public .xm-topbar{flex-wrap:wrap;gap:7px;padding:13px 18px}
 .xm-public .xm-topnav{width:100%;order:2;justify-content:flex-start;
  flex-wrap:wrap;gap:5px 16px;overflow:visible}
 .xm-public .xm-topnav a{min-height:44px;min-width:44px;justify-content:center;font-size:12px;padding:8px 8px}
 .xm-public .xm-topnav .xm-workspace-link{padding:9px 12px!important}
 body:not(.xm-public) .site-header{flex-wrap:wrap;gap:8px}
 body:not(.xm-public) .site-header nav{width:100%;gap:8px 21px}
 body:not(.xm-public) .shell-header{flex-wrap:wrap;gap:8px;padding:12px 18px}
 body:not(.xm-public) .shell-header nav{width:100%;justify-content:flex-start;
  flex-wrap:wrap;gap:8px 19px}
}
@media(prefers-reduced-motion:reduce){
 .xm-public :is(a,button,summary),.site-header :is(a,button),.shell-header :is(a,button){
  animation:none!important;transition:none!important}
}