.ot{--ot-ease:cubic-bezier(.22, 1, .36, 1);background:#050607}.ot-heading{text-align:center;max-width:14ch;margin:0 auto}.ot-tablist-row{margin-top:var(--gap-block);justify-content:center;display:flex}.ot-tablist{--x:0px;--w:0px;scrollbar-width:none;box-sizing:border-box;background:#ffffff14;border:1px solid #ffffff1f;border-radius:16px;gap:2px;max-width:100%;padding:4px;display:inline-flex;position:relative;overflow-x:auto}.ot-tablist::-webkit-scrollbar{display:none}.ot-tab-ink{width:var(--w);transform:translateX(var(--x));opacity:0;background:#fff;border-radius:12px;position:absolute;top:4px;bottom:4px;left:0}.ot-tablist[data-ready] .ot-tab-ink{opacity:1;transition:transform .42s var(--ot-ease), width .42s var(--ot-ease)}.ot-tab{z-index:1;color:#f2f5f4c7;min-height:48px;font:600 15px/1 var(--tw-font-text);cursor:pointer;white-space:nowrap;transition:color .3s var(--ot-ease);background:0 0;border:0;border-radius:12px;flex:none;align-items:center;gap:8px;padding:0 18px 0 14px;display:inline-flex;position:relative}.ot-tab:hover{color:#fff}.ot-tab[aria-selected=true]{color:#0a0a0a}.ot-tablist:not([data-ready]) .ot-tab[aria-selected=true]{background:#fff}.ot-tab:focus-visible{outline-offset:2px;outline:2px solid #fff}.ot-tab-icon{place-items:center;display:grid}.ot-tab-icon svg{width:18px;height:18px}.ot-tab-short{display:none}@media (max-width:699px){.ot-tab{gap:5px;padding:0 10px 0 9px;font-size:14px}.ot-tab-icon svg{width:16px;height:16px}.ot-tab-long{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.ot-tab-short{display:inline}.ot-tablist{background:0 0;border:0;border-radius:0;flex-wrap:wrap;justify-content:center;gap:8px;padding:0;overflow:visible}.ot-tab-ink{display:none}.ot-tab{background:#ffffff0f;border:1px solid #ffffff29;min-height:44px;padding:0 14px 0 12px}.ot-tab[aria-selected=true]{background:#fff;border-color:#fff}}.ot-card{--px:0;--py:0;margin-top:var(--gap-block);isolation:isolate;--pw:clamp(250px, 21vw, 300px);background:#111;border-radius:32px;min-height:clamp(500px,60vh,620px);position:relative;overflow:clip}.ot-bgs,.ot-bg{position:absolute;inset:0}.ot-bg{opacity:0;transition:opacity .7s var(--ot-ease)}.ot-bg.is-on{opacity:1}.ot-bg img{object-fit:cover;transform:scale(1.06) translate(calc(var(--px) * -8px), calc(var(--py) * -6px));transition:transform 1.6s var(--ot-ease)}.ot-bg.is-on img{transform:scale(1.02) translate(calc(var(--px) * -8px), calc(var(--py) * -6px))}.ot-scrim{pointer-events:none;background:linear-gradient(90deg,#050607b8 0%,#05060759 38%,#0506074d 62%,#05060799 100%),linear-gradient(#0000 55%,#050607b3 100%),linear-gradient(#05060773 0%,#0000 30%);position:absolute;inset:0}.ot-tabpanel{z-index:1;min-height:inherit;position:relative}.ot-tabpanel:focus-visible{outline-offset:-6px;border-radius:32px;outline:2px solid #fff}.ot-panel{min-height:inherit;color:#fff;position:relative}.ot-copy{z-index:3;justify-items:start;gap:14px;max-width:min(380px,30%);display:grid;position:absolute;top:clamp(28px,4vw,52px);left:clamp(24px,4vw,52px)}.ot-title{text-shadow:0 2px 20px #00000059;font-size:clamp(28px,2.6vw,38px);line-height:1.06}.ot-more{color:#fff;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);min-height:40px;transition:background-color .16s var(--ot-ease);background:#0a0a0a6b;border:1px solid #ffffff52;border-radius:12px;align-items:center;gap:8px;padding:0 14px;font-size:15px;font-weight:600;text-decoration:none;display:inline-flex}.ot-more:hover{background:#0a0a0a99}.ot-more svg{width:16px;height:16px}.ot-more:focus-visible{outline-offset:3px;outline:2px solid #fff}.ot-later,.ot-soon{color:#fff;border:1.5px dashed #ffffff8c;border-radius:999px;align-items:center;font-weight:700;display:inline-flex}.ot-later{background:#0a0a0a66;padding:5px 12px;font-size:13px}.ot-soon{letter-spacing:.02em;vertical-align:1px;margin-left:8px;padding:2px 8px;font-size:11px}.ot-stage{z-index:1;pointer-events:none;position:absolute;inset:0}.ot-phone{width:var(--pw);translate:calc(-50% + var(--px) * 6px) calc(var(--py) * 4px);transition:translate .6s var(--ot-ease);filter:drop-shadow(0 30px 50px #0000008c);position:absolute;top:clamp(72px,13vh,120px);left:50%}.ot-example{z-index:2;left:calc(50% + var(--pw) / 2 + 12px);color:#fff;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#0a0a0a8c;border:1px solid #ffffff38;border-radius:999px;padding:6px 10px;font-size:12px;font-weight:600;position:absolute;top:clamp(80px,14vh,128px)}.ot-widgets{margin:0;padding:0;list-style:none}.ot-widget{--depth:14;z-index:2;-webkit-backdrop-filter:blur(22px)saturate(160%);backdrop-filter:blur(22px)saturate(160%);color:#fff;width:224px;translate:calc(var(--px) * var(--depth) * 1px) calc(var(--py) * var(--depth) * 1px);transition:translate .7s var(--ot-ease);background:#0e1113b8;border:1px solid #ffffff29;border-radius:18px;gap:10px;padding:12px;display:grid;position:absolute;box-shadow:inset 0 1px #ffffff14,0 22px 44px -18px #000000bf}.ot-widget.is-0{right:calc(50% + var(--pw) / 2 - 44px);--depth:18;top:30%}.ot-widget.is-1{right:calc(50% + var(--pw) / 2 - 28px);--depth:10;top:60%}.ot-widget.is-2{left:calc(50% + var(--pw) / 2 - 44px);--depth:22;top:44%}.ot-widget-hd{align-items:center;gap:8px;min-width:0;display:flex}.ot-widget-hd b{flex:1;min-width:0;font-size:13.5px;font-weight:650;line-height:1.25}.ot-widget-icon{color:#0a0a0a;background:#fff;border-radius:9px;flex:none;place-items:center;width:28px;height:28px;display:grid}.ot-widget-icon svg{width:15px;height:15px}.ot-widget.is-soon .ot-widget-icon{color:#fff;background:#ffffff1f}.ot-widget .ot-soon{flex:none;margin:0}.ot-widget>*{min-width:0}.ot-w-row{color:#ffffffdb;flex-wrap:wrap;align-items:center;gap:6px 10px;font-size:13px;line-height:1.3;display:flex}.ot-w-row small,.ot-w-sub{color:#fffc;font-size:12px}.ot-w-muted{color:#fffc;margin:0;font-size:12.5px}.ot-num{font-family:var(--tw-font-display);color:#fff;font-size:22px;font-weight:400;line-height:1}.ot-ring{flex:none;width:38px;height:38px;rotate:-90deg}.ot-ring circle{fill:none;stroke-width:5px}.ot-ring-track{stroke:#ffffff29}.ot-ring-value{stroke:#fff;stroke-linecap:round}.ot-id{color:#0a0a0a;font-variant-numeric:tabular-nums;letter-spacing:.02em;background:#fff;border-radius:8px;flex:none;padding:5px 8px;font-size:12px;font-weight:700}.ot-chip{color:#fff;background:#ffffff1f;border-radius:999px;flex:none;align-items:center;gap:5px;max-width:100%;padding:5px 9px;font-size:12px;font-weight:650;display:inline-flex}.ot-chip svg{width:13px;height:13px}.ot-dot{border:2px solid #ffc24b;border-radius:50%;width:8px;height:8px}.ot-bars{flex:none;align-items:flex-end;gap:3px;height:30px;display:flex}.ot-bars i{background:#fff;border-radius:2px;width:7px}.ot-bars i:nth-child(3){background:#ffc24b}.ot-rsvp{background:#ffffff1a;border-radius:11px;grid-template-columns:repeat(3,1fr);gap:3px;padding:3px;display:grid}.ot-rsvp button{color:#ffffffd9;min-height:32px;font:650 12px/1 var(--tw-font-text);cursor:pointer;transition:background-color .2s var(--ot-ease), color .2s var(--ot-ease);background:0 0;border:0;border-radius:8px;padding:0 4px}.ot-rsvp button[aria-pressed=true].is-in{color:#04140b;background:#22d67a}.ot-rsvp button[aria-pressed=true].is-maybe{color:#1d1400;background:#ffc24b}.ot-rsvp button[aria-pressed=true].is-out{color:#0a0a0a;background:#fff}.ot-share{color:#ffffffdb;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;font-size:13px;display:flex}.ot-switch{cursor:pointer;width:58px;height:30px;transition:background-color .24s var(--ot-ease);background:#ffffff2e;border:0;border-radius:999px;flex:none;position:relative}.ot-switch-knob{width:24px;height:24px;transition:translate .28s var(--ot-ease);background:#fff;border-radius:50%;position:absolute;top:3px;left:3px;box-shadow:0 2px 6px #0000004d}.ot-switch-text{font:700 10px/1 var(--tw-font-text);color:#fff;position:absolute;top:50%;right:8px;translate:0 -50%}.ot-switch[aria-checked=true]{background:#22d67a}.ot-switch[aria-checked=true] .ot-switch-knob{translate:28px}.ot-switch[aria-checked=true] .ot-switch-text{color:#04140b;left:8px;right:auto}.ot-confirm{color:#ffffffdb;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;font-size:13px;display:flex}.ot-confirm-count b{font-family:var(--tw-font-display);color:#fff;font-size:22px;font-weight:400}.ot-confirm button{color:#0a0a0a;min-height:32px;font:650 12px/1 var(--tw-font-text);cursor:pointer;transition:background-color .2s var(--ot-ease);background:#fff;border:0;border-radius:9px;align-items:center;gap:5px;padding:0 12px;display:inline-flex}.ot-confirm button.is-done{color:#04140b;background:#22d67a}.ot-confirm button svg{width:13px;height:13px}.ot-widget button:focus-visible{outline-offset:2px;outline:2px solid #fff}.ot-tabpanel:not([hidden]) .ot-copy>*{animation:ot-rise .56s var(--ot-ease) both}.ot-tabpanel:not([hidden]) .ot-copy>:nth-child(2){animation-delay:60ms}.ot-tabpanel:not([hidden]) .ot-copy>:nth-child(3){animation-delay:.12s}.ot-tabpanel:not([hidden]) .ot-phone{animation:ot-phone-in .76s 80ms var(--ot-ease) both}.ot-tabpanel:not([hidden]) .ot-widget{animation:ot-pop .62s calc(.24s + var(--i) * .12s) var(--ot-ease) both, ot-float 7s calc(.9s + var(--i) * .7s) ease-in-out infinite}.ot-card[data-rv=armed] .ot-tabpanel :is(.ot-copy>*,.ot-phone,.ot-widget){animation:none}@keyframes ot-rise{0%{opacity:0;transform:translateY(12px)}}@keyframes ot-phone-in{0%{opacity:0;transform:translateY(10%)}}@keyframes ot-pop{0%{opacity:0;filter:blur(6px);transform:translateY(18px)scale(.94)}}@keyframes ot-float{0%,to{transform:translateY(0)}50%{transform:translateY(-7px)}}@media (max-width:959px){.ot-card{--pw:min(64%, 280px);min-height:0}.ot-panel{flex-direction:column;padding:28px 16px 16px;display:flex}.ot-copy{text-align:center;justify-items:center;max-width:none;position:relative;top:auto;left:auto}.ot-stage{height:clamp(340px,88vw,480px);margin-top:20px;position:relative;inset:auto;overflow:clip}.ot-phone{top:0}.ot-example{top:8px;left:auto;right:0}.ot-widgets{z-index:2;grid-template-columns:1fr 1fr;gap:8px;margin-top:-120px;display:grid;position:relative}.ot-widget,.ot-widget.is-0,.ot-widget.is-1,.ot-widget.is-2{width:auto;min-width:0;position:relative;top:auto;left:auto;right:auto;translate:none}.ot-widget.is-1{margin-top:28px}.ot-widget.is-2{grid-column:1/-1;justify-self:center;width:min(100%,300px)}}@media (max-width:479px){.ot-widgets{grid-template-columns:1fr}.ot-widget.is-1{margin-top:0}.ot-widget.is-2{justify-self:stretch;width:auto}}@media (prefers-reduced-motion:reduce){.ot *,.ot-card *{transition:none!important;animation:none!important}.ot-widget,.ot-phone,.ot-bg img{translate:none!important}.ot-phone{translate:-50%!important}}
