.lb-b{transform-box:fill-box;transform-origin:50% 100%}.my-fig{width:100%;margin:0}.my-scene{aspect-ratio:100/112;width:100%;color:var(--ink);-webkit-user-select:none;user-select:none;grid-template-rows:auto 1fr;grid-template-columns:50.6% minmax(0,1fr);column-gap:5%;display:grid;position:relative;container-type:inline-size}.my-cap{text-align:right;margin-top:12px}.my-phone{background:#111;border-radius:7.4cqw;grid-row:1/3;height:100%;min-height:0;padding:1.7cqw;position:relative;box-shadow:0 30px 60px -30px #11111173}.dark .my-phone{box-shadow:0 0 0 1px var(--line-strong), 0 30px 60px -30px #000000b3;background:#000}.my-screen{background:var(--paper);border-radius:5.9cqw;flex-direction:column;height:100%;display:flex;position:relative;overflow:hidden}.my-app{border-bottom:1px solid var(--line);flex:none;justify-content:space-between;align-items:flex-start;gap:8px;padding:4.4cqw 3.4cqw 2.2cqw;display:flex}.my-app-id{align-items:center;gap:8px;min-width:0;display:flex}.my-app-mark{width:clamp(16px,3.6cqw,22px);height:auto;color:var(--ink);flex:none}.my-app-n{letter-spacing:-.01em;white-space:nowrap;font-size:clamp(13px,2.7cqw,15px);font-weight:800;line-height:1.2}.my-app-s{color:var(--muted-2);font-size:13px;font-weight:500;line-height:1.25}.my-time{border:1px solid var(--line-strong);font-variant-numeric:tabular-nums;white-space:nowrap;border-radius:2px;flex:none;padding:3px 6px;font-size:13px;font-weight:700}.my-callbar{background:var(--surface);border-bottom:1px solid var(--line);flex:none;align-items:center;gap:10px;padding:2.4cqw 3.4cqw;display:flex}.my-meter{width:auto;height:clamp(24px,5.6cqw,34px);color:var(--ink);flex:none;overflow:visible}.my-callinfo{min-width:0}.my-from{white-space:nowrap;text-overflow:ellipsis;font-size:clamp(13px,2.6cqw,14px);font-weight:800;line-height:1.25;overflow:hidden}.my-state{color:var(--muted-2);font-size:13px;font-weight:600;line-height:1.25}.my-thread{flex-direction:column;flex:1;gap:1.8cqw;min-height:0;padding:3cqw 3cqw 13cqw;display:flex;overflow:hidden}.my-msg{flex-direction:column;align-items:flex-start;gap:2px;display:flex}.my-msg.my-ai{align-items:flex-end}.my-who{color:var(--muted-2);font-size:13px;font-weight:700;line-height:1.2}.my-bub{border:1px solid var(--line-strong);background:var(--paper);text-wrap:pretty;border-radius:4px;max-width:92%;padding:1.3cqw 2cqw;font-size:clamp(13px,2.8cqw,15px);line-height:1.38}.my-ai .my-bub{background:var(--ink);border-color:var(--ink);color:var(--paper)}.my-gloss{max-width:92%;color:var(--mwa-muted);font-size:13px;font-style:italic;line-height:1.3}.my-ai .my-gloss{text-align:right}.my-typing{background:var(--surface-2);border-radius:4px;align-self:flex-end;gap:4px;padding:9px 11px;display:inline-flex}.my-typing i{background:var(--mwa-muted);border-radius:50%;width:6px;height:6px;animation:.9s ease-in-out infinite my-type}.my-typing i:nth-child(2){animation-delay:.15s}.my-typing i:nth-child(3){animation-delay:.3s}@keyframes my-type{0%,to{opacity:.5;transform:translateY(0)}40%{opacity:1;transform:translateY(-3px)}}.my-wrote{z-index:1;background:var(--surface-2);padding:2cqw 2.4cqw 1cqw;position:absolute;bottom:calc(6cqw + 17px);left:2.6cqw;right:2.6cqw;box-shadow:0 -12px 28px -16px #00000047}.my-wrote-h{border-bottom:2px solid var(--ink);padding-bottom:5px;font-size:13px;font-weight:800}.my-wrote-r{border-bottom:1px solid var(--line-strong);grid-template-columns:6.6em minmax(0,1fr);gap:8px;padding:5px 0;font-size:13px;line-height:1.3;display:grid}.my-wrote-r:last-child{border-bottom:0}.my-wrote-r span{color:var(--muted-2)}.my-wrote-r b{font-weight:700}.my-result{z-index:2;background:var(--ink);color:var(--paper);align-items:center;gap:8px;padding:2.4cqw 3.4cqw 3.6cqw;font-size:13px;font-weight:700;line-height:1.3;display:flex;position:absolute;bottom:0;left:0;right:0}.my-result .dot{width:10px;height:10px}.my-log{background:var(--paper);border:1px solid var(--line-strong);grid-column:2;align-self:start;margin-top:7cqw;padding:3.4cqw 3.4cqw 2cqw;box-shadow:0 30px 60px -30px #00000061}.my-log-h{letter-spacing:-.01em;border-bottom:2px solid var(--ink);padding-bottom:7px;font-size:clamp(13px,2.7cqw,15px);font-weight:800}.my-row{border-bottom:1px solid var(--line);grid-template-columns:minmax(0,1fr);gap:0 10px;padding:7px 0;font-size:13px;line-height:1.3;display:grid}.my-row:last-child{border-bottom:0}.my-row-t{color:var(--mwa-muted);font-variant-numeric:tabular-nums;font-weight:600}.my-row b{align-items:center;gap:6px;font-weight:800;display:flex}.my-row b:before{content:"";background:var(--ink);flex:none;width:8px;height:8px}.my-row-l{color:var(--muted-2)}@container (min-width:480px){.my-row{grid-template-columns:4.4em minmax(0,1fr)}.my-row-t{grid-row:1/3}}.my-ring{background:var(--ink);color:var(--paper);grid-column:2;align-self:end;margin-bottom:5cqw;padding:3.2cqw 3.4cqw;box-shadow:0 30px 60px -30px #00000080}.my-ring-h{align-items:center;gap:8px;font-size:13px;font-weight:800;line-height:1.25;display:flex}.my-ring-mark{width:clamp(18px,4cqw,24px);height:auto;color:var(--paper);flex:none}.my-ring-b{color:var(--paper);opacity:.78;margin-top:6px;font-size:13px;line-height:1.4}@media (max-width:599px){.my-scene{aspect-ratio:100/120;grid-template-columns:57% minmax(0,1fr);column-gap:4%}}@container (max-width:479px){.my-gloss,.my-wrote,.my-app-s,.my-time,.my-row-l{display:none}.my-app{padding:5cqw 4cqw 2.6cqw}.my-callbar{gap:8px;padding:2.6cqw 4cqw}.my-thread{gap:2.4cqw;padding:3.4cqw 3.4cqw 15cqw}.my-bub{padding:1.8cqw 2.6cqw}.my-result{padding:3cqw 4cqw 4.6cqw}.my-log{margin-top:4cqw;padding:4cqw 4cqw 2cqw}.my-ring{margin-bottom:6cqw;padding:4cqw}.my-ring-h{align-items:flex-start}}.art-js .my-scene:not(.is-play) :is(.my-thread>*,.my-wrote,.my-result,.my-row,.my-ring){visibility:hidden;animation:1ms 4.5s forwards my-show}@keyframes my-show{to{visibility:visible}}.my-scene.is-play .my-row:not(.is-on) :is(b,.my-row-l){color:#0000;background:var(--surface-2);border-radius:1px;width:70%}.my-scene.is-play .my-row:not(.is-on) .my-row-l{width:90%}.my-scene.is-play .my-row:not(.is-on) b:before{visibility:hidden}.my-scene.is-play .my-row.is-on :is(b,.my-row-l){animation:my-in .42s var(--mwa-ease) both}.my-scene.is-play .my-row.is-live b:before{background:var(--beacon);border-radius:50%}.my-scene.is-play .my-ring{visibility:hidden;transition:transform .42s cubic-bezier(.34,1.56,.64,1),visibility 0s linear .42s;transform:translateY(12px)scale(.96)}.my-scene.is-play .my-ring.is-on{visibility:visible;transition:transform .42s cubic-bezier(.34,1.56,.64,1),visibility;transform:none}.my-scene.is-play .my-result{visibility:hidden}.my-scene.is-play .my-result.is-on{visibility:visible;animation:my-up .42s var(--mwa-ease) both}.my-scene.is-play .my-msg{animation:my-in .36s var(--mwa-ease) both}.my-scene.is-play .my-wrote{visibility:hidden;transition:transform .52s var(--mwa-ease), visibility 0s linear .52s;transform:translateY(130%)}.my-scene.is-play .my-wrote.is-on{visibility:visible;transition:transform .52s var(--mwa-ease), visibility 0s;transform:none}@keyframes my-in{0%{opacity:0;transform:translateY(8px)}}@keyframes my-up{0%{transform:translateY(100%)}}.my-scene.is-talk .my-meter .lb-b{animation:.52s ease-in-out infinite alternate my-talk}.my-scene.is-talk .my-meter .lb-b2{animation-delay:-180ms}.my-scene.is-talk .my-meter .lb-b3{animation-delay:-340ms}@keyframes my-talk{0%{transform:scaleY(.35)}to{transform:scaleY(1)}}.my-scene.is-ringing .my-meter .lb-b{animation:.7s ease-in-out infinite my-ringb}.my-scene.is-ringing .my-meter .lb-b2{animation-delay:.12s}.my-scene.is-ringing .my-meter .lb-b3{animation-delay:.24s}@keyframes my-ringb{0%,to{transform:scaleY(1)}30%{transform:scaleY(.55)}}.my-scene.is-ringing .my-state{color:var(--ink)}.my-path{--gap:28px}.my-track{height:clamp(116px,13vw,190px);margin-top:clamp(4px,1vw,12px);padding-top:34px;position:relative;overflow:hidden}.my-wave{align-items:flex-end;gap:clamp(1px,.25vw,4px);display:flex;position:absolute;inset:34px 0 4px}.my-wave i{min-width:0;height:var(--h);background:var(--line-strong);flex:1}.my-wave-in i{background:var(--ink)}.my-wave-in{clip-path:inset(-2px 0)}.my-base{background:var(--ink);height:4px;position:absolute;bottom:0;left:0;right:0}.my-mark,.my-head{width:100%;position:absolute;top:0;bottom:0;left:0}.my-mark{width:auto;left:calc((100% + var(--gap)) * var(--k) / 5);pointer-events:none}.my-mark b{background:var(--ink);width:26px;height:26px;color:var(--paper);font-variant-numeric:tabular-nums;place-items:center;font-size:13px;font-weight:800;display:grid}.my-mark:after{content:"";background:var(--ink);opacity:.18;width:2px;position:absolute;top:26px;bottom:4px;left:0}.my-head{pointer-events:none;transform:translateX(calc((100% + var(--gap)) * 4 / 5 + 13px))}.my-head:before{content:"";background:var(--beacon);width:2px;position:absolute;top:30px;bottom:4px;left:-1px}.my-head-dot{background:var(--beacon);border-radius:50%;width:18px;height:18px;position:absolute;top:20px;left:-9px}.my-steps{gap:18px var(--gap);grid-template-columns:minmax(0,1fr);margin-top:clamp(22px,2.6vw,36px);margin-bottom:clamp(40px,5vw,72px);display:grid}@media (min-width:900px){.my-steps{grid-template-columns:repeat(5,minmax(0,1fr))}}.my-step{grid-template-columns:26px minmax(0,1fr);align-items:baseline;column-gap:14px;display:grid}@media (min-width:900px){.my-step{grid-template-columns:minmax(0,1fr)}.my-step-n{display:none}}.my-step-n{background:var(--ink);width:26px;height:26px;color:var(--paper);font-variant-numeric:tabular-nums;grid-row:1/3;align-self:start;place-items:center;font-size:13px;font-weight:800;display:grid}@media (min-width:900px){.my-step-n{grid-row:auto}}.my-step h3{font-size:var(--fs-h3);letter-spacing:-.02em;font-weight:800;line-height:1.2}.my-step p{color:var(--muted-2);text-wrap:pretty;margin-top:6px}.my-step h3{background:linear-gradient(var(--ink), var(--ink)) 0 100% / 0 3px no-repeat;width:fit-content;padding-bottom:4px}.my-track.is-play .my-wave-in{transition:clip-path 1.3s var(--ease-move)}.my-track.is-play .my-head{transition:transform 1.3s var(--ease-move)}.my-track.is-play .my-mark b{transition:background-color .24s,color .24s,box-shadow .24s}.my-track.is-play .my-mark:not(.is-on) b,.my-steps.is-play .my-step:not(.is-on) .my-step-n{background:var(--paper);color:var(--ink);box-shadow:inset 0 0 0 2px var(--ink)}.my-steps.is-play .my-step h3{transition:background-size .7s var(--mwa-ease)}.my-steps.is-play .my-step.is-on h3{background-size:100% 3px}.my-facts{max-width:980px}.my-ask-grid{grid-template-columns:minmax(0,1fr);gap:clamp(32px,4vw,72px);display:grid}@media (min-width:1024px){.my-ask-grid{grid-template-columns:minmax(0,5fr) minmax(0,7fr)}.my-ask-head{align-self:start;position:sticky;top:112px}}.my-ask-call{border-top:1px solid var(--night-line);align-items:center;gap:18px;margin-top:clamp(26px,3vw,40px);padding-top:22px;display:flex}.my-ask-mark{width:48px;height:auto;color:var(--on-band);flex:none}.my-ask-num{letter-spacing:-.02em;color:var(--on-band);font-variant-numeric:tabular-nums;font-size:clamp(26px,2.6vw,36px);font-weight:800;line-height:1.1;text-decoration:none;display:inline-block}.my-ask-num:hover{text-decoration:underline;-webkit-text-decoration-color:var(--beacon);text-decoration-color:var(--beacon);text-underline-offset:6px;text-decoration-thickness:3px}.my-ask-call p{color:var(--night-muted);font-size:var(--fs-small);margin-top:4px}.my-ask .pg-call{color:var(--on-band);-webkit-text-decoration-color:var(--night-line);text-decoration-color:var(--night-line)}.my-ask .pg-call:hover{-webkit-text-decoration-color:var(--beacon);text-decoration-color:var(--beacon)}.my-qa{gap:clamp(22px,2.6vw,34px);display:grid}.my-pair{gap:10px;display:grid}.my-q,.my-a{flex-direction:column;gap:5px;max-width:min(100%,34em);display:flex}.my-a{text-align:left;justify-self:end;align-items:flex-end}.my-qa-l{color:var(--night-muted);font-size:13px;font-weight:700}.my-q p,.my-a p{font-size:var(--fs-body);text-wrap:pretty;border-radius:4px;padding:12px 16px;line-height:1.45}.my-q p{color:var(--on-band);letter-spacing:-.01em;border:1px solid #fff;font-size:clamp(18px,1.5vw,22px);font-weight:800;line-height:1.3}.my-a p{color:#111;background:#fff}.my-qa.is-armed .my-pair:not(.is-on)>*{visibility:hidden}.my-qa.is-armed .my-pair.is-on .my-q{animation:my-in .42s var(--mwa-ease) both}.my-qa.is-armed .my-pair.is-on .my-a{animation:my-in .42s var(--mwa-ease) .38s both}@media (prefers-reduced-motion:reduce){.my-typing i{animation:none}}@media (forced-colors:active){.my-phone{border:2px solid canvastext}.my-ai .my-bub,.my-result,.my-ring{border:1px solid canvastext}}.my-scene.is-paused,.my-scene.is-paused *{animation-play-state:paused!important}
