html,body.section-page{min-height:100%;overflow:auto}
body.section-page{margin:0;background:#17191c;color:#e7e9e5}
.section-page #viewport{position:relative;min-height:100svh;overflow:visible}
.section-page main{position:relative;min-height:100svh}
.section-page .header{position:fixed;z-index:1000}
.section-page .community,.section-page .membership{min-height:100svh}
.section-page-source{position:fixed;inset:0;width:100%;height:100%;z-index:-1;opacity:.34;pointer-events:none}
.section-page .community-wrap,.section-page .membership-wrap{padding-top:14svh}
.section-page dialog{z-index:2000}
html[data-website-theme=silver] body.section-page{background:#b3b5b2;color:#252a27}
@media(max-width:900px){.section-page .header nav{overflow-x:auto;max-width:48vw}.section-page .header nav::-webkit-scrollbar{display:none}}

/* Standalone page isolation pass 24 */
body.section-page .header nav .pill{display:inline-flex;align-items:center;justify-content:center;text-decoration:none}
body.section-page .header nav .pill.active{color:var(--ds-optical-accent)}
body.section-page .header nav .pill:hover{color:inherit}
.section-page .community,.section-page .membership{position:relative!important;inset:auto!important;width:auto!important;height:auto!important;visibility:visible!important;pointer-events:auto!important;overflow:visible!important}
.section-page.contact-page{height:100%;overflow:hidden}
.section-page.contact-page #viewport,.section-page.contact-page main{height:100svh;overflow:hidden}
.section-page .standalone-contact{position:relative!important;inset:auto!important;width:100%!important;height:100svh!important;min-height:100svh!important;visibility:visible!important;pointer-events:auto!important;overflow:hidden!important;padding:0!important}

/* Standalone design language pass 25 */
body.section-page{
  position:relative;
  background:#17191c;
  color:#eceee9;
}
body.section-page:before{
  content:"";
  position:fixed;
  inset:-20%;
  z-index:0;
  pointer-events:none;
  background:
    radial-gradient(circle at 72% 46%,rgba(var(--ds-optical-accent-rgb),.08),transparent 18%),
    radial-gradient(circle at 26% 28%,rgba(255,255,255,.055),transparent 22%);
  animation:section-haze 18s ease-in-out infinite alternate;
}
body.section-page:after{
  content:"";
  position:fixed;
  right:8vw;
  top:20vh;
  width:min(34vw,500px);
  aspect-ratio:1;
  z-index:0;
  pointer-events:none;
  border:1px solid rgba(var(--ds-optical-accent-rgb),.11);
  border-radius:50%;
  box-shadow:0 0 70px rgba(var(--ds-optical-accent-rgb),.035),inset 0 0 70px rgba(255,255,255,.018);
  animation:section-orbit 24s linear infinite;
}
@keyframes section-haze{from{transform:translate3d(-1.2%,-.8%,0) scale(1)}to{transform:translate3d(1.4%,1%,0) scale(1.035)}}
@keyframes section-orbit{to{transform:rotate(360deg)}}

.section-page-source{
  z-index:0!important;
  opacity:.72!important;
  filter:saturate(.86) contrast(.96);
}
.section-page #viewport{
  position:relative;
  z-index:1;
}
.section-page main{
  position:relative;
  z-index:1;
}
.section-page .header{
  background:linear-gradient(180deg,rgba(16,18,20,.74),rgba(16,18,20,.28) 72%,transparent)!important;
  backdrop-filter:blur(14px);
  -webkit-backdrop-filter:blur(14px);
}
.section-page .header nav .pill,
.section-page .header .enter{
  border:1px solid transparent;
  background:transparent;
}
.section-page .header nav .pill:hover,
.section-page .header .enter:hover{
  border-color:rgba(255,255,255,.12);
  background:rgba(255,255,255,.035);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.07);
}
.section-page .header nav .pill:active,
.section-page .header .enter:active{
  color:#17130d!important;
  background:var(--ds-optical-accent)!important;
  border-color:var(--ds-optical-accent)!important;
  box-shadow:0 0 16px rgba(var(--ds-optical-accent-rgb),.20)!important;
}
.section-page .header nav .pill.active{
  color:var(--ds-optical-accent)!important;
  border-color:rgba(var(--ds-optical-accent-rgb),.34);
  background:linear-gradient(135deg,rgba(var(--ds-optical-accent-rgb),.10),rgba(var(--ds-optical-accent-rgb),.025));
}

.section-page .community,
.section-page .membership{
  background:transparent!important;
  padding:0!important;
}
.section-page .community-wrap,
.section-page .membership-wrap{
  position:relative;
  width:min(92%,1480px)!important;
  max-width:none!important;
  margin:12svh auto 7svh!important;
  padding:clamp(28px,3.2vw,52px)!important;
  border:1px solid rgba(237,241,236,.22);
  border-radius:26px;
  background:linear-gradient(145deg,rgba(229,233,229,.095),rgba(37,42,42,.25) 44%,rgba(16,19,20,.38));
  backdrop-filter:blur(18px) saturate(.82);
  -webkit-backdrop-filter:blur(18px) saturate(.82);
  box-shadow:0 30px 90px rgba(0,0,0,.30),inset 0 1px 0 rgba(255,255,255,.14);
  overflow:hidden;
}
.section-page .community-wrap:before,
.section-page .membership-wrap:before{
  content:"";
  position:absolute;
  left:26px;
  right:26px;
  top:0;
  height:1px;
  background:linear-gradient(90deg,transparent,rgba(255,235,188,.50),rgba(255,255,255,.18),transparent);
  pointer-events:none;
}
.section-page .community-wrap:after,
.section-page .membership-wrap:after{
  content:"";
  position:absolute;
  right:-90px;
  top:-110px;
  width:360px;
  height:360px;
  border-radius:50%;
  background:radial-gradient(circle,rgba(var(--ds-optical-accent-rgb),.075),transparent 68%);
  pointer-events:none;
}
.section-page .community-heading,
.section-page .membership-heading{
  position:relative;
  z-index:1;
  margin-bottom:clamp(24px,3.2vw,44px)!important;
  padding-bottom:22px;
  border-bottom:1px solid rgba(255,255,255,.08);
}
.section-page .community-heading .eyebrow,
.section-page .membership-heading .eyebrow{
  color:#aab0aa!important;
  font-size:7px!important;
  letter-spacing:.20em!important;
}
.section-page .community-heading h2,
.section-page .membership-heading h2{
  margin-top:5px;
  font-size:clamp(38px,4.4vw,68px)!important;
  font-weight:400!important;
  letter-spacing:-.052em!important;
  color:#f0f1ed;
}
.section-page .community-heading p,
.section-page .membership-heading>p{
  color:#a9b0aa!important;
  font-size:10px!important;
  line-height:1.8!important;
}
.section-page .community-compose{
  height:34px;
  border-color:rgba(255,255,255,.15)!important;
  background:rgba(255,255,255,.025)!important;
}
.section-page .community-compose:hover{
  background:rgba(255,255,255,.055)!important;
  border-color:rgba(255,255,255,.24)!important;
}
.section-page .community-compose:active{
  color:#17130d!important;
  background:var(--ds-optical-accent)!important;
  border-color:var(--ds-optical-accent)!important;
}

.section-page .community-main,
.section-page .community-side>div,
.section-page .membership-card{
  border:1px solid rgba(255,255,255,.095)!important;
  background:linear-gradient(145deg,rgba(255,255,255,.040),rgba(255,255,255,.015))!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.045);
}
.section-page .community-main{
  border-radius:18px!important;
}
.section-page .community-toolbar{
  background:rgba(9,11,12,.12);
}
.section-page .community-tab{
  transition:color .16s,border-color .16s,background .16s,transform .16s;
}
.section-page .community-tab:hover{
  color:#f1f2ed!important;
  background:rgba(255,255,255,.045);
}
.section-page .community-tab.active{
  color:var(--ds-optical-accent)!important;
  border-color:rgba(var(--ds-optical-accent-rgb),.34)!important;
  background:rgba(var(--ds-optical-accent-rgb),.07)!important;
}
.section-page .community-search,
.section-page #communitySort{
  background:rgba(8,10,11,.22)!important;
  border-color:rgba(255,255,255,.11)!important;
}
.section-page .community-post{
  transition:background .16s,border-color .16s;
}
.section-page .community-post:hover{
  background:linear-gradient(90deg,rgba(255,255,255,.038),rgba(var(--ds-optical-accent-rgb),.022))!important;
}
.section-page .community-post h3{
  color:#e9ebe7!important;
}
.section-page .community-post-tag.official,
.section-page .community-post-pin{
  color:var(--ds-optical-accent)!important;
}
.section-page .community-first-post{
  border-color:rgba(var(--ds-optical-accent-rgb),.17)!important;
  background:linear-gradient(145deg,rgba(var(--ds-optical-accent-rgb),.045),rgba(255,255,255,.018))!important;
}

.section-page .membership-grid{
  gap:16px!important;
}
.section-page .membership-card{
  position:relative;
  min-height:390px!important;
  padding:28px!important;
  border-radius:20px!important;
  overflow:hidden;
  transition:transform .22s,border-color .22s,background .22s;
}
.section-page .membership-card:hover{
  transform:translateY(-3px);
  border-color:rgba(255,255,255,.18)!important;
  background:linear-gradient(145deg,rgba(255,255,255,.055),rgba(255,255,255,.018))!important;
}
.section-page .membership-card:before{
  content:"";
  position:absolute;
  left:22px;
  right:22px;
  top:0;
  height:1px;
  background:linear-gradient(90deg,transparent,rgba(255,255,255,.20),transparent);
}
.section-page .membership-tier h3{
  font-size:clamp(36px,4vw,58px)!important;
}
.section-page .membership-vip{
  border-color:rgba(214,91,91,.28)!important;
}
.section-page .membership-svip,
.section-page .membership-card.current{
  border-color:rgba(var(--ds-optical-accent-rgb),.34)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.05),0 0 32px rgba(var(--ds-optical-accent-rgb),.035)!important;
}
.section-page .membership-action{
  border:1px solid rgba(255,255,255,.14)!important;
  background:rgba(255,255,255,.02)!important;
}
.section-page .membership-action:hover{
  background:rgba(255,255,255,.055)!important;
}
.section-page .membership-action:active{
  color:#17130d!important;
  background:var(--ds-optical-accent)!important;
  border-color:var(--ds-optical-accent)!important;
}
.section-page .membership-note{
  color:#747c77!important;
  letter-spacing:.02em;
}

.section-page dialog{
  background:linear-gradient(145deg,rgba(32,36,38,.98),rgba(19,22,24,.99))!important;
  border:1px solid rgba(255,255,255,.13)!important;
  box-shadow:0 30px 90px rgba(0,0,0,.42)!important;
  backdrop-filter:blur(18px);
  -webkit-backdrop-filter:blur(18px);
}

.section-page.contact-page .standalone-contact{
  background:#171c1b!important;
}
.section-page.contact-page .contact-frame{
  position:relative!important;
  inset:auto!important;
}

html[data-website-theme=silver] body.section-page{
  background:#a7aaa6;
  color:#252a27;
}
html[data-website-theme=silver] body.section-page:before{
  background:
    radial-gradient(circle at 72% 46%,rgba(171,132,61,.10),transparent 20%),
    radial-gradient(circle at 26% 28%,rgba(255,255,255,.14),transparent 24%);
}
html[data-website-theme=silver] .section-page .community-wrap,
html[data-website-theme=silver] .section-page .membership-wrap{
  background:linear-gradient(145deg,rgba(255,255,255,.32),rgba(225,230,225,.17) 48%,rgba(119,125,120,.16));
  border-color:rgba(255,255,255,.48);
  box-shadow:0 28px 80px rgba(47,52,48,.16),inset 0 1px 0 rgba(255,255,255,.50);
}
html[data-website-theme=silver] .section-page .community-heading h2,
html[data-website-theme=silver] .section-page .membership-heading h2{
  color:#252a27;
}
html[data-website-theme=silver] .section-page .community-main,
html[data-website-theme=silver] .section-page .community-side>div,
html[data-website-theme=silver] .section-page .membership-card{
  background:rgba(255,255,255,.15)!important;
  border-color:rgba(255,255,255,.35)!important;
}
html[data-website-theme=silver] .section-page .community-post h3{
  color:#2c312e!important;
}

@media(max-width:900px){
  .section-page .community-wrap,.section-page .membership-wrap{width:90%!important;margin-top:14svh!important;padding:26px!important}
}
@media(max-width:650px){
  body.section-page:after{width:76vw;right:-22vw;top:24vh}
  .section-page .community-wrap,.section-page .membership-wrap{width:92%!important;padding:20px!important;border-radius:20px}
  .section-page .community-heading h2,.section-page .membership-heading h2{font-size:38px!important}
}

/* Contact exact-match isolation pass 25 */
body.contact-page:before,body.contact-page:after{display:none!important}
html[data-website-theme=dark] body.contact-page .standalone-contact{
  background:radial-gradient(ellipse at 75% 48%,#343a3c 0%,#1d2325 40%,#14181b 80%)!important;
}
html[data-website-theme=silver] body.contact-page .standalone-contact{
  background:#c5c5c3!important;
}

/* Glass runtime alignment pass 26 */
.section-page .header nav button.pill,
.section-page .header .header-actions button.pill{
  appearance:none;
  font:inherit;
  cursor:pointer;
}
.section-page [data-glass-panel],
.section-page [data-glass-card]{
  isolation:isolate;
}
.section-page .community-wrap[data-glass-panel],
.section-page .membership-wrap[data-glass-panel]{
  overflow:visible;
}
.section-page .community-main[data-glass-card],
.section-page .community-side>[data-glass-card],
.section-page .membership-card[data-glass-card]{
  overflow:hidden;
}

/* Standalone polish pass 27 */
.section-page .header nav .pill{
  min-height:30px!important;
  padding:8px 13px!important;
  font-size:clamp(9px,.9vw,13px)!important;
  font-weight:400!important;
  line-height:1!important;
  letter-spacing:0!important;
}
.section-page .header-actions .enter{
  min-height:30px!important;
  padding:8px 13px!important;
  font-size:clamp(9px,.9vw,13px)!important;
  font-weight:400!important;
}
.section-page .header .theme-choice{
  min-height:26px!important;
  padding:5px 10px!important;
  font-size:10px!important;
}
html[data-website-theme=silver] .section-page .header{
  background:linear-gradient(180deg,rgba(205,207,204,.82),rgba(205,207,204,.34) 72%,transparent)!important;
  border-bottom-color:rgba(70,75,71,.16)!important;
  color:#2b302d!important;
  backdrop-filter:blur(14px);
  -webkit-backdrop-filter:blur(14px);
}
html[data-website-theme=silver] .section-page .header nav .pill,
html[data-website-theme=silver] .section-page .header .enter{
  color:#303632!important;
}
html[data-website-theme=silver] .section-page .header nav .pill:hover,
html[data-website-theme=silver] .section-page .header .enter:hover{
  background:rgba(255,255,255,.20)!important;
  border-color:rgba(255,255,255,.36)!important;
}
html[data-website-theme=silver] .section-page .header nav .pill.active{
  color:#6a4a12!important;
  border-color:rgba(168,122,39,.28)!important;
  background:rgba(var(--ds-optical-accent-rgb),.12)!important;
}
html[data-website-theme=silver] .section-page .website-theme-switch{
  background:rgba(255,255,255,.12)!important;
  border-color:rgba(77,83,78,.16)!important;
}

.community-access-note{
  position:relative;
  z-index:2;
  display:grid;
  grid-template-columns:auto 1fr auto;
  align-items:center;
  gap:14px;
  margin:-14px 0 18px;
  padding:11px 13px;
  border:1px solid rgba(255,255,255,.09);
  border-radius:12px;
  background:rgba(9,11,12,.16);
}
.community-access-note>span{
  display:inline-flex;
  align-items:center;
  height:23px;
  padding:0 8px;
  border-radius:var(--ds-radius-pill);
  border:1px solid rgba(var(--ds-optical-accent-rgb),.25);
  color:var(--ds-optical-accent);
  font-size:8px;
  letter-spacing:.05em;
}
.community-access-note p{font-size:9px;color:#929a94;line-height:1.55}
.community-access-note.signed-in>span{color:#a9c9ad;border-color:rgba(169,201,173,.25)}
.community-access-note.signed-in{background:rgba(108,147,112,.045)}
.community-compose.guest{color:#a8aea9!important}
.community-reply-box textarea:disabled,
.community-thread-actions button:disabled{
  opacity:.48;
  cursor:not-allowed;
}
html[data-website-theme=silver] .community-access-note{
  background:rgba(255,255,255,.15);
  border-color:rgba(255,255,255,.34);
}
html[data-website-theme=silver] .community-access-note p{color:#59625c}

body.contact-page .standalone-contact{
  position:relative!important;
  background:#171c1b!important;
}
body.contact-page .standalone-contact>.contact-backdrop{
  position:absolute!important;
  inset:0!important;
  z-index:0!important;
  background:#171c1b!important;
  filter:saturate(.84) contrast(1.03) brightness(.82);
}
body.contact-page .standalone-contact>.contact-frame{position:relative!important;z-index:1!important}
html[data-website-theme=silver] body.contact-page .standalone-contact>.contact-backdrop{
  background:#c5c5c3!important;
  filter:saturate(.64) contrast(.92) brightness(1.08);
}
@media(max-width:650px){
  .community-access-note{grid-template-columns:1fr;gap:8px}
  .community-access-note [data-account-entry]{justify-self:start}
}

/* Standalone header unification pass 29 */
body.section-page{
  --section-header-bg:linear-gradient(180deg,rgba(16,18,20,.74),rgba(16,18,20,.28) 72%,transparent);
  --section-header-border:rgba(212,216,218,.15);
  --section-header-fg:#e6e7e5;
}
html[data-website-theme=silver] body.section-page{
  --section-header-bg:linear-gradient(180deg,rgba(205,207,204,.82),rgba(205,207,204,.34) 72%,transparent);
  --section-header-border:rgba(70,75,71,.16);
  --section-header-fg:#2b302d;
}
body.section-page .header,
html[data-website-theme=silver] body.section-page .header,
html[data-website-theme=dark] body.section-page .header{
  background:var(--section-header-bg)!important;
  border-bottom-color:var(--section-header-border)!important;
  color:var(--section-header-fg)!important;
  backdrop-filter:blur(14px)!important;
  -webkit-backdrop-filter:blur(14px)!important;
}
body.section-page .header nav .pill,
body.section-page .header .header-actions>.enter{
  min-height:30px!important;
  padding:8px 13px!important;
  font-size:clamp(9px,.9vw,13px)!important;
  font-weight:400!important;
  line-height:1!important;
}

/* Standalone visual unification pass 30 */
body.section-page{
  --section-header-solid:linear-gradient(180deg,rgba(17,19,21,.95),rgba(17,19,21,.88));
  --section-header-border:rgba(212,216,218,.15);
  --section-header-fg:#e6e7e5;
}
html[data-website-theme=silver] body.section-page{
  --section-header-solid:linear-gradient(180deg,rgba(145,146,143,.95),rgba(145,146,143,.88));
  --section-header-border:rgba(70,75,71,.18);
  --section-header-fg:#252a27;
  background:linear-gradient(45deg,#646563 0%,#91928f 50%,#d4d4d2 100%) fixed!important;
}
body.section-page .header,
html[data-website-theme=dark] body.section-page .header,
html[data-website-theme=silver] body.section-page .header{
  background:var(--section-header-solid)!important;
  border-bottom-color:var(--section-header-border)!important;
  color:var(--section-header-fg)!important;
  backdrop-filter:none!important;
  -webkit-backdrop-filter:none!important;
  box-shadow:none!important;
}
body.section-page .header-actions{
  background:transparent!important;
  box-shadow:none!important;
}
body.section-page .header:before,
body.section-page .header:after{
  display:none!important;
}
html[data-website-theme=silver] body.section-page:before,
html[data-website-theme=silver] body.section-page:after{
  display:none!important;
}
body.contact-page #contactCanvas{
  opacity:.025!important;
}
body.contact-page .contact-frame[data-glass-panel]{
  background:rgba(255,255,255,.018)!important;
  border-color:rgba(230,235,231,.24)!important;
  box-shadow:0 28px 78px rgba(0,0,0,.26),inset 0 1px 0 rgba(255,255,255,.12)!important;
}
html[data-website-theme=silver] body.contact-page .contact-frame[data-glass-panel]{
  background:rgba(224,226,222,.035)!important;
  border-color:rgba(255,255,255,.34)!important;
  box-shadow:0 28px 78px rgba(57,62,58,.18),inset 0 1px 0 rgba(255,255,255,.28)!important;
}

/* Standalone header transparency restore pass 31 */
body.section-page .section-page-source{
  z-index:0!important;
  opacity:.72!important;
}
body.section-page #viewport{
  position:relative!important;
  z-index:1!important;
}
body.section-page .header,
html[data-website-theme=dark] body.section-page .header,
html[data-website-theme=silver] body.section-page .header{
  background:transparent!important;
  backdrop-filter:none!important;
  -webkit-backdrop-filter:none!important;
  box-shadow:none!important;
}
body.section-page .header-actions,
body.section-page .website-theme-switch{
  background:transparent!important;
}
body.section-page .header:before,
body.section-page .header:after,
body.section-page .header-actions:before,
body.section-page .header-actions:after{
  display:none!important;
}
body.contact-page #contactCanvas{
  opacity:1!important;
}
body.contact-page .contact-frame[data-glass-panel]{
  background:transparent!important;
}

/* Standalone exact header match pass 31 */
html[data-website-theme=dark] body.section-page .header{
  border-bottom-color:#d4d8da25!important;
}
html[data-website-theme=silver] body.section-page .header{
  border-bottom-color:#53555045!important;
}
html[data-website-theme=dark] body.section-page .website-theme-switch,
html[data-website-theme=silver] body.section-page .website-theme-switch{
  background:transparent!important;
  box-shadow:none!important;
}
html[data-website-theme=silver] body.section-page .website-theme-switch{
  border-color:#77796f45!important;
}
html[data-website-theme=dark] body.section-page .website-theme-switch{
  border-color:#c5ccce30!important;
}


/* Contact liquid glass recovery pass 32 */
body.contact-page .contact-frame[data-glass-panel]{
  isolation:isolate!important;
  background:transparent!important;
  backdrop-filter:none!important;
  -webkit-backdrop-filter:none!important;
}
body.contact-page .contact-frame[data-glass-panel] > #contactCanvas{
  z-index:0!important;
  opacity:1!important;
}
html body.contact-page[data-hover-glass] .contact-frame[data-glass-panel] > canvas.button-glass-surface{
  z-index:1!important;
  display:block!important;
  opacity:1!important;
  visibility:visible!important;
  mix-blend-mode:normal!important;
  filter:none!important;
}
body.contact-page .contact-frame[data-glass-panel] > .contact-pane{
  position:relative!important;
  z-index:2!important;
  background:linear-gradient(135deg,rgba(255,255,255,.018),rgba(255,255,255,.006))!important;
  backdrop-filter:none!important;
  -webkit-backdrop-filter:none!important;
}
body.contact-page .contact-frame[data-glass-panel] > .contact-photo-note,
body.contact-page .contact-frame[data-glass-panel] > .contact-frame-index{
  z-index:3!important;
}
html[data-website-theme=silver] body.contact-page .contact-frame[data-glass-panel] > .contact-pane{
  background:linear-gradient(135deg,rgba(255,255,255,.028),rgba(255,255,255,.008))!important;
}


/* Standalone background + contact liquid glass pass 33 */
html[data-website-theme=dark] body.section-page{
  background:#17191c!important;
}
html[data-website-theme=silver] body.section-page{
  background:linear-gradient(45deg,#646563 0%,#91928f 50%,#d4d4d2 100%) fixed!important;
}
html[data-website-theme=dark] body.section-page .community,
html[data-website-theme=dark] body.section-page .membership,
html[data-website-theme=silver] body.section-page .community,
html[data-website-theme=silver] body.section-page .membership{
  background:transparent!important;
}

/* Contact uses the same page base as Membership; the skyline is only a scene layer. */
html[data-website-theme=dark] body.contact-page .standalone-contact{
  background:#17191c!important;
}
html[data-website-theme=silver] body.contact-page .standalone-contact{
  background:linear-gradient(45deg,#646563 0%,#91928f 50%,#d4d4d2 100%)!important;
}
body.contact-page .standalone-contact>.contact-backdrop{
  background-color:#17191c!important;
}
html[data-website-theme=silver] body.contact-page .standalone-contact>.contact-backdrop{
  background-color:#91928f!important;
}

/* Beat the dynamically injected generic glass rule: keep the optical canvas above the scene. */
html body.contact-page[data-hover-glass] #contactGlassFrame.contact-frame[data-glass-panel][data-glass-button] > canvas.button-glass-surface{
  z-index:2!important;
  display:block!important;
  opacity:1!important;
  visibility:visible!important;
  mix-blend-mode:normal!important;
  filter:none!important;
}
body.contact-page #contactGlassFrame > #contactCanvas{
  z-index:0!important;
}
body.contact-page #contactGlassFrame > .contact-liquid-sheen{
  position:absolute;
  inset:-18%;
  z-index:1;
  pointer-events:none;
  opacity:.34;
  background:
    radial-gradient(ellipse at 18% 22%,rgba(255,255,255,.20) 0 5%,rgba(255,255,255,.055) 14%,transparent 34%),
    radial-gradient(ellipse at 82% 72%,rgba(var(--ds-optical-accent-rgb),.12) 0 4%,rgba(var(--ds-optical-accent-rgb),.035) 16%,transparent 38%),
    linear-gradient(118deg,transparent 22%,rgba(255,255,255,.055) 42%,rgba(255,255,255,.14) 49%,rgba(255,255,255,.035) 57%,transparent 76%);
  background-size:135% 135%,145% 145%,180% 180%;
  background-position:0% 10%,100% 90%,15% 50%;
  filter:blur(10px) saturate(1.18);
  transform:translate3d(0,0,0) scale(1.04);
  animation:contact-liquid-drift 8s ease-in-out infinite alternate;
}
body.contact-page #contactGlassFrame > .contact-pane{
  z-index:3!important;
  background:linear-gradient(135deg,rgba(255,255,255,.035),rgba(255,255,255,.008) 58%,rgba(var(--ds-optical-accent-rgb),.012))!important;
  backdrop-filter:saturate(1.22) contrast(1.035)!important;
  -webkit-backdrop-filter:saturate(1.22) contrast(1.035)!important;
}
body.contact-page #contactGlassFrame > .contact-photo-note,
body.contact-page #contactGlassFrame > .contact-frame-index{
  z-index:4!important;
}
body.contact-page #contactGlassFrame{
  border-color:rgba(235,240,235,.34)!important;
  box-shadow:
    0 30px 86px rgba(0,0,0,.28),
    inset 0 1px 0 rgba(255,255,255,.22),
    inset 0 -1px 0 rgba(255,255,255,.055)!important;
}
html[data-website-theme=silver] body.contact-page #contactGlassFrame{
  border-color:rgba(255,255,255,.48)!important;
  box-shadow:
    0 28px 80px rgba(47,52,48,.18),
    inset 0 1px 0 rgba(255,255,255,.52),
    inset 0 -1px 0 rgba(255,255,255,.16)!important;
}
html[data-website-theme=silver] body.contact-page #contactGlassFrame > .contact-liquid-sheen{
  opacity:.28;
  background:
    radial-gradient(ellipse at 18% 22%,rgba(255,255,255,.34) 0 5%,rgba(255,255,255,.08) 15%,transparent 35%),
    radial-gradient(ellipse at 82% 72%,rgba(var(--ds-optical-accent-rgb),.10) 0 4%,rgba(var(--ds-optical-accent-rgb),.025) 16%,transparent 38%),
    linear-gradient(118deg,transparent 22%,rgba(255,255,255,.08) 42%,rgba(255,255,255,.20) 49%,rgba(255,255,255,.055) 57%,transparent 76%);
}
@keyframes contact-liquid-drift{
  0%{background-position:0% 10%,100% 90%,15% 50%;transform:translate3d(-1.2%,-.6%,0) scale(1.04)}
  55%{background-position:58% 22%,44% 72%,78% 48%;transform:translate3d(.8%,.5%,0) scale(1.055)}
  100%{background-position:100% 36%,0% 58%,42% 54%;transform:translate3d(1.5%,-.3%,0) scale(1.045)}
}
@media(prefers-reduced-motion:reduce){
  body.contact-page #contactGlassFrame > .contact-liquid-sheen{animation:none}
}


/* Notification drawer layout reserve pass 35 */
@media(min-width:901px){
  body.website-notification-drawer-open.section-page .community-wrap,
  body.website-notification-drawer-open.section-page .membership-wrap{
    width:auto!important;
    margin-left:4%!important;
    margin-right:calc(4% + var(--notification-drawer-reserve))!important;
    transition:margin-right .28s cubic-bezier(.2,.72,.24,1)!important;
  }
  body.website-notification-drawer-open.contact-page .contact-frame{
    width:auto!important;
    margin-left:4%!important;
    margin-right:calc(4% + var(--notification-drawer-reserve))!important;
    transition:margin-right .28s cubic-bezier(.2,.72,.24,1)!important;
  }
}


/* Standalone top navigation selected state pass 38 */
body.section-page .header nav .pill.active,
html[data-website-theme=dark] body.section-page .header nav .pill.active,
html[data-website-theme=silver] body.section-page .header nav .pill.active{
  color:inherit!important;
  background:transparent!important;
  border-color:transparent!important;
  box-shadow:none!important;
}
@media(max-width:650px){
}


/* Exact homepage navigation state on every standalone page pass 39 */
body.section-page .header nav .pill[aria-current="page"],
html[data-website-theme=dark] body.section-page .header nav .pill[aria-current="page"],
html[data-website-theme=silver] body.section-page .header nav .pill[aria-current="page"],
body.section-page .header nav .pill.active,
html[data-website-theme=dark] body.section-page .header nav .pill.active,
html[data-website-theme=silver] body.section-page .header nav .pill.active{
  position:relative!important;
  color:inherit!important;
  background:transparent!important;
  border-color:transparent!important;
  box-shadow:none!important;
  text-shadow:none!important;
}
@media(max-width:650px){
}


/* Final standalone nav current state pass 40 */
body.section-page .header nav .pill[aria-current="page"]{
  color:#eceee9!important;
  background:transparent!important;
  border-color:transparent!important;
  box-shadow:none!important;
  text-shadow:none!important;
}
html[data-website-theme=silver] body.section-page .header nav .pill[aria-current="page"]{
  color:#303632!important;
}
@media(max-width:650px){
}
@media(max-width:650px){
}


/* Membership catalog completion · member2 */
.section-page .membership-account-status{display:inline-flex;margin-top:10px;padding:7px 11px;border:1px solid rgba(255,255,255,.10);border-radius:var(--ds-radius-pill);background:rgba(255,255,255,.025);color:#c7cec8;font-size:9px}
.section-page .membership-cycle-switch{position:relative;z-index:2;display:flex;justify-content:center;gap:7px;margin:-10px 0 22px}
.section-page .membership-cycle-switch .pill{min-width:88px;border:1px solid rgba(255,255,255,.11);background:rgba(255,255,255,.025);color:#aeb5af}
.section-page .membership-cycle-switch .pill.active{color:#17130d;background:var(--ds-optical-accent);border-color:var(--ds-optical-accent);box-shadow:0 0 20px rgba(var(--ds-optical-accent-rgb),.18)}
.section-page .membership-cycle-switch em{font-style:normal;font-size:7px;margin-left:4px;opacity:.7}
.section-page .membership-price{display:flex;align-items:flex-end;gap:7px;margin:18px 0 4px}
.section-page .membership-price strong{font-size:34px;font-weight:520;letter-spacing:-.04em;color:#f3f3ef}
.section-page .membership-price span{padding-bottom:5px;color:#8e9891;font-size:9px}
.section-page .membership-price.free{align-items:center}.section-page .membership-price.free strong{font-size:31px}.section-page .membership-price.free span{padding:0}
.section-page .membership-saving{display:block;min-height:16px;color:var(--ds-optical-accent);font-size:8px;letter-spacing:.04em}
.section-page .membership-card ul{margin:21px 0 26px;padding:0;list-style:none;display:grid;gap:10px}
.section-page .membership-card li{position:relative;padding-left:15px;color:#b9c0ba;font-size:10px;line-height:1.55}
.section-page .membership-card li:before{content:"";position:absolute;left:0;top:.58em;width:5px;height:5px;border-radius:50%;background:rgba(var(--ds-optical-accent-rgb),.62);box-shadow:0 0 8px rgba(var(--ds-optical-accent-rgb),.18)}
.section-page .membership-action{width:100%;margin-top:auto;min-height:37px}
.section-page .membership-recommend{position:absolute;right:18px;top:18px;padding:5px 8px;border:1px solid rgba(var(--ds-optical-accent-rgb),.30);border-radius:var(--ds-radius-pill);background:rgba(var(--ds-optical-accent-rgb),.07);color:var(--ds-optical-accent);font-size:7px;letter-spacing:.08em}
.section-page .membership-policy{position:relative;z-index:1;display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:16px}
.section-page .membership-policy>div{display:flex;justify-content:space-between;gap:8px;padding:11px 13px;border:1px solid rgba(255,255,255,.08);border-radius:12px;background:rgba(255,255,255,.018)}
.section-page .membership-policy b{font-size:9px;color:#e5e8e3}.section-page .membership-policy span{font-size:9px;color:#8e9790}
.section-page .membership-note{margin-top:13px;line-height:1.65}
html[data-website-theme=silver] .section-page .membership-account-status,html[data-website-theme=silver] .section-page .membership-policy>div{border-color:rgba(51,59,54,.10);background:rgba(255,255,255,.17);color:#4a514d}
html[data-website-theme=silver] .section-page .membership-price strong{color:#252a27}
html[data-website-theme=silver] .section-page .membership-price span,html[data-website-theme=silver] .section-page .membership-card li,html[data-website-theme=silver] .section-page .membership-policy span{color:#5f6962}
@media(max-width:760px){.section-page .membership-cycle-switch{justify-content:flex-start;overflow-x:auto}.section-page .membership-cycle-switch .pill{min-width:78px}.section-page .membership-policy{grid-template-columns:1fr}}

/* Pricing 2026-10-23: monthly/annual subscriptions and minimum 3 enterprise seats. */
.section-page .membership-policy{grid-template-columns:repeat(2,minmax(0,1fr))}
.section-page .enterprise-seat-selector{
  display:flex;align-items:center;gap:10px;flex-wrap:wrap;
  padding:12px 14px;margin:-4px 0 16px;
  border:1px solid rgba(255,255,255,.10);border-radius:12px;
  background:rgba(255,255,255,.025);color:#b9c0ba;font-size:11px;
}
.section-page .enterprise-seat-selector .pill{
  min-width:30px;height:30px;padding:0 8px;
  display:inline-flex;align-items:center;justify-content:center;
  border:1px solid rgba(255,255,255,.14);
  background:rgba(255,255,255,.04);color:inherit;
}
.section-page .enterprise-seat-selector output{min-width:20px;text-align:center}
.section-page .enterprise-seat-selector strong{margin-left:auto;color:var(--ds-optical-accent)}
html[data-website-theme=silver] .section-page .enterprise-seat-selector{
  border-color:rgba(36,48,39,.14);background:rgba(255,255,255,.18);color:#444b46;
}
@media(max-width:760px){
 .section-page .membership-policy{grid-template-columns:minmax(0,1fr)}
 .section-page .enterprise-seat-selector strong{margin-left:0;width:100%}
}


/* Membership is one fixed liquid-glass viewport, with an independent scroll
 * region INSIDE it. Scrolling the price list must never move the frame. */
html:has(body.membership-page){height:100%;overflow:hidden!important;scroll-snap-type:none!important}
html body.membership-page{height:100dvh!important;min-height:0!important;overflow:hidden!important}
html body.membership-page #viewport,
html body.membership-page main{
 height:100dvh!important;min-height:0!important;overflow:hidden!important;
}
html body.membership-page .membership{
 position:static!important;min-height:0!important;height:100%!important;
 overflow:visible!important;padding:0!important;
}
html body.membership-page .membership-wrap[data-glass-panel]{
 position:fixed!important;
 top:clamp(82px,12svh,125px)!important;
 bottom:clamp(16px,4svh,40px)!important;
 left:50%!important;right:auto!important;
 margin:0!important;transform:translateX(-50%)!important;
 width:min(92vw,1480px)!important;max-width:none!important;
 height:auto!important;max-height:none!important;min-height:0!important;
 overflow-x:hidden!important;overflow-y:auto!important;
 overscroll-behavior:contain!important;
 -webkit-overflow-scrolling:touch;
 scrollbar-width:thin;scrollbar-color:rgba(240,198,90,.4) transparent;
}
html body.membership-page .membership-wrap[data-glass-panel]::-webkit-scrollbar{width:7px}
html body.membership-page .membership-wrap[data-glass-panel]::-webkit-scrollbar-thumb{
 background:rgba(240,198,90,.4);border-radius:8px;
}
html body.membership-page .membership-wrap[data-glass-panel]::-webkit-scrollbar-track{background:transparent}
@media(max-width:650px){
 html body.membership-page .membership-wrap[data-glass-panel]{
  top:80px!important;bottom:12px!important;width:94vw!important;
  padding:20px!important;border-radius:20px!important;
 }
}


/* 2026-10-29 · The website is a fixed glass frame, not one tall scrolling panel.
   Keep all tier cards inside a single scrollport, with no enterprise overlap. */
html:has(body.membership-page){height:100%!important;overflow:hidden!important;scroll-snap-type:none!important}
html body.membership-page{height:100dvh!important;min-height:0!important;overflow:hidden!important}
html body.membership-page #viewport,html body.membership-page main{
 height:100dvh!important;min-height:0!important;overflow:hidden!important
}
html body.membership-page .membership{
 height:100%!important;min-height:0!important;overflow:hidden!important;padding:0!important
}
html body.membership-page .membership-wrap[data-glass-panel]{
 box-sizing:border-box!important;position:fixed!important;
 top:clamp(82px,11svh,124px)!important;bottom:clamp(16px,3svh,38px)!important;
 left:50%!important;right:auto!important;transform:translateX(-50%)!important;
 width:min(92vw,1480px)!important;max-width:none!important;
 height:auto!important;max-height:none!important;min-height:0!important;
 margin:0!important;padding:0!important;
 overflow:hidden!important;overscroll-behavior:none!important;
 border-radius:26px!important;isolation:isolate!important;
}
html body.membership-page .membership-wrap>.membership-scroll{
 box-sizing:border-box!important;position:relative!important;z-index:2!important;
 width:100%!important;height:100%!important;min-height:0!important;
 padding:clamp(26px,3.2vw,52px)!important;
 overflow-x:hidden!important;overflow-y:auto!important;overscroll-behavior:contain!important;
 -webkit-overflow-scrolling:touch;
 scrollbar-width:thin!important;scrollbar-color:rgba(235,193,105,.55) rgba(255,255,255,.04)!important;
}
html body.membership-page .membership-wrap>.membership-scroll::-webkit-scrollbar{width:9px}
html body.membership-page .membership-wrap>.membership-scroll::-webkit-scrollbar-track{
 background:rgba(255,255,255,.045)!important;
 border-left:1px solid rgba(255,255,255,.10);border-radius:999px;margin:18px 0;
 box-shadow:inset 0 0 8px rgba(0,0,0,.14)!important;
}
html body.membership-page .membership-wrap>.membership-scroll::-webkit-scrollbar-thumb{
 background:linear-gradient(180deg,rgba(255,227,166,.73),rgba(171,132,62,.40))!important;
 background-clip:padding-box!important;border:2px solid transparent!important;
 border-radius:999px!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.3)!important;
}
html body.membership-page .membership-grid{position:relative!important;align-items:stretch!important;min-width:0!important}
html body.membership-page .membership-card{min-width:0!important;min-height:0!important;transform:none}
html body.membership-page .membership-card:hover{transform:translateY(-2px)}
html body.membership-page .membership-enterprise{grid-column:1/-1!important;position:relative!important}
html body.membership-page .membership-policy{margin-top:18px!important}
html[data-website-theme=silver] body.membership-page .membership-wrap>.membership-scroll::-webkit-scrollbar-track{background:rgba(60,65,61,.09)!important;border-color:rgba(40,45,41,.12)}
html[data-website-theme=silver] body.membership-page .membership-wrap>.membership-scroll::-webkit-scrollbar-thumb{background:linear-gradient(180deg,rgba(205,170,105,.83),rgba(143,116,66,.56))!important}
@media(max-width:650px){
 html body.membership-page .membership-wrap[data-glass-panel]{
  top:80px!important;bottom:12px!important;width:94vw!important;border-radius:20px!important
 }
 html body.membership-page .membership-wrap>.membership-scroll{padding:19px!important}
}