.ot-art{position:relative;aspect-ratio:358/429;container-type:inline-size}.ot-avatar,.ot-bubble,.ot-shop,.ot-yoddha{position:absolute}.ot-shop{left:0;top:24.45%;width:85.59%;height:58.34%;overflow:hidden;border-radius:50% 50% 1.5% 1.5%/61.2% 61.2% 1.8% 1.8%}.ot-yoddha{left:12.71%;top:10.66%;width:98.3%;height:72.13%}.ot-avatar{left:68.16%;top:53.61%;width:29.77%;aspect-ratio:1;border-radius:50%;background:#ff7b00}.ot-avatar-face{position:absolute;inset:7.14%;overflow:hidden;border-radius:50%;background:#fff}.ot-bubble{--r:6.44cqw;padding:3.75cqw 4.29cqw;border:max(1px,.54cqw) solid rgba(255,255,255,.2);font-size:max(12px,3.49cqw);line-height:1.2;font-weight:700;font-feature-settings:"lnum" 1,"tnum" 1;color:#fff}.ot-q{left:42.76%;top:0;width:51.75%;border-radius:var(--r) var(--r) var(--r) 0;background:#381600;transform-origin:15% 100%}.ot-a{left:27.65%;top:72.73%;width:52.29%;border-radius:var(--r) 0 var(--r) var(--r);background:#ff7b00;transform-origin:85% 0}@media (min-width:768px){.ot-art{aspect-ratio:1106/365}.ot-shop{left:34.27%;top:28.57%;width:28.86%;height:71.43%}.ot-yoddha{left:38.55%;top:11.69%;width:33.15%;height:88.31%}.ot-avatar{left:55.55%;top:44.46%;width:12.43%}.ot-bubble{--r:2.914cqw;padding:1.943cqw;border-width:max(1px,.243cqw);font-size:max(13px,2cqw)}.ot-q{left:6.6%;width:34.1%;border-radius:var(--r) var(--r) 0 var(--r);transform-origin:85% 100%}.ot-a{left:62.39%;top:7.2%;width:34.1%;border-radius:var(--r) var(--r) var(--r) 0;transform-origin:15% 100%}}.ot-flow{--tip:21px;display:flex;flex-direction:column;overflow:hidden;border-radius:8px}.ot-step{position:relative;padding:16px 20px 18px}.ot-step:not(:last-child){padding-bottom:calc(18px + var(--tip));clip-path:polygon(0 0,100% 0,100% calc(100% - var(--tip)),50% 100%,0 calc(100% - var(--tip)))}.ot-step+.ot-step{margin-top:calc(-1 * var(--tip));padding-top:calc(16px + var(--tip))}.ot-step:first-child{z-index:3}.ot-step:nth-child(2){z-index:2}.ot-step-num{position:absolute;top:12px;right:16px}.ot-step+.ot-step .ot-step-num{top:calc(12px + var(--tip))}@media (min-width:1024px){.ot-flow{--tip:47px;display:grid;grid-template-columns:1fr var(--tip) 1fr var(--tip) 1fr;border-radius:0}.ot-step{grid-row:1;padding:32px}.ot-step:first-child{grid-column:1/3;padding-right:calc(32px + var(--tip))}.ot-step:nth-child(2){grid-column:2/5;padding-right:calc(32px + var(--tip))}.ot-step:nth-child(3){grid-column:4/6}.ot-step:not(:last-child){padding-bottom:32px;clip-path:polygon(0 0,calc(100% - var(--tip)) 0,100% 50%,calc(100% - var(--tip)) 100%,0 100%)}.ot-step+.ot-step{margin-top:0;padding-top:32px;padding-left:calc(32px + var(--tip))}.ot-step+.ot-step .ot-step-num,.ot-step-num{top:20px;right:45px}.ot-step:not(:last-child) .ot-step-num{right:calc(45px + var(--tip))}}.ot-dots{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;gap:.35em;opacity:0;transition:opacity .25s}.ot-dots i{width:.45em;height:.45em;border-radius:50%;background:currentColor;animation:ot-dot 1s ease-in-out infinite}.ot-dots i:nth-child(2){animation-delay:.15s}.ot-dots i:nth-child(3){animation-delay:.3s}@keyframes ot-dot{0%,60%,to{transform:translateY(0);opacity:.45}30%{transform:translateY(-35%);opacity:1}}.ot-answer{transition:opacity .35s}@media (prefers-reduced-motion:no-preference){.ot-hero [data-in]{transition:opacity .6s cubic-bezier(.33,0,.2,1),transform .9s cubic-bezier(.22,1,.36,1);transition-delay:var(--d,0s)}.ot-hero [data-in=pop]{transition:opacity .3s ease-out,transform .7s cubic-bezier(.34,1.56,.64,1);transition-delay:var(--d,0s)}.ot-hero[data-intro=idle] [data-in]{opacity:0}.ot-hero[data-intro=idle] [data-in=rise]{transform:translateY(28px)}.ot-hero[data-intro=idle] [data-in=arch]{transform:translateY(48px) scale(.92)}.ot-hero[data-intro=idle] [data-in=pop]{transform:scale(.3)}.ot-hero:not([data-typed]) .ot-dots{opacity:1}.ot-hero:not([data-typed]) .ot-answer{opacity:0}}