.ol .az{--az-pink:#db2777;--az-amber:#f59e0b;--az-t:12s}.ol .az-grid{gap:36px;display:grid}@media (min-width:1024px){.ol .az-grid{grid-template-rows:auto 1fr;grid-template-columns:minmax(0,1fr) minmax(0,1.02fr);align-items:start;gap:0 72px}.ol .az-head{grid-area:1/1}.ol .az-play{grid-area:1/2/span 2;align-self:center}.ol .az-body{grid-area:2/1}}.ol .az-steps{gap:22px;max-width:52ch;margin:0;padding:0;list-style:none;display:grid}@media (min-width:1024px){.ol .az-steps{margin-top:40px}}.ol .az-steps li{grid-template-columns:44px minmax(0,1fr);align-items:start;gap:16px;display:grid}.ol .az-steps b{letter-spacing:-.02em;color:var(--ink);font-size:17.5px;font-weight:800;line-height:1.3;display:block}.ol .az-txt>span{color:var(--body);margin-top:4px;font-size:15.5px;line-height:1.55;display:block}.ol .az-ic{border:1px solid var(--line);width:44px;height:44px;color:var(--violet);background:#fff;border-radius:14px;place-items:center;display:grid;position:relative;box-shadow:0 8px 18px -12px #4c1d9573}.ol .az-ic svg{width:20px;height:20px}.ol .az-steps li:nth-child(2) .az-ic{color:var(--az-pink)}.ol .az-ic-on{background:var(--violet);color:#fff;opacity:0;border-radius:14px;place-items:center;display:grid;position:absolute;inset:-1px}.ol .az-steps li:nth-child(2) .az-ic-on{background:var(--az-pink)}.ol .az-cta{margin-top:36px}.ol .az-stage{aspect-ratio:10/9;isolation:isolate;border:1px solid var(--line);background:#fff;border-radius:28px;position:relative;overflow:hidden;box-shadow:0 40px 80px -40px #4c1d9573,0 12px 24px -18px #1c1c1d2e;container-type:inline-size}.ol .az-street{transform-origin:50% 30%;width:100%;height:100%;position:absolute;inset:0}.ol .az :is(.az-street,.az-oz,.az-card,.az-hand){will-change:transform, opacity;backface-visibility:hidden}.ol .az-oz{opacity:0;background:var(--wash);transform-origin:84.91% 66.36%;width:100%;height:100%;position:absolute;inset:0}.ol .az-oz-g path{fill:#fff;stroke:var(--violet-200);stroke-width:2px;stroke-linejoin:round}.ol .az-oz-g circle{fill:var(--violet-300)}.ol .az-syd{border:.6cqi solid var(--violet);opacity:0;border-radius:50%;width:5cqi;height:5cqi;margin:-2.5cqi 0 0 -2.5cqi;position:absolute;top:66.36%;left:84.91%}.ol .az-lot{background:#eee9f7;border-radius:1.6cqi;place-items:center;width:13cqi;height:10cqi;display:grid;position:absolute;top:30%;left:50%;transform:translate(-50%,-50%)}.ol .az-lit{background:var(--violet);border-radius:1.6cqi;position:absolute;inset:0;box-shadow:0 2cqi 4cqi -2cqi #4c1d9599}.ol .az-lot>svg{width:6.4cqi;height:6.4cqi;position:relative}.ol .az-ring{border:.5cqi solid var(--violet);opacity:0;border-radius:1.6cqi;position:absolute;inset:-.5cqi}.ol .az-heart{background:var(--az-pink);color:#fff;border:.45cqi solid #fff;border-radius:50%;place-items:center;width:6.4cqi;height:6.4cqi;display:grid;position:absolute;top:-3cqi;right:-3cqi;box-shadow:0 1.2cqi 2.4cqi -1cqi #db277799}.ol .az-heart svg{width:3.2cqi;height:3.2cqi}.ol .az-other{border:.3cqi solid var(--violet-200);width:6.6cqi;height:6.6cqi;color:var(--violet);background:#fff;border-radius:50%;place-items:center;margin:-3.3cqi 0 0 -3.3cqi;display:grid;position:absolute;box-shadow:0 1.4cqi 3cqi -1.4cqi #4c1d9573}.ol .az-other svg{width:3.2cqi;height:3.2cqi}.ol .az-card{border:1px solid var(--line);background:#fff;border-radius:4.4cqi;padding:4cqi;position:absolute;bottom:5%;left:5%;right:5%;box-shadow:0 4cqi 8cqi -4cqi #4c1d9566}.ol .az-card-h{letter-spacing:-.03em;color:var(--ink);align-items:center;gap:2.4cqi;margin:0;font-size:5cqi;line-height:1.2;display:flex}.ol .az-card-h b{font-weight:800}.ol .az-chip{background:var(--wash);color:var(--deep);letter-spacing:.1em;text-transform:uppercase;border-radius:1.2cqi;padding:.7cqi 1.8cqi;font-size:2.6cqi;font-weight:800}.ol .az-card-p{color:var(--muted);margin:1.4cqi 0 0;font-size:3.1cqi;line-height:1.4}.ol .az-btns{grid-template-columns:1fr 1fr;gap:3cqi;margin-top:3.4cqi;display:grid}.ol .az-btn{height:11cqi;display:block;position:relative}.ol .az-face{letter-spacing:-.01em;white-space:nowrap;background:#fff;border:.4cqi solid;border-radius:3cqi;justify-content:center;align-items:center;gap:1.6cqi;font-size:3.5cqi;font-weight:800;display:flex;position:absolute;inset:0}.ol .az-face svg{flex:none;width:4.2cqi;height:4.2cqi}.ol .az-dream .az-face{border-color:var(--az-pink);color:var(--az-pink)}.ol .az-offer .az-face{border-color:var(--az-amber);color:#b45309}.ol .az-dream .az-full{background:var(--az-pink);color:#fff}.ol .az-offer .az-full{background:var(--az-amber);color:var(--ink)}.ol .az-tick{font-variant-numeric:tabular-nums;background:#6d28d90f;border-radius:99px;height:1.2em;margin-left:.4cqi;padding:0 1.4cqi;line-height:1.2em;display:inline-block;overflow:hidden}.ol .az-tick>span{display:block;transform:translateY(-1.2em)}.ol .az-tick i{font-style:normal;display:block}.ol .az-full .az-tick{background:#ffffff47}.ol .az-hand{opacity:0;z-index:2;pointer-events:none;position:absolute;inset:0;transform:translate(86%,66%)}.ol .az-hand svg{filter:drop-shadow(0 1cqi 1.4cqi #1c1c1d59);transform-origin:1.6cqi .8cqi;width:7.6cqi;height:7.6cqi;position:absolute;top:-.8cqi;left:-1.6cqi}.ol .az-tap{opacity:0;background:#6d28d947;border-radius:50%;width:8cqi;height:8cqi;position:absolute;top:-4cqi;left:-4cqi}@media (prefers-reduced-motion:no-preference){:root.ol-js:not([data-anim=off]) .ol .az :is(.az-ic-on,.az-street,.az-oz,.az-syd,.az-lot,.az-lit,.az-lot>svg,.az-ring,.az-heart,.az-other,.az-card,.az-btn,.az-full,.az-tick>span,.az-hand,.az-hand svg,.az-tap){animation-duration:var(--az-t);animation-timing-function:linear;animation-iteration-count:infinite;animation-play-state:paused;animation-fill-mode:both}:root.ol-js:not([data-anim=off]) .ol .az.az-on:not(.az-paused) :is(.az-ic-on,.az-street,.az-oz,.az-syd,.az-lot,.az-lit,.az-lot>svg,.az-ring,.az-heart,.az-other,.az-card,.az-btn,.az-full,.az-tick>span,.az-hand,.az-hand svg,.az-tap){animation-play-state:running}:root.ol-js:not([data-anim=off]) .ol .az .az-steps li:first-child .az-ic-on{animation-name:az-step1}:root.ol-js:not([data-anim=off]) .ol .az .az-steps li:nth-child(2) .az-ic-on{animation-name:az-step2}:root.ol-js:not([data-anim=off]) .ol .az .az-steps li:nth-child(3) .az-ic-on{animation-name:az-step3}:root.ol-js:not([data-anim=off]) .ol .az .az-oz{animation-name:az-oz}:root.ol-js:not([data-anim=off]) .ol .az .az-syd{animation-name:az-syd}:root.ol-js:not([data-anim=off]) .ol .az .az-street{animation-name:az-street}:root.ol-js:not([data-anim=off]) .ol .az .az-lot{animation-name:az-lot}:root.ol-js:not([data-anim=off]) .ol .az .az-lit{animation-name:az-lit}:root.ol-js:not([data-anim=off]) .ol .az .az-lot>svg{animation-name:az-lot-ic}:root.ol-js:not([data-anim=off]) .ol .az .az-ring{animation-name:az-ring}:root.ol-js:not([data-anim=off]) .ol .az .az-heart{animation-name:az-heart}:root.ol-js:not([data-anim=off]) .ol .az .az-other{animation-name:az-other}:root.ol-js:not([data-anim=off]) .ol .az .az-other:nth-of-type(3){animation-name:az-other2}:root.ol-js:not([data-anim=off]) .ol .az .az-other:nth-of-type(4){animation-name:az-other3}:root.ol-js:not([data-anim=off]) .ol .az .az-card{animation-name:az-card}:root.ol-js:not([data-anim=off]) .ol .az .az-dream{animation-name:az-press-dream}:root.ol-js:not([data-anim=off]) .ol .az .az-offer{animation-name:az-press-offer}:root.ol-js:not([data-anim=off]) .ol .az .az-dream .az-full{animation-name:az-fill-dream}:root.ol-js:not([data-anim=off]) .ol .az .az-offer .az-full{animation-name:az-fill-offer}:root.ol-js:not([data-anim=off]) .ol .az .az-dream .az-tick>span{animation-name:az-tick-dream}:root.ol-js:not([data-anim=off]) .ol .az .az-offer .az-tick>span{animation-name:az-tick-offer}:root.ol-js:not([data-anim=off]) .ol .az .az-hand{animation-name:az-hand}:root.ol-js:not([data-anim=off]) .ol .az .az-hand svg{animation-name:az-press}:root.ol-js:not([data-anim=off]) .ol .az .az-tap{animation-name:az-tap}}@keyframes az-step1{0%,31%{opacity:1}34%,94%{opacity:0}98%,to{opacity:1}}@keyframes az-step2{0%,31%{opacity:0}34%,64%{opacity:1}67%,to{opacity:0}}@keyframes az-step3{0%,64%{opacity:0}67%,94%{opacity:1}98%,to{opacity:0}}@keyframes az-oz{0%,9%{opacity:1;animation-timing-function:cubic-bezier(.55,0,.45,1);transform:none}15%{opacity:1}21%{opacity:0}23%,88%{opacity:0;animation-timing-function:cubic-bezier(.55,0,.45,1);transform:translate(-34.91%,-36.36%)scale(8)}94%{opacity:1}99%,to{opacity:1;transform:none}}@keyframes az-syd{0%{opacity:0;transform:scale(.4)}3%{opacity:1}9%{opacity:0;transform:scale(1.5)}9.1%,to{opacity:0}}@keyframes az-street{0%,13%{opacity:0;animation-timing-function:cubic-bezier(.2,.7,.2,1);transform:scale(.3)}25%,88%{opacity:1;animation-timing-function:cubic-bezier(.55,0,.45,1);transform:none}97%,to{opacity:0;transform:scale(.3)}}@keyframes az-lot{0%,33%{transform:translate(-50%,-50%)}34.5%{transform:translate(-50%,-50%)scale(.9)}37%{transform:translate(-50%,-50%)scale(1.1)}40%,to{transform:translate(-50%,-50%)}}@keyframes az-lit{0%,33.5%{opacity:0}35%,88%{opacity:1}92%,to{opacity:0}}@keyframes az-lot-ic{0%,34%{opacity:0;transform:scale(.4)}38%,88%{opacity:1;transform:none}92%,to{opacity:0}}@keyframes az-ring{0%,33%{opacity:0;transform:scale(1)}34%{opacity:.9}43%,to{opacity:0;transform:scale(1.9)}}@keyframes az-heart{0%,50%{opacity:0;transform:scale(0)}53%{opacity:1;transform:scale(1.25)}55.5%,88%{opacity:1;transform:none}92%,to{opacity:0;transform:scale(0)}}@keyframes az-other{0%,70%{opacity:0;transform:scale(.5)}73.5%,86%{opacity:1;transform:none}90%,to{opacity:0;transform:scale(.7)}}@keyframes az-other2{0%,74%{opacity:0;transform:scale(.5)}77.5%,86%{opacity:1;transform:none}90%,to{opacity:0;transform:scale(.7)}}@keyframes az-other3{0%,78%{opacity:0;transform:scale(.5)}81.5%,86%{opacity:1;transform:none}90%,to{opacity:0;transform:scale(.7)}}@keyframes az-card{0%,36%{opacity:0;animation-timing-function:cubic-bezier(.22,1,.36,1);transform:translateY(40%)}42%,88%{opacity:1;animation-timing-function:cubic-bezier(.55,0,.45,1);transform:none}93%,to{opacity:0;transform:translateY(40%)}}@keyframes az-press-dream{0%,49%{transform:none}50%{transform:scale(.94)}53%,to{transform:none}}@keyframes az-press-offer{0%,62%{transform:none}63%{transform:scale(.94)}66%,to{transform:none}}@keyframes az-fill-dream{0%,49.5%{opacity:0}51%,93%{opacity:1}94.5%,to{opacity:0}}@keyframes az-fill-offer{0%,62.5%{opacity:0}64%,93%{opacity:1}94.5%,to{opacity:0}}@keyframes az-tick-dream{0%,51%{transform:none}54%,93%{transform:translateY(-1.2em)}94%,to{transform:none}}@keyframes az-tick-offer{0%,64%{transform:none}67%,93%{transform:translateY(-1.2em)}94%,to{transform:none}}@keyframes az-hand{0%,23%{opacity:0;animation-timing-function:cubic-bezier(.45,0,.25,1);transform:translate(86%,66%)}26%{opacity:1}31%,37%{animation-timing-function:cubic-bezier(.45,0,.25,1);transform:translate(50%,30%)}45%,54%{animation-timing-function:cubic-bezier(.45,0,.25,1);transform:translate(28.75%,84.4%)}59%,67%{opacity:1;animation-timing-function:cubic-bezier(.45,0,.25,1);transform:translate(71.25%,84.4%)}73%,to{opacity:0;transform:translate(88%,60%)}}@keyframes az-press{0%,32.5%{transform:none}33.5%{transform:scale(.8)}35.5%{transform:none}48.5%{transform:none}49.5%{transform:scale(.8)}51.5%{transform:none}61.5%{transform:none}62.5%{transform:scale(.8)}64.5%,to{transform:none}}@keyframes az-tap{0%,33%{opacity:0;transform:scale(.3)}34%{opacity:1}39%{opacity:0;transform:scale(1.6)}49%{opacity:0;transform:scale(.3)}50%{opacity:1}55%{opacity:0;transform:scale(1.6)}62%{opacity:0;transform:scale(.3)}63%{opacity:1}68%,to{opacity:0;transform:scale(1.6)}}
