/* Shared chrome for the H designs live demos: top demo bar + floating "I want this" call to action. */
.hz-bar{background:#121212;color:#E9E5DD;font:500 14px/1.4 'Geist','Plus Jakarta Sans',system-ui,sans-serif;position:relative;z-index:60}
.hz-bar__in{max-width:1240px;margin:0 auto;padding:8px 24px;display:flex;align-items:center;justify-content:space-between;gap:12px 20px;flex-wrap:wrap}
.hz-bar__txt b{color:#fff;font-weight:600}
.hz-bar__links{display:flex;align-items:center;gap:16px}
.hz-bar a{color:#E9E5DD;text-decoration:underline;text-underline-offset:3px}
.hz-bar a:hover{color:#fff}
.hz-bar a.hz-bar__cta{background:#F3F1EC;color:#121212;text-decoration:none;border-radius:999px;padding:7px 14px;font-weight:600;white-space:nowrap}
.hz-bar a.hz-bar__cta:hover{background:#fff;color:#121212}

.hz-float{position:fixed;left:50%;bottom:20px;z-index:70;transform:translate(-50%,140%);opacity:0;transition:transform .45s cubic-bezier(.2,.8,.2,1),opacity .3s;
  display:flex;align-items:center;gap:14px;background:#121212;color:#F3F1EC;border-radius:999px;padding:8px 8px 8px 20px;
  box-shadow:0 18px 50px -12px rgba(0,0,0,.5);font:500 14.5px/1.35 'Geist','Plus Jakarta Sans',system-ui,sans-serif;max-width:calc(100vw - 32px)}
.hz-float.on{transform:translate(-50%,0);opacity:1}
.hz-float p{margin:0}
.hz-float p b{font-weight:600;color:#fff}
.hz-float a{flex:none;background:#F3F1EC;color:#121212;text-decoration:none;border-radius:999px;padding:11px 18px;font-weight:700;white-space:nowrap}
.hz-float a:hover{background:#fff}
.hz-float button{flex:none;width:34px;height:34px;border-radius:50%;border:0;background:transparent;color:#9C978E;font-size:18px;cursor:pointer;line-height:1}
.hz-float button:hover{color:#fff;background:rgba(255,255,255,.08)}
.hz-float :focus-visible,.hz-bar :focus-visible{outline:2px solid #C9A46A;outline-offset:2px}
@media (max-width:640px){
  .hz-bar__in{padding:8px 16px;font-size:13px}
  .hz-bar__txt span{display:none}
  .hz-float{left:12px;right:12px;bottom:12px;transform:translateY(140%);border-radius:18px;padding:10px 8px 10px 16px;gap:10px;font-size:13.5px}
  .hz-float.on{transform:none}
  .hz-float a{padding:10px 14px}
}
@media (prefers-reduced-motion:reduce){.hz-float{transition:opacity .2s}}
@media print{.hz-bar,.hz-float{display:none}}