.browser{background:#fff;border:1px solid var(--line);border-radius:16px;box-shadow:var(--shadow-lg);overflow:hidden;position:relative;min-height:430px}.browser .bar{display:flex;align-items:center;gap:7px;padding:11px 14px;border-bottom:1px solid var(--line);background:var(--tint-gray)}.browser .bar i{width:11px;height:11px;border-radius:50%;background:var(--line)}.browser .url{margin-left:10px;font-size:11px;color:var(--muted);background:#fff;border:1px solid var(--line);padding:4px 12px;border-radius:100px;flex:1}.browser .page{padding:26px 22px}.browser .page h4{font-size:1.15rem;margin:0 0 6px;max-width:58%;line-height:1.25}.browser .page p{margin:0 0 14px;color:var(--muted);font-size:13.5px;max-width:58%}.browser .ph{height:10px;border-radius:5px;background:var(--tint-gray);margin:8px 0;max-width:52%}.browser .ph.s{max-width:36%}.widget{position:absolute;right:14px;bottom:14px;width:252px;background:#fff;border:1px solid var(--line);border-radius:16px;box-shadow:0 20px 50px #4f46e538;overflow:hidden}.widget .wh{background-image:var(--grad);color:#fff;padding:12px 14px;display:flex;align-items:center;gap:9px}.widget .wh .a{width:28px;height:28px;border-radius:50%;background:#fff;color:var(--indigo-ink);display:grid;place-items:center;font-size:11px;font-weight:800}.widget .wh b{font-size:13px}.widget .wh small{display:block;font-size:10px;opacity:.85}.widget .wb{padding:12px;display:flex;flex-direction:column;gap:7px;background:var(--tint-gray)}.cb{font-size:12.5px;line-height:1.4;padding:7px 10px;border-radius:11px;max-width:88%;opacity:0;animation:pop .45s ease forwards}.cb.msgin{background:#fff;border:1px solid var(--line);align-self:flex-start;border-bottom-left-radius:3px;color:var(--slate)}.cb.msgout{background-image:var(--grad);color:#fff;align-self:flex-end;border-bottom-right-radius:3px}.cb:nth-child(1){animation-delay:.3s}.cb:nth-child(2){animation-delay:.8s}.cb:nth-child(3){animation-delay:1.3s}.cb:nth-child(4){animation-delay:1.8s}@keyframes pop{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}@media (prefers-reduced-motion:reduce){.cb{animation:none;opacity:1}}.sib{margin-top:30px;display:flex;gap:10px;flex-wrap:wrap;align-items:center}.sib .lbl{font-size:11px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:var(--muted)}.sib a{font-size:13.5px;font-weight:700;color:var(--indigo-ink);border:1px solid var(--line);border-radius:100px;padding:7px 14px;background:#fff}.sib a:hover{background:var(--tint-lav)}