.use-case-scene-module__BCgN1W__stage{--play:paused;--gap:14px;border-radius:var(--media-radius);isolation:isolate;background:#dfe4ea url(/textures/sky-atmosphere.webp) 50%/cover;margin:0;padding:44px 40px 76px;position:relative;overflow:hidden;container-type:inline-size}.use-case-scene-module__BCgN1W__stage[data-running]{--play:running}.use-case-scene-module__BCgN1W__picture{position:relative}.use-case-scene-module__BCgN1W__track{grid-template-columns:minmax(0,1fr) 34px minmax(0,1fr) 34px minmax(0,1fr) 34px minmax(0,1fr);align-items:stretch;display:grid}@media (min-width:1380px){.use-case-scene-module__BCgN1W__track>[data-beat]{--card-size:14px;--card-pad:20px}}.use-case-scene-module__BCgN1W__bridge{color:#0d2c21;place-items:center;display:grid}.use-case-scene-module__BCgN1W__dots{display:none}@media (max-width:1239px){.use-case-scene-module__BCgN1W__stage{padding:28px 0 72px}.use-case-scene-module__BCgN1W__track{--card-w:min(430px,calc(100cqw - 88px));align-items:center;gap:var(--gap);padding-inline:calc((100cqw - var(--card-w)) / 2);overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scrollbar-width:none;display:flex;overflow-x:auto}.use-case-scene-module__BCgN1W__track::-webkit-scrollbar{display:none}.use-case-scene-module__BCgN1W__track>[data-beat]{flex:0 0 var(--card-w);scroll-snap-align:center}.use-case-scene-module__BCgN1W__bridge{display:none}}@media (max-width:760px){.use-case-scene-module__BCgN1W__stage{padding-top:22px}}@media (prefers-reduced-motion:no-preference) and (scripting:enabled){.use-case-scene-module__BCgN1W__stage [data-beat]{--lead:.3s;--gap-i:.22s;transition:opacity .42s var(--motion-exit-ease)}.use-case-scene-module__BCgN1W__stage [data-beat=ask]{--lead:calc(var(--type-ms) + .52s);--gap-i:.15s}.use-case-scene-module__BCgN1W__stage [data-beat=read]{--lead:.36s;--gap-i:.43s;--done-at:2.35s}.use-case-scene-module__BCgN1W__stage [data-beat=find]{--lead:.32s;--gap-i:.28s}.use-case-scene-module__BCgN1W__stage [data-beat=act]{--lead:.32s;--gap-i:.21s}.use-case-scene-module__BCgN1W__stage:not([data-reached~=read]) [data-beat=read],.use-case-scene-module__BCgN1W__stage:not([data-reached~=find]) [data-beat=find],.use-case-scene-module__BCgN1W__stage:not([data-reached~=act]) [data-beat=act]{opacity:.55}.use-case-scene-module__BCgN1W__stage [data-part],.use-case-scene-module__BCgN1W__stage [data-word],.use-case-scene-module__BCgN1W__stage [data-pill],.use-case-scene-module__BCgN1W__stage [data-check],.use-case-scene-module__BCgN1W__stage [data-label=done]{opacity:0}.use-case-scene-module__BCgN1W__stage[data-reached~=ask] [data-beat=ask] [data-part],.use-case-scene-module__BCgN1W__stage[data-reached~=read] [data-beat=read] [data-part],.use-case-scene-module__BCgN1W__stage[data-reached~=find] [data-beat=find] [data-part],.use-case-scene-module__BCgN1W__stage[data-reached~=act] [data-beat=act] [data-part]{animation:use-case-scene-module__BCgN1W__part-in var(--motion-enter-duration) var(--motion-enter-ease) both;animation-delay:calc(var(--lead) + var(--i) * var(--gap-i));animation-play-state:var(--play)}.use-case-scene-module__BCgN1W__stage[data-reached~=ask] [data-beat=ask] [data-box]{animation-delay:0s}.use-case-scene-module__BCgN1W__stage[data-reached~=ask] [data-word]{animation:.14s linear both use-case-scene-module__BCgN1W__word-in;animation-delay:calc(.22s + var(--w) * 80ms);animation-play-state:var(--play)}.use-case-scene-module__BCgN1W__stage[data-reached~=ask] [data-beat=ask] [data-draw]{animation:1.1s ease-out both use-case-scene-module__BCgN1W__draw;animation-delay:calc(var(--lead) + .12s);animation-play-state:var(--play)}.use-case-scene-module__BCgN1W__stage[data-reached~=ask] [data-beat=ask] [data-pill],.use-case-scene-module__BCgN1W__stage[data-reached~=find] [data-beat=find] [data-pill],.use-case-scene-module__BCgN1W__stage[data-reached~=act] [data-beat=act] [data-pill=status]{animation:.28s ease-out both use-case-scene-module__BCgN1W__pill-in;animation-play-state:var(--play)}.use-case-scene-module__BCgN1W__stage[data-reached~=read] [data-beat=read] [data-pill=status]{animation:use-case-scene-module__BCgN1W__pill-in .28s ease-out both,use-case-scene-module__BCgN1W__pill-out .16s ease-in var(--done-at) forwards;animation-play-state:var(--play)}.use-case-scene-module__BCgN1W__stage[data-reached~=read] [data-beat=read] [data-pill=done]{animation:use-case-scene-module__BCgN1W__pill-in .28s ease-out calc(var(--done-at) + .16s) both;animation-play-state:var(--play)}.use-case-scene-module__BCgN1W__stage[data-reached~=read] [data-beat=read] [data-check]{animation:use-case-scene-module__BCgN1W__check-in .32s var(--motion-enter-ease) both;animation-delay:calc(var(--lead) + var(--i) * var(--gap-i) + .28s);animation-play-state:var(--play)}.use-case-scene-module__BCgN1W__stage[data-reached~=find] [data-beat=find] [data-check],.use-case-scene-module__BCgN1W__stage[data-reached~=act] [data-beat=act] [data-check]{animation:use-case-scene-module__BCgN1W__check-in .32s var(--motion-enter-ease) both;animation-delay:calc(var(--lead) + var(--i) * var(--gap-i) + .2s);animation-play-state:var(--play)}.use-case-scene-module__BCgN1W__stage[data-reached~=find] [data-beat=find] [data-bar]:after{animation:use-case-scene-module__BCgN1W__bar-grow .9s var(--motion-enter-ease) both;animation-delay:calc(var(--lead) + var(--i) * var(--gap-i) + .16s);animation-play-state:var(--play)}.use-case-scene-module__BCgN1W__stage[data-step=confirm] [data-beat=act] [data-pointer]{animation:use-case-scene-module__BCgN1W__point 1.5s var(--motion-enter-ease) both;animation-play-state:var(--play)}.use-case-scene-module__BCgN1W__stage[data-step=confirm] [data-beat=act] [data-pressable]{animation:1.5s both use-case-scene-module__BCgN1W__press;animation-play-state:var(--play)}.use-case-scene-module__BCgN1W__stage[data-reached~=confirm] [data-beat=act] [data-label=done]{animation:.26s ease-out .96s both use-case-scene-module__BCgN1W__pill-in;animation-play-state:var(--play)}.use-case-scene-module__BCgN1W__stage[data-reached~=confirm] [data-beat=act] [data-pill=status]{animation:.16s ease-in .9s both use-case-scene-module__BCgN1W__pill-out;animation-play-state:var(--play)}.use-case-scene-module__BCgN1W__stage[data-reached~=confirm] [data-beat=act] [data-pill=done]{animation:.26s ease-out 1.06s both use-case-scene-module__BCgN1W__pill-in;animation-play-state:var(--play)}.use-case-scene-module__BCgN1W__stage[data-first] [data-beat=ask] :is([data-part],[data-word],[data-pill],[data-draw]){opacity:1;animation:none}.use-case-scene-module__BCgN1W__stage [data-beat]:before{content:"";transform-origin:0;opacity:0;background:#18643a;border-radius:2px;height:2px;position:absolute;top:-1px;left:14px;right:14px;transform:scaleX(0)}.use-case-scene-module__BCgN1W__stage[data-step=ask] [data-beat=ask]:before,.use-case-scene-module__BCgN1W__stage[data-step=read] [data-beat=read]:before,.use-case-scene-module__BCgN1W__stage[data-step=find] [data-beat=find]:before,.use-case-scene-module__BCgN1W__stage[data-step=act] [data-beat=act]:before{opacity:1;animation:use-case-scene-module__BCgN1W__progress var(--beat-ms) linear both;animation-play-state:var(--play)}.use-case-scene-module__BCgN1W__stage:is([data-step=confirm],[data-step=rest]) [data-beat=act]:before{opacity:1;transform:none}.use-case-scene-module__BCgN1W__stage:is([data-step=out],[data-step=clear]) [data-beat]>:not(:first-child),.use-case-scene-module__BCgN1W__stage:is([data-step=out],[data-step=clear]) [data-state]{opacity:0;transition:opacity .42s var(--motion-exit-ease)}@media (max-width:1239px){.use-case-scene-module__BCgN1W__track{scroll-snap-type:none;transform:translateX(calc((100cqw - var(--card-w)) / 2 - var(--cam,0) * (var(--card-w) + var(--gap))));transition:transform .76s var(--motion-enter-ease),opacity .42s var(--motion-exit-ease);padding-inline:0;overflow:visible}.use-case-scene-module__BCgN1W__stage[data-step=read]{--cam:1}.use-case-scene-module__BCgN1W__stage[data-step=find]{--cam:2}.use-case-scene-module__BCgN1W__stage:is([data-step=act],[data-step=confirm],[data-step=rest],[data-step=out],[data-step=clear]){--cam:3}.use-case-scene-module__BCgN1W__stage:is([data-step=out],[data-step=clear]) .use-case-scene-module__BCgN1W__track{opacity:0}.use-case-scene-module__BCgN1W__stage[data-step=ask] .use-case-scene-module__BCgN1W__track{transition:none}.use-case-scene-module__BCgN1W__stage[data-step=ask]:not([data-first]) .use-case-scene-module__BCgN1W__track{animation:use-case-scene-module__BCgN1W__track-in var(--motion-enter-duration) var(--motion-enter-ease) both;animation-play-state:var(--play)}.use-case-scene-module__BCgN1W__stage:is([data-step=out],[data-step=clear]) [data-beat]>:not(:first-child),.use-case-scene-module__BCgN1W__stage:is([data-step=out],[data-step=clear]) [data-state]{opacity:1;transition:none}.use-case-scene-module__BCgN1W__dots{gap:6px;display:flex;position:absolute;bottom:-44px;left:50%;transform:translate(-50%)}.use-case-scene-module__BCgN1W__dots i{width:6px;height:6px;transition:width .3s var(--motion-enter-ease),background .3s ease;background:#0d2c213d;border-radius:3px}.use-case-scene-module__BCgN1W__stage[data-step=ask] [data-dot=ask],.use-case-scene-module__BCgN1W__stage[data-step=read] [data-dot=read],.use-case-scene-module__BCgN1W__stage[data-step=find] [data-dot=find],.use-case-scene-module__BCgN1W__stage:is([data-step=act],[data-step=confirm],[data-step=rest],[data-step=out],[data-step=clear]) [data-dot=act]{background:#18643a;width:18px}}}@keyframes use-case-scene-module__BCgN1W__part-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}@keyframes use-case-scene-module__BCgN1W__word-in{0%{opacity:0}to{opacity:1}}@keyframes use-case-scene-module__BCgN1W__pill-in{0%{opacity:0;transform:scale(.92)}to{opacity:1;transform:none}}@keyframes use-case-scene-module__BCgN1W__pill-out{0%{opacity:1}to{opacity:0}}@keyframes use-case-scene-module__BCgN1W__check-in{0%{opacity:0;transform:scale(.4)}to{opacity:1;transform:none}}@keyframes use-case-scene-module__BCgN1W__bar-grow{0%{transform:scaleX(0)}}@keyframes use-case-scene-module__BCgN1W__draw{0%{stroke-dashoffset:1px}to{stroke-dashoffset:0}}@keyframes use-case-scene-module__BCgN1W__progress{0%{transform:scaleX(0)}to{transform:scaleX(1)}}@keyframes use-case-scene-module__BCgN1W__point{0%{opacity:0;transform:translate(46px,34px)}14%{opacity:1}52%{transform:translate(0)}60%{transform:translate(0)scale(.84)}70%{opacity:1;transform:translate(0)scale(1)}to{opacity:0;transform:translate(6px,8px)}}@keyframes use-case-scene-module__BCgN1W__press{0%,52%{transform:none}60%{transform:scale(.94)}70%,to{transform:none}}@keyframes use-case-scene-module__BCgN1W__track-in{0%{opacity:0}to{opacity:1}}
.use-case-page-module__YlWmqW__how{grid-template-rows:auto 1fr;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:28px clamp(40px,6vw,88px);scroll-margin-top:28px;display:grid}.use-case-page-module__YlWmqW__howIntro{grid-area:1/2}.use-case-page-module__YlWmqW__howIntro>p{max-width:46ch;color:var(--muted);margin:20px 0 0;font-size:19px;line-height:1.55}.use-case-page-module__YlWmqW__howVisual{border-radius:var(--media-radius);background:#dfe4ea url(/textures/sky-atmosphere.webp) 50%/cover;grid-area:1/1/3;place-items:center;min-height:460px;padding:48px clamp(24px,4vw,56px);display:grid}.use-case-page-module__YlWmqW__howPicture{opacity:0;visibility:hidden;width:min(100%,400px);transition:opacity .28s var(--motion-exit-ease),visibility 0s linear .28s;grid-area:1/1}.use-case-page-module__YlWmqW__howPicture[data-open]{opacity:1;visibility:visible;transition:opacity .42s var(--motion-enter-ease)}.use-case-page-module__YlWmqW__howSteps{grid-area:2/2;margin:0;padding:0;list-style:none}.use-case-page-module__YlWmqW__howSteps li{border-top:1px solid var(--line)}.use-case-page-module__YlWmqW__howSteps details{margin:0}.use-case-page-module__YlWmqW__howSteps summary{cursor:pointer;grid-template-columns:28px minmax(0,1fr) 28px;align-items:start;gap:22px;padding:23px 0;list-style:none;display:grid}.use-case-page-module__YlWmqW__howSteps summary::-webkit-details-marker{display:none}.use-case-page-module__YlWmqW__howSteps summary:focus-visible{outline:2px solid var(--green);outline-offset:5px}.use-case-page-module__YlWmqW__stepNumber{color:var(--muted);font-variant-numeric:tabular-nums;padding-top:3px;font-size:15px;font-weight:500}.use-case-page-module__YlWmqW__howSteps h3{font:500 21px/1.3 var(--font-body);letter-spacing:-.01em;margin:0}.use-case-page-module__YlWmqW__stepToggle{border:1px solid var(--line);width:28px;height:28px;color:var(--green);border-radius:50%;justify-self:end;position:relative}.use-case-page-module__YlWmqW__stepToggle:before,.use-case-page-module__YlWmqW__stepToggle:after{content:"";background:currentColor;width:10px;height:1px;position:absolute;inset:50% auto auto 50%;transform:translate(-50%,-50%)}.use-case-page-module__YlWmqW__stepToggle:after{transition:transform .16s,opacity .16s;transform:translate(-50%,-50%)rotate(90deg)}.use-case-page-module__YlWmqW__howSteps details[open] .use-case-page-module__YlWmqW__stepToggle:after{opacity:0;transform:translate(-50%,-50%)rotate(0)}.use-case-page-module__YlWmqW__stepBody{grid-template-columns:28px minmax(0,1fr) 28px;gap:0 22px;padding:0 0 18px;display:grid}.use-case-page-module__YlWmqW__stepBody>*{grid-column:2}.use-case-page-module__YlWmqW__stepBody p{color:var(--muted);margin:0;font-size:17px;line-height:1.55}.use-case-page-module__YlWmqW__stepBody a{justify-self:start;align-items:center;gap:7px;min-height:44px;margin-top:4px;font-size:15px;font-weight:500;display:inline-flex}.use-case-page-module__YlWmqW__stepBody a>span{color:var(--muted);font-weight:400}.use-case-page-module__YlWmqW__stepBody a:hover{text-underline-offset:4px;text-decoration:underline}@media (min-width:1001px){.use-case-page-module__YlWmqW__how[data-flip] .use-case-page-module__YlWmqW__howIntro,.use-case-page-module__YlWmqW__how[data-flip] .use-case-page-module__YlWmqW__howSteps{grid-column:1}.use-case-page-module__YlWmqW__how[data-flip] .use-case-page-module__YlWmqW__howVisual{grid-column:2}}.use-case-page-module__YlWmqW__module{min-width:0}.use-case-page-module__YlWmqW__aside{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);align-items:center;gap:32px clamp(40px,6vw,88px);display:grid}.use-case-page-module__YlWmqW__aside>div:first-child{margin-bottom:0}@media (min-width:1001px){.use-case-page-module__YlWmqW__aside[data-mirror]>div:first-child{order:2}}@media (max-width:1000px){.use-case-page-module__YlWmqW__aside{grid-template-columns:minmax(0,1fr);gap:28px}.use-case-page-module__YlWmqW__how{grid-template-rows:none;grid-template-columns:minmax(0,1fr);gap:28px}.use-case-page-module__YlWmqW__howIntro,.use-case-page-module__YlWmqW__howVisual,.use-case-page-module__YlWmqW__howSteps{grid-area:auto/1}.use-case-page-module__YlWmqW__howVisual{min-height:0;padding:36px 24px}}@media (max-width:760px){.use-case-page-module__YlWmqW__howIntro>p{margin-top:12px;font-size:17px}.use-case-page-module__YlWmqW__howVisual{padding:28px 16px}.use-case-page-module__YlWmqW__howSteps summary,.use-case-page-module__YlWmqW__stepBody{grid-template-columns:24px minmax(0,1fr) 26px;column-gap:16px}.use-case-page-module__YlWmqW__howSteps summary{padding-block:20px}.use-case-page-module__YlWmqW__howSteps h3{font-size:19px}.use-case-page-module__YlWmqW__stepToggle{width:26px;height:26px}.use-case-page-module__YlWmqW__stepBody p{font-size:16px}}@media (prefers-reduced-motion:reduce){.use-case-page-module__YlWmqW__howPicture,.use-case-page-module__YlWmqW__howPicture[data-open],.use-case-page-module__YlWmqW__stepToggle:after{transition:none}}