:root{--sf-demo-bar-height:clamp(132px,10vw,154px);--sf-demo-ink:#070707;--sf-demo-cream:#f8f6f1;--sf-demo-line:rgba(232,184,79,.76);--sf-demo-gold:#e8b84f;--sf-guidance-fixed-top:96px;--sf-assistant-bottom:78px;color-scheme:light!important}
.sf-demo-shell-v2,.sf-demo-shell-v2 *,.sf-demo-assistant-object,.sf-demo-assistant-object *,.sf-demo-assistant-panel,.sf-demo-assistant-panel *,.sf-demo-tooltip{color-scheme:light!important}
.sf-demo-shell-v2{position:relative;z-index:9980;box-sizing:border-box;padding:16px 20px 0;background:#f5f1e8}
.sf-demo-guidance{position:relative;width:min(1240px,100%);min-height:var(--sf-demo-bar-height);margin:0 auto;border:1px solid rgba(232,184,79,.45);border-radius:24px;background:linear-gradient(145deg,rgba(13,13,13,.98),rgba(2,2,2,.97));box-shadow:0 22px 64px rgba(0,0,0,.28),inset 0 1px 0 rgba(255,217,132,.09);overflow:hidden}
.sf-demo-shell-v2[data-sf-demo-state="bottom"]{height:0;min-height:0;padding:0;background:transparent;overflow:visible}
.sf-demo-shell-v2[data-sf-demo-state="bottom"]>.sf-demo-guidance{position:fixed;z-index:99990;top:var(--sf-guidance-fixed-top);left:50%;width:min(1240px,calc(100% - 40px));margin:0;transform:translateX(-50%)}
.sf-demo-guidance__inner{position:relative;display:grid;grid-template-columns:minmax(180px,225px) minmax(250px,1fr) auto;align-items:center;gap:22px;min-height:var(--sf-demo-bar-height);padding:18px 24px;box-sizing:border-box}
.sf-demo-guidance__brand{display:block;width:clamp(180px,17vw,225px)}.sf-demo-guidance__brand-image{display:block;width:100%;height:auto;max-height:72px;object-fit:contain}
.sf-demo-guidance__context{min-width:0}.sf-demo-shell-v2__example{margin:0 0 7px;color:#ffd984;font:700 11px/1.3 system-ui,sans-serif;letter-spacing:.14em;text-transform:uppercase}.sf-demo-guidance__description{max-width:66ch;margin:0;color:rgba(248,246,241,.94);font:500 13px/1.52 system-ui,sans-serif}
.sf-demo-guidance__actions{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:9px}.sf-demo-guidance__action{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:10px 17px;border:1px solid rgba(232,184,79,.72);border-radius:13px;background:#090909;color:#f8f6f1!important;text-decoration:none!important;box-shadow:inset 0 1px 0 rgba(255,217,132,.12),0 9px 24px rgba(0,0,0,.22);font:650 11px/1.15 system-ui,sans-serif;letter-spacing:.025em;cursor:pointer;transition:background 180ms ease,border-color 180ms ease,box-shadow 180ms ease,transform 180ms ease}.sf-demo-guidance__action--primary{background:#e8b84f;color:#090909!important}.sf-demo-guidance__action:hover,.sf-demo-guidance__action:focus-visible{border-color:#ffd984;box-shadow:0 0 0 3px rgba(232,184,79,.14),0 12px 28px rgba(0,0,0,.28);transform:translateY(-1px)}
.sf-demo-guidance__action:focus-visible,.sf-demo-assistant-button:focus-visible,.sf-demo-assistant-close:focus-visible{outline:3px solid #ffd984!important;outline-offset:3px!important}
.sf-demo-assistant-object{--sf-assistant-size:96px;position:fixed;z-index:99995;right:max(40px,calc(env(safe-area-inset-right) + 32px));bottom:max(var(--sf-assistant-bottom),calc(env(safe-area-inset-bottom) + 70px));display:flex;max-width:calc(100vw - 32px);pointer-events:none}.sf-demo-assistant-button{position:relative;width:var(--sf-assistant-size);height:var(--sf-assistant-size);padding:2px;border:0;border-radius:50%;background:transparent;box-shadow:none;cursor:pointer;animation:sf-demo-assistant-breathe 9.6s ease-in-out infinite;transition:transform 280ms ease,filter 280ms ease;filter:brightness(1.055) contrast(.92) saturate(.9) drop-shadow(0 20px 38px rgba(71,45,21,.15));pointer-events:auto}.sf-demo-assistant-button img{display:block;width:100%;height:100%;border-radius:50%;object-fit:contain;pointer-events:none;user-select:none}.sf-demo-assistant-button:hover,.sf-demo-assistant-button:focus-visible{transform:translateY(-2px) scale(1.03)}.sf-demo-assistant-button[aria-expanded="true"]{animation-play-state:paused}@keyframes sf-demo-assistant-breathe{0%,100%{transform:scale(1)}50%{transform:scale(1.018)}}
.sf-demo-assistant-panel{position:fixed;z-index:100010;right:max(32px,env(safe-area-inset-right));bottom:max(180px,calc(env(safe-area-inset-bottom) + 172px));width:min(360px,calc(100vw - 32px));box-sizing:border-box;padding:27px;border:1px solid rgba(82,54,34,.16);border-radius:22px;background:#fbf5ec!important;color:#17120e!important;box-shadow:0 22px 60px rgba(45,29,18,.22)}.sf-demo-assistant-panel[hidden]{display:none!important}.sf-demo-assistant-close{position:absolute;top:10px;right:10px;width:44px;height:44px;border:0;border-radius:50%;background:rgba(82,54,34,.1)!important;color:#17120e!important;font-size:24px;cursor:pointer}.sf-demo-assistant-eyebrow{margin:0 42px 12px 0;color:#80502e!important;font:700 11px/1.2 system-ui,sans-serif;letter-spacing:.08em;text-transform:uppercase}.sf-demo-assistant-panel h2{margin:0 0 10px;color:#17120e!important;font:500 27px/1.15 Georgia,serif}.sf-demo-assistant-panel p:last-of-type{margin:0;color:#33271f!important;font:400 13px/1.6 system-ui,sans-serif}
.sf-demo-tooltip{position:fixed;z-index:100020;width:max-content;max-width:min(250px,calc(100vw - 24px));box-sizing:border-box;padding:9px 12px;border:1px solid rgba(240,251,255,.7);border-radius:11px;background:#29475b!important;color:#f8fbff!important;box-shadow:0 12px 30px rgba(16,38,52,.22);font:600 12px/1.35 system-ui,sans-serif;pointer-events:none;opacity:0;transform:translateY(4px);transition:opacity 170ms ease,transform 170ms ease}.sf-demo-tooltip[hidden]{display:none!important}.sf-demo-tooltip[data-visible="true"]{opacity:1;transform:translateY(0)}
@media(max-width:920px){:root{--sf-demo-bar-height:224px}.sf-demo-shell-v2{padding:14px 16px 0}.sf-demo-shell-v2[data-sf-demo-state="bottom"]{padding:0}.sf-demo-shell-v2[data-sf-demo-state="bottom"]>.sf-demo-guidance{left:16px;width:calc(100% - 32px);transform:none}.sf-demo-guidance__inner{grid-template-columns:auto minmax(0,1fr);grid-template-rows:auto auto;gap:10px 18px;padding:12px 18px 15px}.sf-demo-guidance__actions{grid-column:1/-1}.sf-demo-assistant-object{--sf-assistant-size:86px;right:24px;bottom:max(var(--sf-assistant-bottom),54px)}}
@media(max-width:480px){:root{--sf-demo-bar-height:330px}.sf-demo-shell-v2{padding:12px 16px}.sf-demo-shell-v2[data-sf-demo-state="bottom"]{padding:0}.sf-demo-guidance{width:100%;min-height:0}.sf-demo-shell-v2[data-sf-demo-state="bottom"]>.sf-demo-guidance{left:16px;width:calc(100% - 32px)}.sf-demo-guidance__inner{display:flex;flex-direction:column;align-items:stretch;gap:10px;min-height:0;padding:13px 16px 16px}.sf-demo-guidance__brand{align-self:flex-start;width:min(205px,100%)}.sf-demo-guidance__description{font-size:12px;line-height:1.45}.sf-demo-guidance__actions{display:grid;grid-template-columns:1fr}.sf-demo-guidance__action{width:100%}.sf-demo-assistant-object{--sf-assistant-size:76px;right:18px;bottom:max(var(--sf-assistant-bottom),32px)}.sf-demo-assistant-panel{right:16px;bottom:120px}}
@media(prefers-reduced-motion:reduce){.sf-demo-guidance,.sf-demo-guidance *,.sf-demo-assistant-button,.sf-demo-assistant-panel,.sf-demo-tooltip{scroll-behavior:auto!important;transition:none!important;animation:none!important}}