/* B258: the home hero, Viktor-plain: where it works, what it does in one line, and the work happening in Teams */
.hx2-where{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 22px}
.hx2-where span{display:inline-flex;align-items:center;gap:8px;padding:7px 12px;border-radius:999px;background:rgba(255,255,255,.75);box-shadow:inset 0 0 0 1px rgba(10,22,51,.1);font:500 13.5px/1 var(--px-sans);color:var(--sx-ink)}
.hx2-where span:first-child::before{content:"";width:8px;height:8px;border-radius:50%;background:#5b5fc7}
.hx2-where span:last-child::before{content:"";width:8px;height:8px;border-radius:50%;background:var(--sx-blue)}
.hx2 h1{max-width:11ch}
.hx2-win{position:relative;border-radius:16px;background:#fff;overflow:hidden;box-shadow:0 50px 100px -30px rgba(11,21,48,.45),0 0 0 1px rgba(11,21,48,.07)}
.hx2-bar{display:flex;align-items:center;gap:6px;height:40px;padding:0 14px;background:#f3f4fa;border-bottom:1px solid var(--sx-line)}
.hx2-bar i{width:9px;height:9px;border-radius:50%;background:#d6dbe6}
.hx2-bar span{margin-left:10px;font:600 13.5px/1 var(--px-sans);color:var(--sx-ink)}
.hx2-bar em{margin-left:auto;font:normal 500 12px/1 var(--px-sans);color:#5b5fc7}
.hx2-chat{padding:20px 22px 22px;gap:14px;min-height:520px;align-content:start}
.hx2-card{max-width:none}
.hx2-ct{display:flex;justify-content:space-between;align-items:center;margin:0 0 10px!important;font:600 14px/1.3 var(--px-sans);color:var(--sx-ink)}
.hx2-ct span{font:500 11.5px/1 var(--px-sans);padding:4px 8px;border-radius:99px;background:#e8efff;color:var(--sx-blue)}
.hx2-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:0 0 10px}
.hx2-stats div{padding:10px;border-radius:10px;background:var(--sx-mist)}
.hx2-stats dt{font:400 11.5px/1.3 var(--px-sans);color:var(--sx-slate)}
.hx2-stats dd{margin:4px 0 0;font:600 20px/1 var(--px-sans);letter-spacing:-.02em;color:var(--sx-ink)}
/* the live app inside the apps grid */
.sx-t-app .sx-app-frame{width:100%!important;max-width:none;margin:18px 0 0;border-radius:12px}
.sx-t-app{padding-bottom:0}
.sx-t-app .sx-more{margin:16px 0 24px}
.hx2-code{margin:16px 0 0;padding:16px;border-radius:12px;background:var(--sx-night);color:#e6ecfb;font:400 12.5px/1.6 ui-monospace,SFMono-Regular,Menlo,monospace;white-space:pre-wrap;word-break:break-word}
@media (max-width:1099px){.hx2-chat{min-height:0}.hx2 h1{max-width:none}}
@media (max-width:640px){.hx2-win{margin-top:8px}.hx2-chat{padding:14px}.hx2-stats dd{font-size:17px}}