/* r28 studio12: the home page extras the studio sets. 1) rich text classes (assets/ui/rich-core.js), 2) the button
   library (api/_homex.js btnHTML), 3) the floating bar timing (assets/home/btns.js). Site tokens only */

/* 1. rich text. A heading chosen for a text that is not a heading in the code wraps it without a box of its own */
.hz-h{display:contents;font:inherit;color:inherit;letter-spacing:inherit;text-transform:inherit;margin:0}
.hz-b{font-weight:800}
.hz-i{font-style:italic}
.hz-u{text-decoration:underline;text-decoration-thickness:.07em;text-underline-offset:.2em}
.hz-a{color:inherit;text-decoration:underline;text-decoration-color:var(--gold,#b3893f);text-decoration-thickness:.08em;text-underline-offset:.22em;transition:color .25s}
.hz-a:hover{color:var(--gold,#b3893f)}
.hz-z[data-z="-2"]{font-size:.78em}.hz-z[data-z="-1"]{font-size:.88em}.hz-z[data-z="1"]{font-size:1.15em}.hz-z[data-z="2"]{font-size:1.32em}.hz-z[data-z="3"]{font-size:1.55em}
.hz-z{line-height:inherit}
[data-hz-al="s"]{text-align:start!important}[data-hz-al="c"]{text-align:center!important}[data-hz-al="e"]{text-align:end!important}
[data-hz-list]{counter-reset:list-item}
[data-hz-list] .hz-li{display:list-item;margin-inline-start:1.3em;padding-inline-start:.15em;text-align:start}
[data-hz-list] .hz-li+.hz-li{margin-top:.3em}
[data-hz-list="ul"] .hz-li{list-style:disc outside}
[data-hz-list="ol"] .hz-li{list-style:decimal outside}
[data-hz-list] .hz-li::marker{color:var(--gold,#b3893f);font-weight:700}

/* 2. the button library */
.hzb{--c:#b3893f;--c2:#8a6526;--on:#fffaf0;--e:cubic-bezier(.22,1,.36,1)}
.hzb-t-green{--c:#25935f;--c2:#1b6f47;--on:#fff}
.hzb-t-wine{--c:#6d1d31;--c2:#3d0f1c;--on:#fff7ec}
.hzb-t-ink{--c:#2a161d;--c2:#170b10;--on:#f7f1e8}
.hzb:not(.btn){position:relative;display:inline-flex;align-items:center;justify-content:center;gap:9px;min-height:52px;padding:0 26px;border:0;font-family:inherit;font-size:16px;font-weight:700;line-height:1.1;text-decoration:none;white-space:nowrap;cursor:pointer;isolation:isolate;-webkit-tap-highlight-color:transparent;
  background:linear-gradient(160deg,var(--c),var(--c2));color:var(--on);transition:transform .45s var(--e),box-shadow .45s var(--e),background-color .3s,color .3s}
.hzb:not(.btn):hover{transform:translateY(-2px)}
.hzb:not(.btn):active{transform:translateY(0) scale(.985);transition-duration:.12s}
.hzb:focus-visible{outline:3px solid var(--c);outline-offset:3px}
.hzb .hzi{display:inline-grid;width:19px;height:19px;flex:none}
.hzb .hzi svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}
/* pill: the classic, full round */
.hzb-pill{border-radius:999px;box-shadow:0 14px 28px -16px var(--c)}
/* rounded: a calmer card corner */
.hzb-round{border-radius:16px;box-shadow:0 12px 26px -16px var(--c)}
/* soft square: almost architectural */
.hzb-square{border-radius:6px;background:var(--c)!important;letter-spacing:.01em}
/* cut corner: two corners clipped, like a pass */
.hzb-cut{border-radius:0;clip-path:polygon(14px 0,100% 0,100% calc(100% - 14px),calc(100% - 14px) 100%,0 100%,0 14px)}
/* outline: a thin line in the tone, fills on hover */
.hzb-outline{background:transparent!important;color:var(--c2)!important;border-radius:999px;box-shadow:inset 0 0 0 1.5px var(--c)}
.hzb-outline:hover{background:color-mix(in srgb,var(--c) 9%,transparent)!important}
/* glass: frosted, static (no animated filter) */
.hzb-glass{background:color-mix(in srgb,var(--c) 14%,rgba(255,255,255,.38))!important;color:var(--c2)!important;border-radius:999px;box-shadow:inset 0 0 0 1px rgba(255,255,255,.65),0 10px 30px -18px var(--c2);-webkit-backdrop-filter:blur(14px) saturate(1.4);backdrop-filter:blur(14px) saturate(1.4)}
/* underline link: text only, the line draws in */
.hzb-link{background:none!important;color:var(--c2)!important;padding:0 4px!important;min-height:44px!important;border-radius:0}
.hzb-link .hzb-l{background:linear-gradient(currentColor,currentColor) 100% 100%/100% 1.5px no-repeat;padding-bottom:3px;transition:background-size .45s var(--e)}
.hzb-link:hover .hzb-l{background-size:30% 1.5px}
/* a chevron that points the way of reading: left in Hebrew, right in a left to right page */
.hzb-link::after{content:"";width:7px;height:7px;border-left:1.8px solid currentColor;border-bottom:1.8px solid currentColor;transform:rotate(45deg);margin-inline-start:4px;transition:transform .45s var(--e)}
[dir="ltr"] .hzb-link::after{transform:rotate(-135deg)}
[dir="ltr"] .hzb-link:hover::after{transform:translateX(4px) rotate(-135deg)}
.hzb-link:hover::after{transform:translateX(-4px) rotate(45deg)}
/* ticket: notches on both ends and a stitched line */
.hzb-ticket{border-radius:10px;-webkit-mask:radial-gradient(circle 8px at 0 50%,#0000 97%,#000) left/51% 100% no-repeat,radial-gradient(circle 8px at 100% 50%,#0000 97%,#000) right/51% 100% no-repeat;mask:radial-gradient(circle 8px at 0 50%,#0000 97%,#000) left/51% 100% no-repeat,radial-gradient(circle 8px at 100% 50%,#0000 97%,#000) right/51% 100% no-repeat;padding:0 34px}
.hzb-ticket::before{content:"";position:absolute;inset:5px 14px;border:1px dashed color-mix(in srgb,var(--on) 45%,transparent);border-radius:6px;pointer-events:none}
/* arrow tab: points the way of reading (left in Hebrew) */
.hzb-arrow{border-radius:0;clip-path:polygon(20px 0,100% 0,100% 100%,20px 100%,0 50%);padding-inline:26px 34px}
[dir="ltr"] .hzb-arrow{clip-path:polygon(0 0,calc(100% - 20px) 0,100% 50%,calc(100% - 20px) 100%,0 100%)}
/* soft: a tint of the tone, the floating bar's own look */
.hzb-soft{background:color-mix(in srgb,var(--c) 13%,transparent)!important;color:var(--c2)!important;border-radius:999px}
.hzb-t-green.hzb-soft{color:#117a3d!important}
/* the shine, right to left (Hebrew reads that way), transform only */
.hzb-sh{overflow:hidden;position:relative}
.hzb-sh::before{content:"";position:absolute;inset:0;z-index:1;pointer-events:none;border-radius:inherit;background:linear-gradient(100deg,transparent 30%,rgba(255,255,255,.5) 50%,transparent 70%);transform:translateX(110%);animation:hzbSh 3.8s cubic-bezier(.65,0,.35,1) 1.2s infinite}
.hzb-ticket.hzb-sh::before{inset:0;border:0;border-radius:inherit}
@keyframes hzbSh{0%{transform:translateX(110%)}45%,100%{transform:translateX(-110%)}}
[dir="ltr"] .hzb-sh::before{animation-direction:reverse}
@media (prefers-reduced-motion:reduce){.hzb-sh::before{animation:none;opacity:0}.hzb,.hzb-link .hzb-l{transition:none}}

/* the spots */
.hero .ctas .hzb{min-height:54px}
@media(max-width:899px){.hero .ctas .hzb{width:100%;padding:0 12px}.hero .ctas>.hzb:first-child:not(:only-child){grid-column:1 / -1}.hero .ctas .hzb-link{width:auto;justify-self:center}}
.hzbRow{display:flex;flex-wrap:wrap;gap:12px;justify-content:center;align-items:center}
.osL .hzbRow{justify-content:flex-start}
@media(max-width:899px){.osL .hzbRow{justify-content:center}.osL .hzbRow .hzb:not(.hzb-link){flex:1 1 100%;min-height:58px}}
#oStartBtn[hidden],.bar.hzbSet>[hidden],.ctas>[hidden]{display:none!important}
.bar.hzbSet{display:flex!important;gap:6px}
.bar.hzbSet>.hzb{flex:none;height:48px;min-height:0;padding:0 16px;font-size:14px;gap:7px;box-shadow:none}
.bar.hzbSet>.hzb[data-hzb-act="order"]{flex:1 1 auto}
@media(max-width:420px){.bar.hzbSet>.hzb:is([data-hzb-act="wa"],[data-hzb-act="lead"]) .hzb-l{display:none}.bar.hzbSet>.hzb:is([data-hzb-act="wa"],[data-hzb-act="lead"]){width:48px;padding:0}}

/* 3. timing: the studio's rule holds the bar back until it says so */
.bar.hzT:not(.hzIn){transform:translateY(140%)!important;opacity:0!important;pointer-events:none!important}