@property --ask-angle{syntax:"<angle>";inherits:false;initial-value:0deg}.hero-ask{--ask-fill:var(--background);--ask-edge:color-mix(in oklab, var(--foreground) 10%, transparent);height:var(--ask-h);background:linear-gradient(var(--ask-fill), var(--ask-fill)) padding-box, conic-gradient(from var(--ask-angle), var(--ask-edge) 0 62%, color-mix(in oklab, var(--brand) 70%, var(--brand-accent)) 80%, var(--brand-accent) 86%, var(--ask-edge) 96%) border-box;transition:height .56s var(--landing-out,cubic-bezier(.22, 1, .36, 1)), max-width .56s var(--landing-out,cubic-bezier(.22, 1, .36, 1)), border-radius .32s var(--landing-out,cubic-bezier(.22, 1, .36, 1)), box-shadow .32s ease;border:1px solid #0000}.dark .hero-ask{--ask-fill:var(--surface-2)}.hero-ask:focus-within,.hero-ask[data-open]{background:linear-gradient(var(--ask-fill), var(--ask-fill)) padding-box, linear-gradient(color-mix(in oklab, var(--foreground) 16%, transparent), color-mix(in oklab, var(--foreground) 16%, transparent)) border-box}.hero-collapse{transition:grid-template-rows .56s var(--landing-out,cubic-bezier(.22, 1, .36, 1)), opacity .2s ease-out;grid-template-rows:1fr;display:grid}[data-phase=open] .hero-collapse{opacity:0;grid-template-rows:0fr}.hero-mark{isolation:isolate;padding-inline:.06em;position:relative}.hero-mark:before{content:"";z-index:-1;background:var(--brand-accent);transform-origin:0;border-radius:.16em;position:absolute;inset:.2em -.04em .04em;transform:rotate(-1deg)}html[dir=rtl] .hero-mark:before{transform-origin:100%}.dark .hero-mark{color:var(--brand-accent-foreground)}.hero{--hero-light-x:50%;--hero-light-y:84%}@media (min-width:64rem){.hero{--hero-light-x:74%;--hero-light-y:58%}html[dir=rtl] .hero{--hero-light-x:26%}}.hero-light{background:radial-gradient(ellipse 34% 52% at var(--hero-light-x) var(--hero-light-y), color-mix(in oklab, var(--brand-accent) 26%, transparent), transparent 72%), radial-gradient(ellipse 90% 60% at 50% 110%, color-mix(in oklab, var(--brand) 7%, transparent), transparent 70%)}.dark .hero-light{opacity:.5}.hero-dots{opacity:.45;background-image:radial-gradient(circle at center, var(--border) .8px, transparent .8px);-webkit-mask-image:radial-gradient(ellipse 40% 58% at var(--hero-light-x) var(--hero-light-y), black, transparent 78%);mask-image:radial-gradient(ellipse 40% 58% at var(--hero-light-x) var(--hero-light-y), black, transparent 78%);background-size:26px 26px}.hero-stage{--hero-floor:7cqh;--hero-fig-h:min(82cqh, calc(56cqw * 799 / 458));--hero-fig-w:calc(var(--hero-fig-h) * 458 / 799);--hero-side:calc((100cqw - var(--hero-fig-w)) / 2);min-width:0;min-height:0;transition:opacity .3s;position:relative;container:hero-stage/size}@media (min-width:64rem){.hero-stage{--hero-fig-h:min(84cqh, calc(58cqw * 799 / 458));--hero-floor:max(5cqh, calc((100cqh - var(--hero-fig-h)) / 2 - 4cqh))}}.hero-stage:before{content:"";left:50%;bottom:calc(var(--hero-floor) + var(--hero-fig-h) * .52);width:calc(var(--hero-fig-h) * 1.15);aspect-ratio:1;background:radial-gradient(closest-side, color-mix(in oklab, var(--brand-accent) 40%, transparent), color-mix(in oklab, var(--brand-accent) 12%, transparent) 55%, transparent);border-radius:50%;position:absolute;translate:-50% 50%}.dark .hero-stage:before{opacity:.4}.hero-floor{left:50%;bottom:var(--hero-floor);width:min(100cqw, calc(var(--hero-fig-h) * 1.2));height:calc(var(--hero-fig-h) * .2);background:radial-gradient(closest-side, color-mix(in oklab, var(--background) 92%, transparent), color-mix(in oklab, var(--background) 55%, transparent) 55%, transparent);border-radius:50%;position:absolute;translate:-50% 50%}.dark .hero-floor{background:radial-gradient(closest-side, color-mix(in oklab, var(--foreground) 9%, transparent), color-mix(in oklab, var(--foreground) 4%, transparent) 55%, transparent)}.hero-figure{left:50%;bottom:var(--hero-floor);height:var(--hero-fig-h);width:calc(var(--hero-fig-h) * 458 / 799);position:absolute;translate:-50%}.hero-poster{-webkit-user-select:none;user-select:none;width:100%;height:100%;transition:opacity .25s .45s;position:absolute;inset:0}.hero-contact{background:radial-gradient(closest-side,#1f2d2366,#1f2d231f 60%,#0000);border-radius:50%;height:8%;transition:opacity .4s;position:absolute;bottom:0;left:2%;right:-2%;translate:0 45%}.dark .hero-contact{background:radial-gradient(closest-side,#000c,#0000004d 60%,#0000)}.hero-canvas{opacity:0;transition:opacity .45s}.hero-stage[data-state=live] .hero-canvas{opacity:1}.hero-stage[data-state=live] .hero-poster,.hero-stage[data-state=live] .hero-contact{opacity:0}@media (max-width:63.999rem){.hero:has([data-phase=open]) .hero-stage{opacity:0}}@container hero-stage not (min-height:6.5rem){.hero-figure,.hero-floor{visibility:hidden}}.hero-overlay{pointer-events:none}.hero-hit{pointer-events:auto;touch-action:pan-y pinch-zoom;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;cursor:pointer;position:absolute;inset:0 4% 0 6%}@media (pointer:fine){.hero-stage[data-state=live] .hero-hit{cursor:grab}.hero-stage[data-dragging] .hero-hit{cursor:grabbing}}.hero-bubble{width:max-content;max-width:min(12rem, calc(var(--hero-side) + .2 * var(--hero-fig-w) - .75rem));border:1px solid color-mix(in oklab, var(--foreground) 10%, transparent);background:var(--background);color:var(--foreground);text-wrap:balance;pointer-events:none;transform-origin:0 100%;unicode-bidi:plaintext;border-radius:1rem 1rem 1rem .3rem;padding:.5rem .75rem;font-size:.875rem;font-weight:600;line-height:1.25;position:absolute;top:1%;left:80%;translate:0 -60%;box-shadow:0 12px 32px -16px #1f2d2373}.dark .hero-bubble{background:var(--surface-2);box-shadow:0 12px 32px -14px #000c}.hero-bubble:before{content:"";border-bottom:inherit;border-left:inherit;background:inherit;width:10px;height:10px;box-shadow:none;position:absolute;bottom:8px;left:-5px;rotate:45deg}.hero-callouts{position:absolute;inset:0}.hero-callout-at{width:0;height:0;position:absolute}.hero-callout{width:0;height:0;color:inherit;font:inherit;text-align:inherit;cursor:pointer;pointer-events:auto;-webkit-tap-highlight-color:transparent;background:0 0;border:0;outline:none;padding:0;transition:opacity .25s,visibility;position:absolute;top:0;left:0}.hero-callout[data-side=left]{--hero-room:calc(var(--hero-side) + (var(--hero-ax) - var(--hero-reach)) * var(--hero-fig-w) - 1.25rem)}.hero-callout[data-side=right]{--hero-room:calc(var(--hero-side) + (1 - var(--hero-ax) - var(--hero-reach)) * var(--hero-fig-w) - 1.25rem)}.hero-callout-row{direction:ltr;align-items:center;gap:.5rem;width:max-content;display:flex;position:absolute;top:0;translate:0 -50%}.hero-callout[data-side=right] .hero-callout-row{left:-.3125rem}.hero-callout[data-side=left] .hero-callout-row{flex-direction:row-reverse;right:-.3125rem}.hero-callout-dot{background:var(--brand-accent);width:.625rem;height:.625rem;box-shadow:0 0 0 2px var(--brand), 0 0 0 5px color-mix(in oklab, var(--brand-accent) 35%, transparent), 0 0 18px 3px color-mix(in oklab, var(--brand-accent) 75%, transparent);transition:scale .2s var(--landing-pop,cubic-bezier(.34, 1.56, .64, 1)), box-shadow .2s ease;border-radius:9999px;flex:none;position:relative}.hero-callout-dot:after{content:"";border-radius:inherit;background:color-mix(in oklab, var(--brand-accent) 55%, transparent);opacity:0;position:absolute;inset:-5px}.hero-callout-line{width:max(1rem, calc(var(--hero-reach) * var(--hero-fig-w) - .5rem));background:color-mix(in oklab, var(--foreground) 40%, transparent);flex:none;height:1px;margin-inline:-.5rem 0;transition:background-color .2s}.hero-callout[data-side=left] .hero-callout-line{margin-inline:0 -.5rem}.hero-callout-label{max-width:min(11.5rem, calc(var(--hero-room) + .75rem));color:var(--foreground);letter-spacing:-.01em;text-underline-offset:4px;text-wrap:balance;unicode-bidi:plaintext;border-radius:.6rem;flex:none;margin:-.5rem -.375rem;padding:.5rem .375rem;font-size:.875rem;font-weight:600;line-height:1.2;-webkit-text-decoration:underline #0000;text-decoration:underline #0000;text-decoration-thickness:2px;transition:text-decoration-color .2s}.hero-callout[data-side=left] .hero-callout-label{text-align:right}.hero-callout[data-side=right] .hero-callout-label{text-align:left}:root:is([lang=ar],[lang=hi]) .hero-callout-label{letter-spacing:normal}.hero-callout:is(:hover,:focus-visible) .hero-callout-dot{box-shadow:0 0 0 2px var(--brand), 0 0 0 6px color-mix(in oklab, var(--brand-accent) 50%, transparent), 0 0 26px 6px var(--brand-accent);scale:1.35}.hero-callout:is(:hover,:focus-visible) .hero-callout-line{background:color-mix(in oklab, var(--foreground) 75%, transparent)}.hero-callout:is(:hover,:focus-visible) .hero-callout-label{-webkit-text-decoration-color:var(--ring);text-decoration-color:var(--ring)}.hero-callout:focus-visible .hero-callout-dot{outline:2px solid var(--ring);outline-offset:4px}.hero-callout-at[data-away] .hero-callout{opacity:0;pointer-events:none}.hero:has([data-phase=open]) .hero-callout{opacity:0;visibility:hidden;transition:opacity .25s,visibility 0s .25s}@container hero-stage (not (min-width:26rem)) or (not (min-height:24rem)){.hero-callout{visibility:hidden}}.hero:has([data-offscreen]){--hero-play:paused}@media (prefers-reduced-motion:no-preference){html:not(.reduce-motion) .hero-ask{animation:hero-rise .32s var(--landing-out,cubic-bezier(.22, 1, .36, 1)) .12s both;animation-play-state:var(--hero-play,running)}html:not(.reduce-motion) .hero-ask:not([data-open]):not(:focus-within){animation:hero-rise .32s var(--landing-out,cubic-bezier(.22, 1, .36, 1)) .12s both, hero-spin 7s linear infinite;animation-play-state:var(--hero-play,running)}html:not(.reduce-motion) .hero-ask[data-open]{animation:hero-pop .24s var(--landing-pop,cubic-bezier(.34, 1.56, .64, 1))}html:not(.reduce-motion) .hero-mark:before{animation:hero-mark .7s var(--landing-out,cubic-bezier(.22, 1, .36, 1)) .25s both}html.dark:not(.reduce-motion) .hero-mark{animation:.7s .25s both hero-ink}html:not(.reduce-motion) .hero-stage:before{animation:hero-breathe 9s var(--landing-inout,ease-in-out) infinite alternate;animation-play-state:var(--hero-play,running)}html:not(.reduce-motion) .hero-bob{animation:hero-bob 1.8s var(--landing-inout,ease-in-out) infinite;animation-play-state:var(--hero-play,running)}html:not(.reduce-motion) .hero-callout .hero-callout-row{animation:hero-callout-in .52s var(--landing-out,cubic-bezier(.22, 1, .36, 1)) both;animation-delay:calc(.6s + var(--hero-i,0) * .14s)}html:not(.reduce-motion) .hero-callout-dot:after{animation:hero-pulse 2.8s var(--landing-out,cubic-bezier(.22, 1, .36, 1)) infinite;animation-delay:calc(var(--hero-i,0) * .9s);animation-play-state:var(--hero-play,running)}html:not(.reduce-motion) .hero-bubble{animation:hero-bubble 3s var(--landing-out,cubic-bezier(.22, 1, .36, 1)) both}}.hero-bubble{animation:3s linear both hero-bubble-fade}@media (prefers-reduced-motion:reduce){.hero-ask,.hero-collapse,.hero-stage,.hero-poster,.hero-canvas{transition:none}}@keyframes hero-spin{to{--ask-angle:360deg}}@keyframes hero-pop{0%{scale:.985}}@keyframes hero-rise{0%{opacity:0;transform:translateY(10px)}}@keyframes hero-mark{0%{transform:rotate(-1deg)scaleX(0)}}@keyframes hero-ink{0%,45%{color:var(--foreground)}to{color:var(--brand-accent-foreground)}}@keyframes hero-breathe{to{scale:1.06}}@keyframes hero-bob{50%{transform:translateY(3px)}}@keyframes hero-callout-in{0%{opacity:0;translate:0 calc(6px - 50%)}}@keyframes hero-pulse{0%{opacity:.8;scale:.6}to{opacity:0;scale:2.4}}@keyframes hero-bubble{0%{opacity:0;scale:.8}8%,88%{opacity:1;scale:1}to{opacity:0;scale:1}}@keyframes hero-bubble-fade{0%,to{opacity:0}6%,90%{opacity:1}}
[data-landing]{--landing-out:cubic-bezier(.22, 1, .36, 1);--landing-inout:cubic-bezier(.65, 0, .35, 1);--landing-pop:cubic-bezier(.34, 1.56, .64, 1);--landing-dir:1}html[dir=rtl] [data-landing]{--landing-dir:-1}@media (min-height:560px){html:has([data-landing]){scroll-snap-type:y proximity}}@media (prefers-reduced-motion:no-preference){html:not(.reduce-motion):has([data-landing]){scroll-behavior:smooth}}.landing-display{letter-spacing:-.05em;line-height:.98}:root:is([lang=ar],[lang=hi]) .landing-display{letter-spacing:normal;line-height:1.2}.landing-soft{color:var(--muted-foreground)}[data-tone=inverse] .landing-soft{color:color-mix(in oklab, var(--brand-foreground) 60%, transparent)}.landing-header{background:color-mix(in oklab, var(--background) 72%, transparent);-webkit-backdrop-filter:blur(16px)saturate(1.4);border-bottom:1px solid color-mix(in oklab, var(--foreground) 6%, transparent)}@supports (animation-timeline:scroll()){.landing-header{animation:linear both landing-glass;animation-timeline:scroll(root);animation-range:0 96px}@keyframes landing-glass{0%{-webkit-backdrop-filter:none;background-color:#0000;border-bottom-color:#0000}}}.landing-stage{container:landing-stage/size}@container landing-stage (max-height:13rem) or (max-width:17rem){[data-optional]{display:none}}@container landing-stage (max-height:19rem){[data-optional=tall]{display:none}}@container landing-stage (max-height:12rem){.landing-fit{scale:.9}}@container landing-stage (max-height:10.5rem){.landing-fit{scale:.8}}@container landing-stage (max-height:9rem){.landing-fit{scale:.7}}@container landing-stage (max-height:7.5rem){.landing-fit{scale:.6}}@container landing-stage (max-height:6rem){.landing-fit{scale:.5}}.landing-fit[data-fit]{scale:var(--landing-fit,1)}.landing-ring{stroke-dasharray:100;stroke-dashoffset:calc(100 - var(--to))}@media (prefers-reduced-motion:no-preference){html:not(.reduce-motion) [data-armed] [data-anim]{animation-duration:var(--t,.52s);animation-timing-function:var(--e,var(--landing-out));animation-delay:calc(var(--d,0) * 1ms);animation-play-state:paused;animation-fill-mode:both}html:not(.reduce-motion) [data-armed] [data-inview] [data-anim]{animation-play-state:running}html:not(.reduce-motion) [data-armed] [data-anim=rise]{animation-name:landing-rise}html:not(.reduce-motion) [data-armed] [data-anim=pop]{animation-name:landing-pop}html:not(.reduce-motion) [data-armed] [data-anim=grow-x]{animation-name:landing-grow-x}html:not(.reduce-motion) [data-armed] [data-anim=ring]{animation-name:landing-ring}html:not(.reduce-motion) [data-armed] [data-anim=roll]{animation-name:landing-roll}html:not(.reduce-motion) [data-armed] [data-anim=wash]{animation-name:landing-wash}html:not(.reduce-motion) [data-armed] [data-anim=flip]{animation-name:landing-flip}html:not(.reduce-motion) [data-armed] [data-anim=flip-track]{animation-name:landing-flip-track}html:not(.reduce-motion) [data-armed] [data-anim=press]{animation-name:landing-press}html:not(.reduce-motion) [data-armed] [data-anim=swap-out]{animation-name:landing-swap-out}html:not(.reduce-motion) [data-armed] [data-anim=swap-in]{animation-name:landing-swap-in}html:not(.reduce-motion) [data-armed] [data-anim=stamp]{animation-name:landing-stamp}html:not(.reduce-motion) [data-armed] [data-anim=slide]{animation-name:landing-slide}html:not(.reduce-motion) [data-armed] [data-anim=slide-end]{animation-name:landing-slide-end}html:not(.reduce-motion) [data-armed] [data-anim=fan]{animation-name:landing-fan}html:not(.reduce-motion) [data-armed] [data-playing] .landing-loop-wave{animation:landing-wave 1.1s var(--landing-inout) infinite;animation-delay:var(--loop-delay,0s)}html:not(.reduce-motion) [data-armed] [data-playing] .landing-loop-cycle3{animation:9s linear infinite landing-cycle3;animation-delay:var(--loop-delay,0s)}html:not(.reduce-motion) [data-armed] [data-playing] .landing-loop-ping{animation:landing-ping 2.4s var(--landing-out) infinite}}@keyframes landing-rise{0%{opacity:0;filter:blur(6px);transform:translateY(12px)}}@keyframes landing-pop{0%{opacity:0;transform:scale(.9)}}@keyframes landing-grow-x{0%{transform:scaleX(0)}}@keyframes landing-ring{0%{stroke-dashoffset:100px}}@keyframes landing-roll{0%{translate:0}}@keyframes landing-wash{30%{background-color:color-mix(in oklab, var(--brand-accent) 45%, transparent)}}@keyframes landing-flip{0%{translate:0}}@keyframes landing-flip-track{0%{background-color:color-mix(in oklab, var(--foreground) 15%, transparent)}}@keyframes landing-press{50%{transform:scale(.94)}}@keyframes landing-swap-out{0%{opacity:1}to{opacity:0}}@keyframes landing-swap-in{0%{opacity:0}}@keyframes landing-stamp{0%{opacity:0;transform:scale(1.25)rotate(-4deg)}}@keyframes landing-slide{0%{opacity:0;transform:translateX(calc(var(--landing-dir) * -16px))}}@keyframes landing-slide-end{0%{opacity:0;transform:translateX(calc(var(--landing-dir) * 16px))}}@keyframes landing-fan{0%{opacity:0;transform:none}}@keyframes landing-wave{0%,to{transform:scaleY(.35)}50%{transform:scaleY(1)}}@keyframes landing-cycle3{0%,30%{opacity:1}33.34%,to{opacity:0}}@keyframes landing-ping{0%{opacity:.55;transform:scale(1)}to{opacity:0;transform:scale(2.4)}}
