.hv-demo{--hv-section-y:clamp(44px, 5.6vw, 80px);--hv-demo-target:44px;--hv-demo-sticky:72px}.hv-demo-layout{column-gap:clamp(48px,8vw,120px);row-gap:var(--hv-s-5);grid-template-columns:minmax(0,1fr);grid-template-areas:"intro""try""rail""ctl""stage""sw""cta";align-items:start;display:grid}.hv-demo-mount,.hv-demo-app,.hv-demo-static{display:contents}.hv-demo-static[hidden]{display:none}@media (min-width:768px){.hv-demo-layout{row-gap:var(--hv-s-4);grid-template:".stage"1fr"intro stage""try stage""rail stage""ctl stage""sw stage"".stage"1fr"cta cta"/minmax(0,1fr) minmax(0,1fr)}.hv-demo-intro .hv-h2{text-wrap:balance;max-inline-size:14ch}}.hv-demo-intro{grid-area:intro}.hv-demo-intro .hv-h2{margin-block:var(--hv-s-3) var(--hv-s-4)}.hv-demo-rail,.hv-demo-rail--static{grid-area:rail}.hv-demo-controls{grid-area:ctl}.hv-demo-ph{min-block-size:var(--hv-demo-target);grid-area:ctl}.hv-demo-switches{grid-area:sw}.hv-demo-stage{grid-area:stage}.hv-demo-cta{grid-area:cta}.hv-demo-try{min-block-size:var(--hv-demo-target);padding-inline:var(--hv-s-5);border-radius:var(--hv-r-pill);background:var(--hv-cta);color:var(--hv-cta-fg);font:inherit;font-size:var(--hv-t-meta);cursor:pointer;border:0;grid-area:try;justify-self:start;align-items:center;font-weight:600;display:inline-flex}.hv-demo-try[hidden]{display:none}@media (scripting:none){.hv-demo-try{display:none}}.hv-demo-steps{border-block-start:1px solid var(--hv-line);margin:0;padding:0;list-style:none;display:grid}.hv-demo-steps li{border-block-end:1px solid var(--hv-line)}.hv-demo-beat{align-items:center;gap:var(--hv-s-4);min-block-size:58px;inline-size:100%;padding:var(--hv-s-2) var(--hv-s-3);border-radius:0 var(--hv-r-chip) var(--hv-r-chip) 0;transition:background var(--hv-dur-2) var(--hv-ease-out), border-color var(--hv-dur-2) var(--hv-ease-out);color:var(--hv-muted);font:inherit;text-align:start;cursor:pointer;background:0 0;border:0;display:flex}.hv-demo-beat__n{inline-size:3.25rem;font-family:var(--hv-font-display);flex:none;font-size:2rem;line-height:1}.hv-demo-beat__t{gap:2px;display:grid}.hv-demo-beat__label{color:var(--hv-ink);font-weight:600}.hv-demo-beat__note{color:var(--hv-muted);font-size:var(--hv-t-meta);line-height:var(--hv-lh-meta)}.hv-demo-beat[aria-current=step]{background:var(--hv-paper);border-inline-start-color:var(--hv-brass)}.hv-demo-beat[aria-current=step] .hv-demo-beat__n{color:var(--hv-brass);font-size:2.5rem}.hv-demo-beat[aria-current=step] .hv-demo-beat__label{font-size:1.125rem}.hv-demo-beat[aria-current=step] .hv-demo-beat__note{color:var(--hv-ink-2)}.hv-demo-beat:not([aria-current=step]) .hv-demo-beat__label{color:var(--hv-ink-2);font-weight:500}@media (hover:hover) and (pointer:fine){.hv-demo-beat:hover .hv-demo-beat__n{color:var(--hv-brass)}}.hv-demo-now{display:none}@media (max-width:767.98px){.hv-demo-rail,.hv-demo-rail--static{margin-inline:calc(var(--hv-pad) * -1);padding:var(--hv-s-2) var(--hv-pad);background:color-mix(in srgb, var(--hv-bone) 94%, transparent);border-block-end:1px solid var(--hv-line);position:static}.hv-demo-steps{gap:var(--hv-s-2);border:0;grid-template-columns:repeat(5,minmax(0,1fr))}.hv-demo-steps li{border:0}.hv-demo-beat{min-block-size:var(--hv-demo-target);border:1px solid var(--hv-line);border-radius:var(--hv-r-pill);justify-content:center;padding:0}.hv-demo-beat[aria-current=step] .hv-demo-beat__n{font-size:var(--hv-t-meta)}.hv-demo-beat__n{inline-size:auto;font-family:var(--hv-font-body);font-size:var(--hv-t-meta);font-weight:600}.hv-demo-beat__t{clip-path:inset(50%);block-size:1px;inline-size:1px;position:absolute;overflow:hidden}.hv-demo-beat[aria-current=step]{background:var(--hv-ink);border-color:var(--hv-ink)}.hv-demo-beat[aria-current=step] .hv-demo-beat__n{color:var(--hv-paper)}.hv-demo-now{margin:var(--hv-s-2) 0 0;font-size:var(--hv-t-meta);line-height:var(--hv-lh-meta);color:var(--hv-muted);text-align:center;display:block}.hv-demo-now strong{color:var(--hv-ink)}}.hv-demo-controls,.hv-demo-seg{gap:var(--hv-s-2);flex-wrap:wrap;display:flex}.hv-demo-switches{gap:var(--hv-s-3) var(--hv-s-5);display:grid}@media (min-width:560px){.hv-demo-switches{grid-template-columns:auto auto;justify-content:start}}.hv-demo-group{gap:var(--hv-s-2);display:grid}.hv-demo-group__label{font-size:var(--hv-t-meta);color:var(--hv-muted)}.hv-demo-ctl{justify-content:center;align-items:center;gap:var(--hv-s-2);min-block-size:var(--hv-demo-target);min-inline-size:var(--hv-demo-target);padding-inline:var(--hv-s-4);border:1px solid var(--hv-line);border-radius:var(--hv-r-pill);color:var(--hv-ink);font:inherit;font-size:var(--hv-t-meta);cursor:pointer;transition:background var(--hv-dur-1) var(--hv-ease-out), border-color var(--hv-dur-1) var(--hv-ease-out);background:0 0;font-weight:500;display:inline-flex}.hv-demo-ctl:active:not(:disabled){scale:.98}@media (hover:hover) and (pointer:fine){.hv-demo-ctl:hover:not(:disabled){border-color:var(--hv-ink)}}.hv-demo-ctl:disabled{opacity:.4;cursor:default}.hv-demo-ctl[aria-pressed=true]{background:var(--hv-ink);border-color:var(--hv-ink);color:var(--hv-paper)}.hv-demo-swatch{background:var(--sw);border:1px solid var(--hv-line);border-radius:50%;block-size:12px;inline-size:12px}.hv-demo-stage{justify-items:center;gap:var(--hv-s-3);display:grid}@media (min-width:900px){.hv-demo-stage{padding:var(--hv-s-6) var(--hv-s-5) var(--hv-s-5);border-radius:var(--hv-r-room);background:var(--hv-paper)}}.hv-demo-devlabel{font-size:var(--hv-t-meta);color:var(--hv-muted);text-align:center;margin:0}.hv-demo-phonewrap{inline-size:min(66vw,250px)}.hv-demo-phonewrap .hv-phone__screen{aspect-ratio:390/680}@media (min-width:768px) and (max-width:899.98px){.hv-demo-phonewrap{inline-size:280px}.hv-demo-phonewrap .hv-phone__screen{aspect-ratio:390/680}.hv-demo-stage{justify-self:center}}@media (min-width:900px){.hv-demo-phonewrap{inline-size:320px}.hv-demo-phonewrap .hv-phone__screen{aspect-ratio:390/700}}.hv-demo-device{--d-bg:#f6f3ee;--d-fg:#1d1a16;--d-accent:#8b6b3d;--d-accent-soft:#c9a96a;--d-muted:#6b6862;--d-line:#0000001f;--d-on-accent:#fff;--d-font-display:var(--hv-font-display);--d-font-body:var(--hv-font-body);box-sizing:border-box;background:var(--d-bg);color:var(--d-fg);font-family:var(--d-font-body);transition:background var(--hv-dur-3) var(--hv-ease-out), color var(--hv-dur-3) var(--hv-ease-out);flex-direction:column;font-size:.9375rem;line-height:1.45;display:flex;position:absolute;inset:0;overflow:hidden}.hv-demo-device>*{margin-block-start:0}.hv-demo-chat{min-block-size:0;flex-direction:column;flex:1;padding-block-start:var(--hv-s-5);display:flex}.hv-demo-chat__head{align-items:center;gap:var(--hv-s-3);padding:var(--hv-s-3) var(--hv-s-4);border-block-end:1px solid var(--d-line);font-weight:600;display:flex}.hv-demo-chat__avatar{background:var(--d-accent);block-size:32px;inline-size:32px;color:var(--d-on-accent);font-family:var(--d-font-display);border-radius:50%;place-items:center;display:grid}.hv-demo-bubble{margin:var(--hv-s-5) var(--hv-s-4);max-inline-size:90%;padding:var(--hv-s-3) var(--hv-s-4);gap:var(--hv-s-1);border-radius:14px;background:color-mix(in srgb, var(--d-fg) 8%, var(--d-bg));animation:hv-demo-pop var(--hv-dur-3) var(--hv-ease-out) both;border-start-start-radius:4px;display:grid}.hv-demo-bubble__time{color:color-mix(in srgb, var(--d-fg) 78%, var(--d-bg));justify-self:end;font-size:.75rem}.hv-demo-preview{min-block-size:0;max-block-size:290px;margin:0 var(--hv-s-4) var(--hv-s-4);animation:hv-demo-pop var(--hv-dur-3) var(--hv-ease-out) .12s both;border-radius:14px;flex:1;grid-template-rows:1fr 1fr;grid-template-columns:1.4fr 1fr;gap:4px;display:grid;overflow:hidden}.hv-demo-preview__ph{min-block-size:0;display:block;position:relative}.hv-demo-preview__ph:first-child{grid-row:1/span 2}.hv-demo-link{min-block-size:var(--hv-demo-target);color:var(--d-accent);font:inherit;text-align:start;cursor:pointer;overflow-wrap:anywhere;background:0 0;border:0;padding:0;text-decoration:underline}.hv-demo-gate{align-content:center;gap:var(--hv-s-3);padding:var(--hv-s-5);flex:1;display:grid}.hv-demo-gate__logo,.hv-demo-gallery__logo{font-family:var(--d-font-display);text-align:center;color:var(--d-fg);margin:0;font-size:1.6rem;line-height:1.15}.hv-demo-device[data-brand=noir]:lang(en) .hv-demo-gate__logo,.hv-demo-device[data-brand=noir]:lang(en) .hv-demo-gallery__logo{letter-spacing:.18em;text-transform:uppercase;font-size:1.15rem}.hv-demo-device[data-brand=wildland]:lang(en) .hv-demo-gate__logo,.hv-demo-device[data-brand=wildland]:lang(en) .hv-demo-gallery__logo{letter-spacing:.06em}.hv-demo-device[data-brand=lumen]:lang(en) .hv-demo-gate__logo,.hv-demo-device[data-brand=lumen]:lang(en) .hv-demo-gallery__logo{font-style:italic}.hv-demo-gate__sub{margin:0 0 var(--hv-s-3);text-align:center;color:var(--d-muted);font-size:var(--hv-t-meta)}.hv-demo-gate__label{font-size:var(--hv-t-meta);color:var(--d-muted)}.hv-demo-gate__input{box-sizing:border-box;min-block-size:var(--hv-demo-target);padding-inline:var(--hv-s-3);border:1px solid var(--d-line);border-radius:var(--hv-r-chip);background:color-mix(in srgb, var(--d-fg) 4%, var(--d-bg));color:var(--d-fg);font:inherit}.hv-demo-gate__btn,.hv-demo-dl__btn{min-block-size:var(--hv-demo-target);padding-inline:var(--hv-s-5);border-radius:var(--hv-r-pill);background:var(--d-accent);color:var(--d-on-accent);font:inherit;cursor:pointer;border:0;font-weight:600}.hv-demo-gate__note{text-align:center;color:var(--d-muted);margin:0;font-size:.75rem}.hv-demo-gallery{gap:var(--hv-s-3);min-block-size:0;padding:var(--hv-s-5) var(--hv-s-3) var(--hv-s-3);overscroll-behavior:contain;flex-direction:column;flex:1;display:flex;position:relative;overflow-y:auto}.hv-demo-gallery:focus{outline:none}.hv-demo-gallery>*{flex:none}.hv-demo-tabs{gap:var(--hv-s-1);scrollbar-width:none;padding-block-end:var(--hv-s-1);display:flex;overflow-x:auto}.hv-demo-tab{align-items:center;gap:var(--hv-s-1);min-block-size:var(--hv-demo-target);padding-inline:var(--hv-s-3);border:1px solid var(--d-line);border-radius:var(--hv-r-pill);color:var(--d-fg);font:inherit;font-size:var(--hv-t-meta);cursor:pointer;background:0 0;flex:none;display:inline-flex}.hv-demo-tab[aria-pressed=true]{background:var(--d-accent);border-color:var(--d-accent);color:var(--d-on-accent)}.hv-demo-count{text-align:end;min-inline-size:3ch;display:inline-block}.hv-demo-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;margin:0;padding:0;list-style:none;display:grid}.hv-demo-tile{aspect-ratio:3/4;background:var(--d-line);animation:hv-demo-pop var(--hv-dur-3) var(--hv-ease-out) both;border-radius:10px;position:relative;overflow:hidden}.hv-demo-tile__open{cursor:pointer;background:0 0;border:0;padding:0;display:block;position:absolute;inset:0}.hv-demo-tile__open .hv-photo img{transition:scale var(--hv-dur-3) var(--hv-ease-out)}@media (hover:hover) and (pointer:fine){.hv-demo-tile__open:hover .hv-photo img{scale:1.03}}.hv-demo-empty{margin:var(--hv-s-5) 0;text-align:center;color:var(--d-muted);font-size:var(--hv-t-meta)}.hv-demo-heart{inline-size:var(--hv-demo-target);block-size:var(--hv-demo-target);color:#fff;filter:drop-shadow(0 1px 3px #0009);cursor:pointer;background:0 0;border:0;place-items:center;padding:0;display:grid;position:absolute;inset-block-end:0;inset-inline-end:0}.hv-demo-heart[aria-pressed=true]{color:var(--d-accent-soft)}.hv-demo-heart[data-hint="1"]{animation:hv-demo-hint 1.2s var(--hv-ease-out) 1}.hv-demo-heart--inline{filter:none;color:#fff;position:static}.hv-demo-heart--inline[aria-pressed=true]{color:var(--d-accent-soft)}.hv-demo-dl{gap:var(--hv-s-2);border-block-start:1px solid var(--d-line);margin-block-start:auto;padding-block-start:var(--hv-s-3);display:grid}.hv-demo-dl[data-active="1"]{border-block-start-color:var(--d-accent)}.hv-demo-dl__btn[aria-disabled=true]{opacity:.6;pointer-events:none}.hv-demo-dl__note{color:var(--d-muted);margin:0;font-size:.75rem}.hv-demo-bar{background:var(--d-line);border-radius:3px;block-size:6px;overflow:hidden}.hv-demo-bar[hidden]{display:none}.hv-demo-bar__fill{background:var(--d-accent);block-size:100%;transition:inline-size .16s linear;display:block}.hv-demo-lb{z-index:2;gap:var(--hv-s-3);padding:var(--hv-s-5) var(--hv-s-3) var(--hv-s-3);color:#f3eee5;animation:hv-demo-fade var(--hv-dur-2) var(--hv-ease-out) both;background:#0d0c0a;flex-direction:column;display:flex;position:absolute;inset:0}.hv-demo-lb__top,.hv-demo-lb__bar{justify-content:space-between;align-items:center;gap:var(--hv-s-2);flex:none;display:flex}.hv-demo-lb__count{text-align:center;color:#b5ac9e;min-inline-size:6ch;font-size:var(--hv-t-meta);display:inline-block}.hv-demo-lb__btn{min-block-size:var(--hv-demo-target);min-inline-size:var(--hv-demo-target);padding-inline:var(--hv-s-3);border-radius:var(--hv-r-pill);color:#f3eee5;font:inherit;font-size:var(--hv-t-meta);cursor:pointer;background:0 0;border:1px solid #f3eee540}.hv-demo-lb__stage{flex:1;min-block-size:0;position:relative}.hv-demo-lb__stage .hv-photo{background:0 0}.hv-demo-lb__stage .hv-photo img{object-fit:contain}.hv-demo-lb :focus-visible{outline:2px solid var(--hv-focus-night);outline-offset:2px}.hv-demo-rail--static .hv-demo-beat{cursor:default}.hv-demo-cta{--hv-demo-qr:84px;justify-content:center;align-items:center;gap:var(--hv-s-4);flex-wrap:wrap;display:flex}.hv-demo-cta .hv-note{text-align:center;inline-size:100%}@media (min-width:900px){.hv-demo-cta{margin-block-start:var(--hv-s-3)}}.hv-demo-qr{text-align:center;margin:0;display:none}@media (min-width:900px){.hv-demo-qr{align-items:center;gap:var(--hv-s-3);text-align:start;display:flex}.hv-demo-qr figcaption{max-inline-size:9ch}}.hv-demo-qr__link{border-radius:var(--hv-r-card);display:block}.hv-demo-qr__img{inline-size:var(--hv-demo-qr);block-size:var(--hv-demo-qr);border-radius:var(--hv-r-card);border:1px solid var(--hv-line);background:#fff;display:block}.hv-demo-qr figcaption,.hv-demo-nojs{color:var(--hv-muted);font-size:var(--hv-t-meta);margin:0}@keyframes hv-demo-pop{0%{opacity:0;translate:0 6px}to{opacity:1;translate:0}}@keyframes hv-demo-fade{0%{opacity:0}to{opacity:1}}@keyframes hv-demo-hint{0%,to{scale:1}40%{scale:1.35}}@media (prefers-reduced-motion:reduce){.hv-demo-device,.hv-demo-bubble,.hv-demo-tile,.hv-demo-lb,.hv-demo-heart[data-hint="1"],.hv-demo-tile__open .hv-photo img,.hv-demo-ctl{transition:none;animation:none}.hv-demo-bar__fill{transition:none}}@media (max-width:767.98px){.hv-demo-layout{row-gap:var(--hv-s-3)}.hv-demo-intro .hv-h2{margin-block:var(--hv-s-2)}.hv-demo-controls{justify-content:center}.hv-demo-switches{justify-content:center;gap:var(--hv-s-2) var(--hv-s-4);flex-wrap:wrap;display:flex}.hv-demo-group__label{clip-path:inset(50%);block-size:1px;inline-size:1px;position:absolute;overflow:hidden}.hv-demo-ctl{padding-inline:var(--hv-s-3)}.hv-demo-stage{gap:var(--hv-s-2)}.hv-demo-device{font-size:.8125rem}.hv-demo-chat{padding-block-start:var(--hv-s-3)}.hv-demo-bubble{margin:var(--hv-s-3);padding:var(--hv-s-2) var(--hv-s-3)}.hv-demo-cta{gap:var(--hv-s-3)}}