/* Робот-ассистент */
.rbt{position:relative;display:grid;justify-items:center;width:100%;max-width:420px;margin:0 auto;padding-top:96px;-webkit-user-select:none;user-select:none;cursor:pointer}
.rbt-stage{position:relative;width:min(100%,250px)}
.rbt-svg{display:block;width:100%;height:auto;overflow:visible}
.rbt-svg *{transform-box:fill-box}
.r-float{animation:rb-float 3.6s ease-in-out infinite}
.r-shadow{transform-origin:center;animation:rb-shadow 3.6s ease-in-out infinite}
.r-jet{transform-origin:center;animation:rb-jet 1.2s ease-in-out infinite}
.r-head{transform-origin:50% 100%;animation:rb-head 7s ease-in-out infinite}
.r-eyes{transition:transform .25s ease-out}
.r-eye{transform-origin:center;transition:transform .08s}
.blink .r-eye{transform:scaleY(.1)}
.r-ant{animation:rb-ant 2.4s ease-in-out infinite}
.r-core{transform-origin:center;animation:rb-core 2s ease-in-out infinite}
.r-mouth{transform-origin:center;transition:transform .2s}
.talk .r-mouth{animation:rb-talk .22s ease-in-out infinite alternate}
.r-armL{transform-origin:50% 8%;transition:transform .5s cubic-bezier(.3,1.4,.5,1)}
.r-armR{transform-origin:50% 8%;transition:transform .5s cubic-bezier(.3,1.4,.5,1)}
.wave .r-armL{animation:rb-wave 1.1s ease-in-out 2}
.point .r-armR{transform:rotate(-115deg)}
.nod .r-head{animation:rb-nod .9s ease-in-out}
.rbt-say{position:absolute;left:0;top:0;max-width:78%;padding:12px 16px;border-radius:20px 20px 20px 6px;background:#fff;box-shadow:0 14px 34px rgba(22,19,58,.12);font:600 15px/1.35 "Onest",sans-serif;color:var(--ink,#16133a);opacity:0;transform:translateY(8px) scale(.96);transition:opacity .3s,transform .3s;z-index:3}
.rbt-say.on{opacity:1;transform:none}
.rbt-say span::after{content:"";display:inline-block;width:2px;height:1em;margin-left:2px;vertical-align:-2px;background:currentColor;opacity:0}
.talk .rbt-say span::after{opacity:.6}
.rbt-cards{position:absolute;right:0;top:52%;width:190px;z-index:2;pointer-events:none}
.rbt:has(.rbt-cards) .rbt-stage{margin-right:120px}
.rbt-cards > *{position:absolute;right:0;top:0;width:100%;padding:12px 14px;border-radius:16px;background:rgba(255,255,255,.78);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.9);box-shadow:0 14px 30px rgba(91,69,255,.16);opacity:0;transform:translateX(16px) scale(.94);transition:opacity .35s,transform .35s;font:500 13px/1.3 "Onest",sans-serif;color:var(--ink,#16133a)}
.rbt-cards > .on{opacity:1;transform:none}
.rbt-cards small{display:block;color:var(--soft2,#5d5a7e);font-size:12px}
.rbt-cards b{display:block;font-size:20px;font-weight:800;color:var(--acc,#5b45ff);margin:2px 0}
.rbt-cards .hc-k{font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--soft2,#5d5a7e)}
.rbt-cards .bars{display:flex;align-items:flex-end;gap:5px;height:38px;margin-top:8px}
.rbt-cards .bars i{flex:1;border-radius:4px 4px 2px 2px;background:linear-gradient(180deg,#7b68ff,#5b45ff);animation:rb-bar 2.4s ease-in-out infinite;animation-delay:calc(var(--n)*-.3s)}
.rbt-cards .q{display:block;padding:7px 10px;border-radius:12px 12px 12px 4px;background:#f1effd;margin:6px 0 6px;font-size:12.5px}
.rbt-cards .a{display:block;padding:7px 10px;border-radius:12px 12px 4px 12px;background:var(--acc,#5b45ff);color:#fff;margin-left:18px;font-size:12.5px}
.rbt-cards .ok{display:flex;align-items:center;gap:8px;margin-top:6px}
.rbt-cards .ok::before{content:"";flex:none;width:18px;height:18px;border-radius:50%;background:#2ecc9a url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='3.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12l5 5 9-10'/%3E%3C/svg%3E") center/11px no-repeat}
@keyframes rb-float{0%,100%{transform:translateY(0)}50%{transform:translateY(-10px)}}
@keyframes rb-shadow{0%,100%{transform:scaleX(1);opacity:.18}50%{transform:scaleX(.82);opacity:.1}}
@keyframes rb-jet{0%,100%{transform:scale(1);opacity:.9}50%{transform:scale(1.15,1.3);opacity:.6}}
@keyframes rb-head{0%,40%,100%{transform:rotate(0)}48%{transform:rotate(-5deg)}56%{transform:rotate(4deg)}64%{transform:rotate(0)}}
@keyframes rb-ant{0%,100%{fill:#ff7ab6}50%{fill:#ffb020}}
@keyframes rb-core{0%,100%{opacity:1}50%{opacity:.55}}
@keyframes rb-talk{from{transform:scale(1,1)}to{transform:scale(.7,3)}}
@keyframes rb-wave{0%,100%{transform:rotate(0)}25%{transform:rotate(150deg)}50%{transform:rotate(120deg)}75%{transform:rotate(150deg)}}
@keyframes rb-nod{0%,100%{transform:rotate(0)}30%{transform:rotate(-6deg) translateY(2px)}60%{transform:rotate(3deg)}}
@keyframes rb-bar{0%,100%{height:40%}50%{height:100%}}
/* вариант в строку: робот слева, речь и карточки справа */
.rbt.rbt-row{max-width:none;justify-items:start;grid-template-columns:200px minmax(0,1fr);grid-template-rows:auto 1fr;align-items:start;column-gap:28px;padding:28px 32px;background:#fff;border:1px solid var(--line,#e0dee7);border-radius:28px}
.rbt-row .rbt-stage{grid-row:1/3;grid-column:1;margin:0!important;width:100%}
.rbt-row .rbt-say{position:relative;grid-column:2;grid-row:1;max-width:none;align-self:end;margin-top:30px;background:#f1effd;box-shadow:none;font-size:clamp(17px,1.6vw,22px)}
.rbt-row .rbt-cards{position:relative;display:grid;grid-column:2;grid-row:2;top:auto;right:auto;width:min(100%,300px);margin-top:16px}
.rbt-row .rbt-cards > *{position:relative;grid-area:1/1;left:auto;right:auto}
.rbt-row .rbt-k{position:absolute;right:28px;top:24px;font:700 12px/1 "Onest",sans-serif;letter-spacing:.14em;text-transform:uppercase;color:var(--acc,#5b45ff)}
@media(max-width:640px){.rbt{padding-top:84px}.rbt:has(.rbt-cards) .rbt-stage{margin-right:70px}.rbt.rbt-row{grid-template-columns:110px minmax(0,1fr);padding:20px 16px;column-gap:14px}.rbt-row .rbt-say{font-size:15px;margin-top:24px}.rbt-row .rbt-k{right:16px;top:16px}.rbt-say{font-size:14px;max-width:86%}.rbt-cards{width:160px}}
@media(prefers-reduced-motion:reduce){.rbt *{animation:none!important;transition:none!important}}