/* Vigil: consistent charcoal and gold surfaces and a useful room-scene example. */
.vigil-refreshed{--ink:#f3efe6;--muted:#bec0bd;background:#101112;color:#f3efe6;font-family:system-ui,-apple-system,sans-serif;line-height:1.65}
.vigil-account{--head:#f3efe6;--text:#e1ddd3;--dim:#bec0bd;--gold:#e3c789;--gold-2:#e3c789;--line:#555854}
.vigil-account :is(.account-title,.card-title,h3,.wordmark b){font-family:system-ui,-apple-system,sans-serif}
.vigil-account .btn--primary{background:#e3c789;color:#181b19}
.vigil-account .entitle{background:#191b1e}
.vigil-refreshed .commerce-header{background:#101112;border-bottom:1px solid #ffffff20;backdrop-filter:none}
.vigil-refreshed .commerce-brand{display:flex;align-items:center;gap:12px;letter-spacing:.14em;color:#e3c789}
.vigil-refreshed .commerce-links a{color:#bec0bd;min-height:44px;display:inline-flex;align-items:center}
.vigil-refreshed .commerce-hero{background:#101112;padding:76px 0 84px}
.vigil-refreshed .commerce-hero-grid{gap:52px;align-items:center}
.vigil-refreshed .commerce-kicker{color:#e3c789;font-size:12px;letter-spacing:.14em}
.vigil-refreshed h1{font:500 clamp(46px,5.4vw,76px)/1.03 system-ui,sans-serif;letter-spacing:-.045em;color:#f3efe6}
.vigil-refreshed h1 em{color:#e3c789;font-style:normal}
.vigil-refreshed .commerce-lede{font-size:18px;color:#bec0bd;line-height:1.7}
.vigil-refreshed .commerce-button{background:#e3c789;color:#181b19;border:1px solid #e3c789;box-shadow:none;border-radius:8px;min-height:48px;font:650 14px/1.4 system-ui,sans-serif;text-transform:none;letter-spacing:0;display:inline-flex;align-items:center;justify-content:center}
.vigil-refreshed .commerce-button--quiet{background:transparent;color:#f3efe6;border-color:#555854}
.vigil-refreshed .commerce-status{font-size:12px;color:#bec0bd;background:#ffffff06;border-color:#ffffff29;box-shadow:none}
.vigil-refreshed .commerce-section{background:#101112;border-color:#ffffff20}
.vigil-refreshed .commerce-section h2{color:#f3efe6;font:500 clamp(30px,3.2vw,45px)/1.15 system-ui,sans-serif;letter-spacing:-.03em}
.vigil-refreshed .commerce-section p{color:#bec0bd}
.vigil-refreshed .commerce-card{background:#191b1e;border-color:#555854;box-shadow:none}
.vigil-refreshed .commerce-card h3{color:#f3efe6;font-size:20px;line-height:1.3}
.vigil-refreshed .commerce-product-link{color:#e3c789;min-height:44px;display:inline-flex;align-items:center}
.vigil-refreshed #features{background:#101112}
.vigil-refreshed #features :is(h2,h3){color:#f3efe6}
.vigil-refreshed #features p{color:#bec0bd}
.vigil-refreshed #features .commerce-kicker{color:#e3c789}
.vigil-refreshed #features .commerce-card{background:#191b1e;border-color:#555854}
.vigil-refreshed #features .commerce-product-link{color:#e3c789}
.vigil-refreshed .commerce-buybox{background:#191b1e;border:1px solid #555854;border-radius:20px;box-shadow:none;padding:42px}
.vigil-refreshed .commerce-buybox-price{color:#e3c789}
.vigil-refreshed .commerce-platform{background:#111315;border-color:#555854;border-radius:12px}
.vigil-refreshed .commerce-platform strong{color:#f3efe6}
.vigil-refreshed .commerce-platform small{color:#bec0bd;font-size:14px;line-height:1.6}
.vigil-refreshed .commerce-disclosure,.vigil-refreshed .commerce-finance{color:#bec0bd;font-size:13px;line-height:1.7}
.vigil-refreshed .commerce-finance a,.vigil-refreshed .commerce-footer-links a{color:#bec0bd}
.vigil-refreshed .commerce-footer{background:#101112;color:#bec0bd}
.vigil-refreshed :is(a,button,summary,input):focus-visible{outline:3px solid #e3c789;outline-offset:4px}
.vigil-demo{min-width:0;border:1px solid #555854;border-radius:22px;padding:24px;background:#191b1e;box-shadow:0 24px 55px #0003;color:#f3efe6}
.vigil-demo header{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:18px}
.vigil-demo header strong{font:600 20px/1.3 system-ui,sans-serif}
.vigil-demo header small{display:block;font-size:12px;color:#bec0bd;margin-top:6px}
.vigil-scenes{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:18px}
.vigil-scenes button{flex:1;min-height:44px;padding:8px 12px;background:#111315;color:#bec0bd;border:1px solid #555854;border-radius:8px;cursor:pointer;font:600 13px/1.3 system-ui,sans-serif}
.vigil-scenes button[aria-pressed=true]{color:#181b19;background:#e3c789;border-color:#e3c789}
.vigil-rooms{display:grid;grid-template-columns:1fr 1fr;gap:9px;min-height:242px;padding:12px;background:#111315;border:1px solid #555854;border-radius:13px}
.vigil-room{position:relative;display:flex;flex-direction:column;justify-content:flex-end;align-items:start;gap:6px;min-width:0;padding:18px;border:1px solid #555854;border-radius:7px;background:#23262a;color:#f3efe6;text-align:left;cursor:pointer;transition:background .2s ease}
.vigil-room:first-child{grid-row:span 2}
.vigil-room[aria-pressed=true]{background:#e3c789;color:#181b19;border-color:#e3c789}
.vigil-room::before{content:'';position:absolute;top:15px;left:18px;width:18px;height:18px;border-radius:50%;border:2px solid currentColor}
.vigil-room[aria-pressed=true]::before{background:#8a703c;box-shadow:0 0 20px #e3c789}
.vigil-room span{font:650 14px/1.3 system-ui,sans-serif}
.vigil-room small{font:400 12px/1.3 system-ui,sans-serif}
.vigil-demo output{display:block;min-height:50px;margin:17px 0 0;font:400 13px/1.6 system-ui,sans-serif;color:#bec0bd}
.vigil-demo>p{font:400 12px/1.65 system-ui,sans-serif;color:#bec0bd;margin:12px 0 0}
@media(max-width:940px){.vigil-refreshed .commerce-hero-grid{gap:34px}.vigil-demo{max-width:620px;width:100%;margin:auto}}
@media(max-width:600px){.vigil-refreshed .commerce-hero{padding:40px 0 48px}.vigil-refreshed .commerce-links{gap:14px;flex-wrap:wrap}.vigil-refreshed .commerce-links a{font-size:13px}.vigil-refreshed .commerce-buybox{padding:24px}.vigil-demo{padding:18px}.vigil-demo header strong{font-size:18px}.vigil-rooms{padding:8px;gap:7px}.vigil-room{padding:13px}.vigil-room::before{left:13px}.vigil-refreshed .commerce-lede{font-size:16px}}
@media(prefers-reduced-motion:reduce){.vigil-refreshed *{animation:none!important;transition:none!important}}

@media(max-width:600px){
 body.vigil-refreshed :is(.bl-sup-lazy,.bl-sup:not(.open)){position:static!important;inset:auto!important;transform:none!important;width:auto;margin:0 22px 24px;opacity:1!important;visibility:visible!important;pointer-events:auto!important;display:flex;justify-content:flex-end}
 body.vigil-refreshed :is(.bl-sup-lazy button,.bl-sup-btn){width:auto;min-width:140px;gap:10px;padding:8px 16px;border-radius:8px;box-shadow:none;font:500 14px/1.4 system-ui,sans-serif;letter-spacing:0}
 body.vigil-refreshed :is(.bl-sup-lazy button>b,.bl-sup-btn>span:last-child){position:static;width:auto;height:auto;margin:0;clip:auto;clip-path:none;overflow:visible;white-space:normal;font:inherit}
}

.vigil-refreshed{--gold:#e3c789;--dim:#bec0bd;--head:#f3efe6;--text:#e1ddd3;--line:#555854}
.vigil-refreshed :is(.nav-cta,.cta .btn){background:#e3c789;border-color:#e3c789;box-shadow:none}
.vigil-refreshed .nav{gap:16px;flex-wrap:wrap}
.vigil-refreshed .nav-links{min-width:0;flex-wrap:wrap}
.vigil-refreshed .platform-note{padding:16px;border:1px solid #555854;border-radius:10px;color:#bec0bd}
.vigil-refreshed :is(.bl-sup-lazy button,.bl-sup-btn){background:#191b1e!important;border-color:#e3c789!important;color:#e3c789!important;box-shadow:none!important}
@media(max-width:600px){
 .vigil-refreshed .limitations-table,.vigil-refreshed .limitations-table tbody{display:block;width:100%}
 .vigil-refreshed .limitations-table thead{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
 .vigil-refreshed .limitations-table tr{display:block;margin:0 0 18px;border:1px solid #555854;border-radius:10px;padding:16px}
 .vigil-refreshed .limitations-table td{display:block;width:100%;border:0;padding:0 0 12px;text-align:left}
 .vigil-refreshed .limitations-table td:last-child{padding-bottom:0}
 .vigil-refreshed .limitations-table td::before{content:attr(data-label);display:block;color:#e3c789;font-weight:650;font-size:13px;margin-bottom:6px}
}