.use-case-anim{--uca-coral:#f93822;--uca-ok:#12a46e;--uca-canvas:#fff;--uca-line:#e7e4de;--uca-line-2:#f1efea;--uca-t-1:#111;--uca-t-2:#5c5a57;--uca-t-3:#9a968f;--uca-display:var(--font-plus-jakarta), "Plus Jakarta Sans", system-ui, sans-serif;--uca-body:var(--font-inter), Inter, system-ui, sans-serif;--uca-mono:ui-monospace, "SFMono-Regular", Menlo, monospace;--uca-r-m:12px;--uca-r-l:18px;--panel-bg:transparent;width:100%;color:var(--uca-t-1);font-family:var(--uca-body);font-size:12px}.use-case-anim *,.use-case-anim :before,.use-case-anim :after{box-sizing:border-box}.use-case-anim .ui{isolation:isolate;border:1px solid var(--uca-line);border-radius:var(--uca-r-l);background:var(--panel-bg);flex-direction:column;gap:10px;min-height:296px;margin:0;padding:16px;font-size:12px;display:flex;position:relative;overflow:hidden;box-shadow:0 18px 44px -30px #11111147}.use-case-anim .ui--tall,.use-case-anim .ui--swap{min-height:360px}.use-case-anim .ui__chrome{color:var(--uca-t-3);font-family:var(--uca-mono);letter-spacing:.07em;text-transform:uppercase;flex-wrap:wrap;align-items:center;gap:8px;font-size:10px;display:flex}.use-case-anim .ui__chrome--raw{letter-spacing:.04em;text-transform:none}@media (max-width:520px){.use-case-anim .ui__chrome{font-size:9px}}.use-case-anim .ui__dot{background:var(--uca-coral);border-radius:999px;flex:none;width:7px;height:7px}.use-case-anim .ui__dot--live{animation:1.8s ease-in-out infinite uca-pulse}.use-case-anim .ui__spacer{flex:1}.use-case-anim .ui__wave{flex:none;align-items:center;gap:2.5px;height:34px;display:flex}.use-case-anim .ui__wave i{background:#d8d4cd;border-radius:2px;flex:1 1 0;min-width:2px;max-width:4px;font-style:normal;animation:1.5s ease-in-out infinite uca-wv;display:block}.use-case-anim .ui__wave i.hot{background:var(--uca-coral)}.use-case-anim .ui__card{border:1px solid var(--uca-line);border-radius:var(--uca-r-m);background:var(--uca-canvas);padding:12px 14px}.use-case-anim .ui__card--grow{flex-direction:column;flex:1;justify-content:center;display:flex}.use-case-anim .ui__card--alert{border-color:var(--uca-coral)}.use-case-anim .ui__row{border-bottom:1px solid var(--uca-line-2);justify-content:space-between;align-items:baseline;gap:12px;padding:6px 0;font-size:11.5px;display:flex}.use-case-anim .ui__row:last-child{border-bottom:0}.use-case-anim .ui__row b{font-weight:600}.use-case-anim .ui__row span{color:var(--uca-t-2);font-family:var(--uca-mono);text-align:right;font-size:10.5px}.use-case-anim .ui__row span.hi{color:var(--uca-coral);font-weight:600}.use-case-anim .ui__quote{border-left:1.5px solid var(--uca-coral);color:var(--uca-t-2);padding:3px 0 3px 11px;font-size:11.5px;line-height:1.5}.use-case-anim .ui__msg{border:1px solid var(--uca-line);border-radius:var(--uca-r-m);background:var(--uca-canvas);padding:11px 13px;font-size:12px;line-height:1.45}.use-case-anim .ui__msg--soft{color:var(--uca-t-2);background:#f4f2ee;font-size:11.5px}.use-case-anim .ui__raw{flex-direction:column;flex:1;justify-content:center;gap:8px;padding:4px 2px;display:flex}.use-case-anim .ui__raw span{background:#e4e1db;border-radius:3px;height:5px;display:block}.use-case-anim .ui__raw span:nth-child(2){width:86%}.use-case-anim .ui__raw span:nth-child(3){width:72%}.use-case-anim .ui__raw span:nth-child(4){width:91%}.use-case-anim .ui__raw span:nth-child(5){width:54%}.use-case-anim .ui__verdict{border-top:1px solid var(--uca-line);color:var(--uca-coral);font-family:var(--uca-mono);letter-spacing:.09em;text-align:center;margin-top:auto;padding-top:12px;font-size:10.5px}.use-case-anim .ui__flag{color:var(--uca-coral);font-family:var(--uca-mono);letter-spacing:.06em;margin-bottom:6px;font-size:10px}.use-case-anim .ui__foot{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;display:flex}.use-case-anim .ui__scan{z-index:2;pointer-events:none;background:linear-gradient(90deg,#0000 0%,#f938221a 48%,#f9382257 50%,#f938221a 52%,#0000 100%);width:60%;animation:4.2s ease-in-out infinite uca-scan;position:absolute;inset:0;transform:translate(-110%)}.use-case-anim .ui.is-paused .ui__wave i,.use-case-anim .ui.is-paused .ui__scan,.use-case-anim .ui.is-paused .ui__dot--live,.use-case-anim .ui.is-paused .ui__state,.use-case-anim .ui.is-paused .ui__state>*,.use-case-anim .ui.is-paused .bar--cycle i:after,.use-case-anim .ui.is-paused [data-step]{animation-play-state:paused}.use-case-anim .ui.is-restarting .ui__wave i,.use-case-anim .ui.is-restarting .ui__scan,.use-case-anim .ui.is-restarting .ui__dot--live,.use-case-anim .ui.is-restarting .ui__state,.use-case-anim .ui.is-restarting .ui__state>*,.use-case-anim .ui.is-restarting .bar--cycle i:after,.use-case-anim .ui.is-restarting [data-step]{animation:none!important}.use-case-anim .ui__state--b .ui__dot{background:var(--uca-ok)}.use-case-anim .ui__ok{color:var(--uca-coral)}.use-case-anim .ui__state>*{animation:15s ease-in-out infinite backwards uca-enterA;animation-delay:calc(var(--s,0) * .34s)}.use-case-anim .ui__state--b>*{animation-name:uca-enterB;animation-delay:calc(var(--s,0) * .3s)}.use-case-anim .ui__stage{flex:1;min-height:300px;position:relative}.use-case-anim .ui__state{flex-direction:column;gap:10px;animation:15s ease-in-out infinite uca-swapA;display:flex;position:absolute;inset:0}.use-case-anim .ui__state--b{opacity:0;animation-name:uca-swapB}.use-case-anim .bar--cycle i:after{animation:15s ease-in-out infinite uca-barSwap;animation-delay:calc(var(--s,0) * .16s)}.use-case-anim .ui__answer{color:var(--uca-t-3);font-family:var(--uca-mono);letter-spacing:.07em;text-transform:uppercase;margin-bottom:11px;font-size:9.5px;display:block}.use-case-anim .ui__pause{z-index:5;color:#fff;cursor:pointer;opacity:0;background:#1119;border:0;border-radius:999px;place-items:center;width:30px;height:30px;font-size:9px;transition:opacity .16s;display:grid;position:absolute;bottom:10px;right:10px}.use-case-anim .ui:hover .ui__pause,.use-case-anim .ui__pause:focus-visible{opacity:1}.use-case-anim .bars{gap:11px;display:grid}.use-case-anim .bar b{justify-content:space-between;gap:10px;margin-bottom:5px;font-size:11.5px;font-weight:600;display:flex}.use-case-anim .bar b span{color:var(--uca-t-2);font-family:var(--uca-mono);font-weight:500}.use-case-anim .bar i{background:var(--uca-line);border-radius:999px;height:6px;font-style:normal;display:block;position:relative;overflow:hidden}.use-case-anim .bar i:after{content:"";width:var(--v,50%);transform-origin:0;background:#cfcac2;border-radius:999px;transition:transform .9s cubic-bezier(.22,.9,.28,1);position:absolute;inset:0 auto 0 0}.use-case-anim .bar--best b span{color:var(--uca-coral)}.use-case-anim .bar--best i:after{background:var(--uca-coral)}.use-case-anim .bar i:after{transform:scaleX(0)}.use-case-anim .is-in .bar i:after{transition-delay:calc(var(--s,0) * 1s);transform:scaleX(1)}.use-case-anim .ui:not(.is-in) .bar i:after{transition-delay:0s}.use-case-anim .ui [data-step]{opacity:0;transform:translateY(6px)}.use-case-anim .ui.is-shown [data-step]{animation:.5s cubic-bezier(.22,.9,.28,1) forwards uca-pop;animation-delay:calc(var(--s,0) * 1s)}.use-case-anim .pill{border:1px solid var(--uca-line);background:var(--uca-canvas);color:var(--uca-t-3);font-family:var(--uca-mono);letter-spacing:.06em;text-transform:uppercase;border-radius:999px;padding:5px 10px;font-size:10px;display:inline-block}.use-case-anim .pill--coral{color:var(--uca-coral);background:#fff1ee;border-color:#f9382247}@keyframes uca-pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.45;transform:scale(.82)}}@keyframes uca-wv{0%,to{height:20%}50%{height:90%}}@keyframes uca-scan{0%{transform:translate(-110%)}55%,to{transform:translate(230%)}}@keyframes uca-enterA{0%{opacity:0;transform:translateY(7px)}5%,to{opacity:1;transform:none}}@keyframes uca-enterB{0%,42%{opacity:0;transform:translateY(7px)}47%,to{opacity:1;transform:none}}@keyframes uca-swapA{0%,38%{opacity:1;transform:none}41.5%,96%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:none}}@keyframes uca-swapB{0%,42%{opacity:0;transform:translateY(8px)}45.5%,94%{opacity:1;transform:none}97%,to{opacity:0;transform:translateY(8px)}}@keyframes uca-barSwap{0%,50%{transform:scaleX(0)}62%,94%{transform:scaleX(1)}97%,to{transform:scaleX(0)}}@keyframes uca-pop{to{opacity:1;transform:none}}@media (prefers-reduced-motion:reduce){.use-case-anim *,.use-case-anim :before,.use-case-anim :after{transition-duration:.001ms!important;animation-duration:.001ms!important;animation-iteration-count:1!important}.use-case-anim .ui [data-step]{opacity:1!important;transform:none!important}.use-case-anim .bar i:after{transform:scaleX(1)!important}.use-case-anim .ui__scan{display:none}.use-case-anim .ui--swap{min-height:0}.use-case-anim .ui__stage{gap:14px;min-height:0;display:grid}.use-case-anim .ui__state,.use-case-anim .ui__state>*{position:static;opacity:1!important;transform:none!important}.use-case-anim .ui__state--b{border-top:1px solid var(--uca-line);padding-top:14px}}