/* E2 chrome: header + footer. Built from e2-partials by build_chrome_assets.py. Do not edit by hand. */
header.top{display:grid;grid-template-columns:auto 1fr auto;align-items:center;padding:18px 22px;max-width:1180px;margin:0 auto}
.mark{justify-self:start;font-size:25px;font-weight:800;letter-spacing:-.02em;color:#1d1d1f;text-decoration:none}
.mark sup{font-size:11px}
nav.main{display:flex;gap:18px;align-items:center;justify-self:center}
nav.main a{color:#1d1d1f;text-decoration:none;font-size:15px;white-space:nowrap}
nav.main a:hover{color:#2e6bf0}
.hdrright{justify-self:end;display:flex;align-items:center;gap:10px}
.joinbtn{background:#2e6bf0;color:#fff !important;font-weight:700;padding:10px 20px;border-radius:999px;text-decoration:none;white-space:nowrap}
.burger{display:none;background:none;border:0;font-size:27px;line-height:1;cursor:pointer;color:#1d1d1f;padding:4px 6px}
.joinbtn{transition:background .15s,transform .15s,box-shadow .15s}
.joinbtn:hover{background:#1f56c9;transform:translateY(-1px);box-shadow:0 6px 16px rgba(14,24,48,.18)}
@media(max-width:820px){header.top{display:flex;flex-wrap:wrap;justify-content:space-between}.burger{display:block}nav.main{display:none;order:3;width:100%;flex-direction:column;align-items:stretch;gap:0;padding:8px 0 6px}nav.main.open{display:flex}nav.main a{padding:13px 4px;font-size:16.5px;border-bottom:1px solid #eeeef2}nav.main a:last-child{border-bottom:0}.joinbtn{padding:9px 16px;font-size:14.5px}}
a.mark{text-decoration:none !important;color:inherit;border-bottom:none}
nav.main a.get60{background:#ffe066;color:#1d1d1f !important;font-weight:800;padding:7px 15px;border-radius:999px}
nav.main a.get60:hover{background:#ffd43b;color:#1d1d1f}
@media(max-width:820px){nav.main a.get60{align-self:flex-start;margin:8px 0}}
footer{background:#f4f6fb;padding:40px 20px 12px;margin-top:44px;text-align:center;font-size:16px;line-height:normal}
  .fmark{font-size:21px;font-weight:800;color:#1d1d1f;letter-spacing:-.02em}
.onnow{margin-top:44px;background:#f5f5f7;border-radius:24px;padding:30px 30px 26px;text-align:center}
.onnow-head{display:flex;align-items:center;justify-content:center;gap:12px;flex-wrap:wrap}
.onnow-title{display:inline-flex;align-items:center;gap:10px;font-size:21px;font-weight:800;letter-spacing:-.01em;color:#1d1d1f;text-decoration:none}
.onnow-title:hover{text-decoration:underline}
.ondot{width:12px;height:12px;border-radius:50%;background:#30d158;display:inline-block;animation:onpl 2s infinite}
@keyframes onpl{0%{box-shadow:0 0 0 0 rgba(48,209,88,.45)}70%{box-shadow:0 0 0 10px rgba(48,209,88,0)}100%{box-shadow:0 0 0 0 rgba(48,209,88,0)}}
@media(prefers-reduced-motion:reduce){.ondot{animation:none}}
.onnow-count{color:#6e6e73;font-size:15.5px;font-weight:600}
.onnow-faces{display:flex;flex-wrap:wrap;justify-content:center;gap:18px 14px;margin-top:24px}
.onperson{width:76px;text-align:center;text-decoration:none;color:inherit;display:block}
.onperson .onface{position:relative;width:60px;height:60px;margin:0 auto 6px}
.onperson img,.onperson .onmono{width:60px;height:auto;aspect-ratio:1/1;border-radius:50%;object-fit:cover;display:block;background:#e8e8ec}
.onperson .onmono{display:flex;align-items:center;justify-content:center;font-size:23px;font-weight:800;color:#fff;background:linear-gradient(135deg,#0071e3,#42a5f5 55%,#30d158)}
.onperson .onst{position:absolute;right:0;bottom:0;width:15px;height:15px;border-radius:50%;border:3px solid #f5f5f7;background:#c7c7cc}
.onperson .onst.online{background:#30d158}.onperson .onst.idle{background:#ff9f0a}.onperson .onst.dnd{background:#ff453a}
.onperson .onnm{font-size:12px;font-weight:700;line-height:1.25;color:#1d1d1f;margin:0}
.onperson:hover .onnm{color:#2e6bf0}
.onnow-more{display:inline-block;margin-top:16px;color:#2e6bf0;font-weight:700;font-size:15.5px;text-decoration:none}
.onnow-more:hover{text-decoration:underline}
.onnow-empty{color:#6e6e73;font-size:15px;margin:0}
.fonnow{max-width:900px;margin:0 auto 14px;text-align:center}
.fonnow .onnow-faces{gap:14px 10px;margin-top:14px}
.fonnow .onperson{width:62px}
.fonnow .onperson .onface{width:48px;height:48px}
.fonnow .onperson img,.fonnow .onperson .onmono{width:48px;height:auto;aspect-ratio:1/1;font-size:19px}
.fonnow .onperson .onst{border-color:#f4f6fb;width:13px;height:13px}
.fonnow .onnow-title{font-size:19px}

a.mark{text-decoration:none !important;color:inherit;border-bottom:none}

.members .story{position:relative}
.goldpill{position:absolute;top:12px;left:50%;transform:translateX(-50%);z-index:3;background:linear-gradient(135deg,#ffd94d,#f5b921);color:#231a04;font-weight:800;font-size:15.5px;padding:9px 20px;border-radius:999px;box-shadow:0 8px 22px rgba(181,133,32,.38);white-space:nowrap}

.onstack{display:flex;flex-wrap:nowrap;justify-content:center;align-items:center;margin-top:14px;min-height:46px}
.onstack a{display:block;line-height:0;flex:0 0 auto}
.onstack img{width:46px;height:auto;aspect-ratio:1/1;border-radius:50%;object-fit:cover;border:3px solid #fff;background:#e8e8ec;margin-left:-10px;flex:0 0 auto;box-shadow:0 2px 8px rgba(14,24,48,.12);transition:transform .15s}
.onstack a:first-child img{margin-left:0}
.onstack a:hover img{transform:translateY(-3px)}
[data-onstack]{flex-direction:column;gap:8px;min-height:76px}
.onstack .onrow{display:flex;flex-wrap:nowrap;justify-content:center;align-items:center}@media (max-width:640px){.onstack img{width:38px;height:auto;aspect-ratio:1/1;margin-left:-9px}.onstack a:first-child img{margin-left:0}}

.onmore{margin-left:8px;background:#0e1830;color:#fff;font-size:13.5px;font-weight:800;border-radius:999px;padding:7px 12px;text-decoration:none}

.fcols{display:grid;grid-template-columns:repeat(6,minmax(130px,180px));justify-content:center;gap:28px;text-align:left;max-width:1240px;margin:22px auto 18px}
@media(max-width:1020px){.fcols{grid-template-columns:repeat(3,minmax(150px,200px))}}
.ftag{color:#8a8a91;font-size:14.5px;margin:0}
.fgive{margin:10px 0 8px;font-size:14.5px;color:#8a8a91}
.fgive a{color:#2e6bf0;font-weight:700;text-decoration:none}
.fgive a:hover{text-decoration:underline}.fdot{display:inline-block;width:9px;height:9px;border-radius:50%;background:#4ade80;margin-right:8px;vertical-align:2px;animation:fpulse 1.8s infinite}@keyframes fpulse{0%{box-shadow:0 0 0 0 rgba(74,222,128,.45)}70%{box-shadow:0 0 0 8px rgba(74,222,128,0)}100%{box-shadow:0 0 0 0 rgba(74,222,128,0)}}.fcol a span.fpill{display:inline-block;background:#fef3c7;color:#92400e;border-radius:999px;font-size:11px;font-weight:800;padding:2px 8px;margin-left:6px;vertical-align:2px}.fcol a span.fnum{color:#98a2b3;font-weight:500;font-size:13px;margin-left:5px}
.fcol{display:flex;flex-direction:column;gap:9px}
.fcol h4{font-size:.76rem;font-weight:800;letter-spacing:.16em;text-transform:uppercase;color:#8a8a91;margin:0 0 2px}
.fcol a{color:#3a3a42;text-decoration:none;font-size:15px;font-weight:600;transition:color .15s ease,transform .15s ease}
.fico{display:inline-block;width:20px;text-align:center;filter:grayscale(1);opacity:.5;font-size:12px;line-height:1;margin-right:2px;transition:opacity .15s ease}
.fcol a:hover{color:#2e6bf0;text-decoration:none;transform:translateX(3px)}
footer a:hover{text-decoration:none}
.onnow-more:hover{color:#1d4fd0;text-decoration:none}
.fcol a:hover .fico{opacity:.95}
@media(max-width:640px){.fcols{grid-template-columns:1fr 1fr;justify-items:center;text-align:center;max-width:420px;gap:34px 20px;padding:0 16px}.fcol{align-items:center;text-align:center}.ftag{text-align:center;padding:0 20px;margin-left:auto;margin-right:auto}}

nav.main a.get60{background:#ffe066;color:#1d1d1f !important;font-weight:800;padding:7px 15px;border-radius:999px}
nav.main a.get60:hover{background:#ffd43b;color:#1d1d1f}
@media(max-width:820px){nav.main a.get60{align-self:flex-start;margin:8px 0}}
/* Footer Online Now compression (Oct 30 2026, Dave: about 30% shorter) */
.fonnow .onstack{margin-top:8px}
.fonnow [data-onstack]{min-height:68px;gap:5px}
.fonnow .onstack img{width:38px;height:auto;aspect-ratio:1/1;margin-left:-9px}
.fonnow .onnow-more{margin-top:8px}
.fonnow .onnow-faces{margin-top:10px}
