._0p5jMq_intro{--bubble-ink:var(--a-text,#2b2e28);--bubble-paper:var(--a-surface,#fffdf7);width:calc(var(--filiz-size) * .86);height:var(--filiz-size);position:relative}._0p5jMq_mascot{pointer-events:none;width:100%;height:100%;position:absolute;inset:0}._0p5jMq_bubble{z-index:2;bottom:calc(var(--filiz-size) * .9);border:1.5px solid var(--bubble-ink);background:var(--bubble-paper);min-width:46px;max-width:190px;min-height:36px;color:var(--bubble-ink);text-align:center;cursor:pointer;border-radius:22px;place-items:center;padding:8px 14px;font-size:12px;font-weight:500;line-height:1.3;transition:transform .26s cubic-bezier(.22,1,.36,1),opacity .2s;animation:3.4s ease-in-out infinite alternate _0p5jMq_float;display:grid;position:absolute;box-shadow:0 6px 18px #14180f14}._0p5jMq_intro[data-side=left] ._0p5jMq_bubble{right:calc(var(--filiz-size) * .46)}._0p5jMq_intro[data-side=right] ._0p5jMq_bubble{left:calc(var(--filiz-size) * .46)}._0p5jMq_intro[data-open] ._0p5jMq_bubble{opacity:0;transform:scale(.9)}._0p5jMq_bubble:focus-visible{outline:2px solid var(--a-focus,#7b856e);outline-offset:4px}._0p5jMq_bubbleText{white-space:nowrap}._0p5jMq_trail{width:24px;height:22px;display:block;position:absolute;top:100%}._0p5jMq_intro[data-side=left] ._0p5jMq_trail{right:2px}._0p5jMq_intro[data-side=right] ._0p5jMq_trail{left:2px}._0p5jMq_trail i{border:1.5px solid var(--bubble-ink);background:var(--bubble-paper);border-radius:50%;display:block;position:absolute}._0p5jMq_trail i:first-child{width:10px;height:10px;top:4px}._0p5jMq_trail i:last-child{width:6px;height:6px;top:15px}._0p5jMq_intro[data-side=left] ._0p5jMq_trail i:first-child{right:4px}._0p5jMq_intro[data-side=left] ._0p5jMq_trail i:last-child{right:-2px}._0p5jMq_intro[data-side=right] ._0p5jMq_trail i:first-child{left:4px}._0p5jMq_intro[data-side=right] ._0p5jMq_trail i:last-child{left:-2px}._0p5jMq_dots{gap:4px;display:flex}._0p5jMq_dots i{background:currentColor;border-radius:50%;width:5px;height:5px;animation:1.2s ease-in-out infinite _0p5jMq_think}._0p5jMq_dots i:nth-child(2){animation-delay:.16s}._0p5jMq_dots i:nth-child(3){animation-delay:.32s}._0p5jMq_card{z-index:3;bottom:calc(var(--filiz-size) * .72);aspect-ratio:85.6/53.98;perspective:700px;pointer-events:none;width:244px;position:absolute}._0p5jMq_intro[data-side=left] ._0p5jMq_card{right:calc(var(--filiz-size) * .4)}._0p5jMq_intro[data-side=right] ._0p5jMq_card{left:calc(var(--filiz-size) * .4)}._0p5jMq_cardFace{color:#ecebe4;opacity:0;transform-origin:90% 100%;background:#1b1c19;border-radius:10px;align-items:center;gap:12px;padding:14px 16px 14px 10px;transition:transform .52s cubic-bezier(.34,1.4,.64,1),opacity .18s;display:flex;position:absolute;inset:0;transform:rotateY(-78deg)translateY(12px)scale(.86);box-shadow:0 18px 38px #14180f38,inset 0 0 0 1px #ffffff1c}._0p5jMq_intro[data-side=right] ._0p5jMq_cardFace{transform-origin:10% 100%;transform:rotateY(78deg)translateY(12px)scale(.86)}._0p5jMq_intro[data-open] ._0p5jMq_card{pointer-events:auto}._0p5jMq_intro[data-open] ._0p5jMq_cardFace{opacity:1;transform:none}._0p5jMq_cardPortrait{background:#f3efe6;border-radius:8px;flex:0 0 64px;width:64px;height:75px}._0p5jMq_cardText{text-align:left;gap:3px;min-width:0;display:grid}._0p5jMq_cardText strong{letter-spacing:-.01em;font-size:17px;font-weight:600}._0p5jMq_cardText span{color:#d8bb77;letter-spacing:.04em;text-transform:uppercase;font-size:10px}._0p5jMq_cardText p{color:#ecebe4c7;margin:4px 0 0;font-size:10.5px;line-height:1.4}._0p5jMq_contactless{border:1.2px solid #ecebe4a0;border-color:#ecebe4a0 #ecebe4a0 #0000 #0000;border-radius:50%;width:10px;height:10px;position:absolute;top:10px;right:12px;transform:rotate(45deg)}@keyframes _0p5jMq_float{0%{translate:0}to{translate:0 -4px}}@keyframes _0p5jMq_think{0%,to{opacity:.3;transform:translateY(0)}50%{opacity:1;transform:translateY(-2px)}}@media (prefers-reduced-motion:reduce){._0p5jMq_bubble,._0p5jMq_dots i{animation:none}._0p5jMq_bubble,._0p5jMq_cardFace{transition:opacity .12s}._0p5jMq_cardFace,._0p5jMq_intro[data-side=right] ._0p5jMq_cardFace{transform:none}}
.VfT4mq_stage{padding:28px 56px var(--how-avant-bar-clearance,116px);background:var(--a-demo-surface,#f3f1ea);position:absolute;inset:0}.VfT4mq_stage[data-viewport=tablet]{padding:22px 28px var(--how-avant-bar-clearance,108px)}.VfT4mq_stage[data-viewport=mobile]{padding:16px 14px var(--how-avant-bar-clearance,108px)}.VfT4mq_browser{border:1.5px solid var(--a-text,#23261f);background:var(--a-surface,#fffdf7);border-radius:18px;flex-direction:column;height:100%;display:flex;overflow:hidden;box-shadow:0 22px 48px #14180f1c}.VfT4mq_chrome{border-bottom:1.5px solid var(--a-text,#23261f);height:44px;color:var(--a-text,#23261f);flex-shrink:0;grid-template-columns:1fr minmax(0,2.4fr) 1fr;align-items:center;gap:12px;padding:0 14px;display:grid}.VfT4mq_stage[data-viewport=mobile] .VfT4mq_chrome{grid-template-columns:minmax(0,1fr) 32px;gap:8px;height:40px;padding:0 6px 0 10px}.VfT4mq_lights{gap:6px;display:flex}.VfT4mq_lights i{border:1.3px solid;border-radius:50%;width:10px;height:10px}.VfT4mq_lights i:first-child{background:#d8bb77}.VfT4mq_stage[data-viewport=mobile] .VfT4mq_lights{display:none}.VfT4mq_address{background:var(--a-demo-surface,#efece4);white-space:nowrap;border-radius:999px;justify-content:center;align-items:center;gap:6px;min-width:0;height:28px;font-size:12px;font-weight:500;display:flex}.VfT4mq_open{width:30px;height:30px;color:inherit;border-radius:50%;justify-self:end;place-items:center;display:grid}.VfT4mq_open:hover{background:var(--a-demo-surface,#efece4)}.VfT4mq_open:focus-visible{outline:2px solid var(--a-focus,#7b856e);outline-offset:2px}.VfT4mq_screen{flex:1;min-height:0;position:relative;overflow:hidden}.VfT4mq_frame{transform-origin:0 0;background:var(--a-surface,#fff);opacity:0;border:0;transition:opacity .42s cubic-bezier(.22,1,.36,1);position:absolute;top:0;left:0}.VfT4mq_stage[data-loaded] .VfT4mq_frame{opacity:1}.VfT4mq_loading{pointer-events:none;align-content:center;justify-items:center;gap:12px;transition:opacity .3s;display:grid;position:absolute;inset:0}.VfT4mq_stage[data-loaded] .VfT4mq_loading{opacity:0}.VfT4mq_loading span{background:var(--a-demo-surface,#efece4);border-radius:999px;width:38%;height:12px;animation:1.2s ease-in-out infinite alternate VfT4mq_shimmer}.VfT4mq_loading span:first-child{border-radius:50%;width:64px;height:64px}.VfT4mq_loading span:last-child{width:26%}.VfT4mq_tapCue{border:2px solid var(--a-text,#23261f);opacity:0;pointer-events:none;border-radius:50%;width:44px;height:44px;margin:-22px 0 0 -22px;position:absolute;top:44%;left:46%}.VfT4mq_stage[data-cue=explore] .VfT4mq_tapCue{animation:1.6s cubic-bezier(.22,1,.36,1) 2 both VfT4mq_ripple}.VfT4mq_guide{z-index:3;right:20px;bottom:calc(var(--how-avant-bar-clearance,116px) - 14px);transition:transform .7s cubic-bezier(.34,1.4,.64,1);position:absolute!important}.VfT4mq_stage[data-viewport=mobile] .VfT4mq_guide{right:2px}.VfT4mq_stage[data-cue=hidden] .VfT4mq_guide{transform:translate(22%,34%)rotate(8deg)}@keyframes VfT4mq_ripple{0%{opacity:0;transform:scale(.4)}20%{opacity:.8}to{opacity:0;transform:scale(1.8)}}@keyframes VfT4mq_shimmer{to{opacity:.45}}@media (prefers-reduced-motion:reduce){.VfT4mq_frame,.VfT4mq_guide{transition:none}.VfT4mq_loading span,.VfT4mq_stage[data-cue=explore] .VfT4mq_tapCue{animation:none}}
.-ReTmq_iconTrack{will-change:transform;animation-name:-ReTmq_integrations-icon-scroll;animation-duration:34s;animation-timing-function:linear;animation-iteration-count:infinite;animation-play-state:paused;transform:translate(0,0)}.-ReTmq_iconTrackRunning{animation-play-state:running}.-ReTmq_integrationsCta{transition-duration:var(--duration-fast);transition-property:background-color,box-shadow;transition-timing-function:var(--ease-smooth-out)}.-ReTmq_integrationsCtaLabel{transition-duration:var(--duration-fast);transition-property:transform;transition-timing-function:var(--ease-smooth-out)}.-ReTmq_integrationsCta:hover,.-ReTmq_integrationsCta:focus-visible{background-color:#111;box-shadow:0 4px 14px #00000029}.-ReTmq_integrationsCta:hover .-ReTmq_integrationsCtaLabel,.-ReTmq_integrationsCta:focus-visible .-ReTmq_integrationsCtaLabel{transform:translateY(-1px)}@keyframes -ReTmq_integrations-icon-scroll{to{transform:translate(-1144px)}}@media (prefers-reduced-motion:reduce){.-ReTmq_iconTrack{will-change:auto;animation:none;transform:translate(0,0)}.-ReTmq_integrationsCta,.-ReTmq_integrationsCtaLabel{transition:none}.-ReTmq_integrationsCta:hover .-ReTmq_integrationsCtaLabel,.-ReTmq_integrationsCta:focus-visible .-ReTmq_integrationsCtaLabel{transform:none}}
.ST3Frq_metricValue{--metric-base:#061b2f;--metric-fill:#061b2f;--metric-shine:#ffffffb8;color:var(--metric-base);isolation:isolate;white-space:nowrap;width:max-content;display:inline-block;position:relative;overflow:hidden}.ST3Frq_metricFill{background:linear-gradient(90deg, var(--metric-fill) 0%, var(--metric-fill) 52%, color-mix(in oklab, var(--metric-fill), white 16%) 100%);color:#0000;clip-path:inset(0 100% 0 0);-webkit-background-clip:text;background-clip:text;position:absolute;inset:0}.ST3Frq_metricValue[data-filled=true] .ST3Frq_metricFill,.ST3Frq_metricValue[data-animating=true] .ST3Frq_metricFill{animation:ST3Frq_avantMetricFill 1.15s var(--ease-smooth-out,cubic-bezier(.22, 1, .36, 1)) forwards}.ST3Frq_metricValue[data-filled=true]:not([data-animating=true]) .ST3Frq_metricFill{clip-path:inset(0);animation:none}.ST3Frq_metricShine{background:linear-gradient(90deg, transparent 0%, var(--metric-shine) 44%, transparent 100%);color:#0000;pointer-events:none;background-position:150% 0;background-size:300% 100%;-webkit-background-clip:text;background-clip:text;position:absolute;inset:0}.ST3Frq_metricValue[data-animating=true] .ST3Frq_metricShine{animation:ST3Frq_avantMetricShine 1.25s .22s var(--ease-smooth-out,cubic-bezier(.22, 1, .36, 1)) forwards}@keyframes ST3Frq_avantMetricFill{0%{clip-path:inset(0 100% 0 0)}to{clip-path:inset(0)}}@keyframes ST3Frq_avantMetricShine{0%{background-position:150% 0}to{background-position:-150% 0}}@media (prefers-reduced-motion:reduce){.ST3Frq_metricValue[data-filled=true] .ST3Frq_metricFill,.ST3Frq_metricValue[data-animating=true] .ST3Frq_metricFill{clip-path:inset(0);animation:none}.ST3Frq_metricValue[data-animating=true] .ST3Frq_metricShine{animation:none;display:none}}
.IkY1-q_phone{--drawn:var(--ink-phone-drawn,1);--ink:var(--a-text,#23261f);--paper:color-mix(in srgb, var(--a-surface,#fff) 90%, #efe5cf);--wash:#cddbe5;aspect-ratio:100/208;width:100%;color:var(--ink);position:relative}.IkY1-q_phone[data-tone=warm]{--wash:#efd6b8}html[data-appearance=dark] .IkY1-q_phone{--paper:color-mix(in srgb, var(--a-surface,#272d26) 92%, #6b6a52)}html[data-appearance=dark] .IkY1-q_phone[data-tone=blue]{--wash:#3e5361}html[data-appearance=dark] .IkY1-q_phone[data-tone=warm]{--wash:#5e4a35}.IkY1-q_drawing{pointer-events:none;width:100%;height:100%;position:absolute;inset:0;overflow:visible}.IkY1-q_wash{fill:var(--wash);opacity:calc(clamp(0, (var(--drawn) - .2) / .5, 1) * .75);transform:scale(calc(.88 + clamp(0, (var(--drawn) - .2) / .5, 1) * .12));transform-box:fill-box;transform-origin:50% 60%}.IkY1-q_paper{fill:var(--paper);fill-opacity:clamp(0, (var(--drawn) - .22) / .36, 1)}.IkY1-q_line{fill:none;stroke:currentColor;stroke-dasharray:1 2;stroke-dashoffset:calc(1.02 - clamp(0, (var(--drawn) - var(--line-from)) / var(--line-span), 1) * 1.02);stroke-linecap:round;stroke-linejoin:round;stroke-width:.7px}.IkY1-q_line[data-kind=body]{stroke-width:.85px}.IkY1-q_line[data-kind=detail]{opacity:.6;stroke-width:.5px}.IkY1-q_line[data-kind=island]{fill:#111;fill-opacity:clamp(0, (var(--drawn) - .5) / .1, 1);stroke:#111}.IkY1-q_screen{--shown:clamp(0, (var(--drawn) - .55) / .4, 1);background:var(--ink-phone-screen-color,#faf9f6);clip-path:inset(0 0 calc((1 - var(--shown)) * 100%) 0 round 13.1% / 5.73%);opacity:calc(.35 + var(--shown) * .65);border-radius:13.1%/5.73%;position:absolute;inset:3.85% 8%;overflow:hidden}.IkY1-q_content{position:absolute;inset:0;overflow:hidden}
.zTta3q_fullScreen{width:100%;height:var(--demo-viewport-height,100dvh);background:var(--a-page,#faf9f6);max-width:none;max-height:none;color:var(--a-text,#343330);border:0;margin:0;padding:0;position:fixed;inset:0;overflow:clip}.zTta3q_fullScreen[open]{flex-direction:column;display:flex}.zTta3q_fullScreen::backdrop{background:var(--a-page,#faf9f6)}.zTta3q_header{min-height:calc(56px + env(safe-area-inset-top));padding:env(safe-area-inset-top) 18px 0;border-bottom:1px solid var(--a-hairline,#ddd9d1);flex-shrink:0;justify-content:space-between;align-items:center;display:flex}.zTta3q_header button{background:var(--a-control,#eeece6)}.zTta3q_header button:focus-visible{outline:2px solid var(--a-focus,#81777f)}.zTta3q_body{flex:1;min-height:0;overflow:clip}.zTta3q_phoneDialog{width:fit-content;max-width:none;max-height:94dvh;color:var(--a-text,#343330);background:0 0;border:0;margin:auto;padding:0;position:fixed;inset:0;overflow:visible}.zTta3q_phoneDialog::backdrop{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0006}.zTta3q_phoneHeader{justify-content:space-between;align-items:flex-start;height:52px;padding-inline:4px;display:flex}.zTta3q_phoneHeader h2,.zTta3q_phoneHeader button{background:var(--a-surface,#faf9f6);border-radius:999px;box-shadow:0 3px 12px #00000010}.zTta3q_phoneHeader h2{padding:9px 16px}.zTta3q_transition[open]::backdrop{animation:.35s cubic-bezier(.22,1,.36,1) both zTta3q_backdropIn}.zTta3q_transition[data-closing]::backdrop{animation:.25s cubic-bezier(.22,1,.36,1) both zTta3q_backdropOut}@keyframes zTta3q_backdropIn{0%{opacity:0}to{opacity:1}}@keyframes zTta3q_backdropOut{0%{opacity:1}to{opacity:0}}@media (prefers-reduced-motion:reduce){.zTta3q_transition[open]::backdrop{animation:none}}
.Hw6kxW_carousel{width:100%;position:relative;container-type:inline-size}.Hw6kxW_stage{--phone-width:min(220px, 56cqw);--slot:calc(var(--phone-width) + 32px);height:calc(var(--phone-width) * 2.08 + 96px);cursor:grab;touch-action:pan-y pinch-zoom;-webkit-user-select:none;user-select:none;outline:none;position:relative;overflow:clip}@container (min-width:39.0625rem){.Hw6kxW_stage{--slot:min(330px, 33.333cqw);--phone-width:calc(var(--slot) * .72)}}.Hw6kxW_stage:focus-visible{box-shadow:inset 0 0 0 2px var(--a-focus,#112b45);border-radius:24px}.Hw6kxW_dragging{cursor:grabbing}.Hw6kxW_ruler{width:var(--slot);visibility:hidden;height:0;position:absolute}.Hw6kxW_card{width:var(--phone-width);transform:translateX(calc(-50% + var(--place,0) * var(--slot)));will-change:transform;position:absolute;top:16px;left:50%}.Hw6kxW_preview{pointer-events:none;-webkit-user-select:none;user-select:none;width:100%;height:auto;display:block}.Hw6kxW_name{opacity:clamp(0, (var(--ink-phone-drawn,1) - .8) / .2, 1);--a-surface:#fff;--a-text:#050505;justify-content:center;margin-top:30px;display:flex}.Hw6kxW_modalPhone{width:min(390px,100vw - 40px,43.2692dvh - 30.7692px)}