.sim{--brand:#5967e9;--brand-2:#8774e7;--brand-tint:#eef0ff;--brand-ink:#3c47b8;--navy:#121d35;--ok:#2fa37f;--warn:#d0812a;--amber:#d0812a;--cobalt:#5967e9;--teal:#8774e7;--surface:#fafbfe;--line-2:#e0e4ee;--text:#22314b;--text2:#5d6575;--text3:#8a91a6}.sim p{max-width:none}.sim .picker-h{margin-bottom:14px}.sim .picker-h p{letter-spacing:.14em;text-transform:uppercase;color:var(--text3);margin:0;font-size:11px;font-weight:700}.sim .picker-h p span{letter-spacing:.06em}.sim .scen{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;display:grid}.sim .sc{text-align:left;font:inherit;color:inherit;cursor:pointer;background:#fff;border:1px solid #e7e9f1;border-radius:18px;gap:8px;padding:18px 20px 20px;transition:border-color .2s,box-shadow .2s,transform .2s;display:grid;position:relative;overflow:hidden}.sim .sc:hover{transform:translateY(-2px);box-shadow:0 18px 40px #20284211}.sim .sc[aria-pressed=true]{border-color:var(--brand);box-shadow:0 0 0 3px var(--brand-tint), 0 18px 40px #20284211}.sim .tag{letter-spacing:.12em;text-transform:uppercase;color:#6973dc;justify-self:start;font-size:10px;font-weight:700}.sim .sc b{font-family:var(--serif);color:#1b2641;font-size:22px;font-weight:400;line-height:1.15}.sim .sc span.p{color:var(--text2);font-size:13px;line-height:1.45}.sim .sc .prog{height:3px;position:absolute;bottom:0;left:0;right:0}.sim .sc[aria-pressed=true] .prog:after{content:"";background:linear-gradient(90deg, var(--brand), var(--brand-2));transform-origin:0;transform:scaleX(var(--pg,0));transition:transform .6s;position:absolute;inset:0}.sim .stage{border:1px solid var(--line-2);background:#fff;border-radius:26px;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:14px;margin-top:16px;padding:14px;display:grid;box-shadow:0 30px 90px #2027492a}.sim .call{aspect-ratio:4/3.3;background:#1a2639;border-radius:18px;min-height:0;position:relative;overflow:hidden}.sim .call video{-o-object-fit:cover;object-fit:cover;width:100%;height:100%;display:block}.sim .call .nm{z-index:4;color:#fff;background:#111a2bd8;border-radius:30px;align-items:center;gap:7px;padding:6px 13px;font-size:12px;font-weight:600;display:flex;position:absolute;top:14px;left:14px}.sim .call .nm i{background:#5ed1ac;border-radius:50%;width:8px;height:8px;animation:1.4s infinite sim-blink}.sim .call .nm span{color:#c9d2e3;font-weight:400}.sim .pip{z-index:4;aspect-ratio:4/3;background:linear-gradient(160deg,#1b2747,#2a2f63);border:1px solid #ffffff2b;border-radius:14px;place-items:center;width:32%;display:grid;position:absolute;top:14px;right:14px;box-shadow:0 14px 34px #0006}.sim .pip .av{background:linear-gradient(135deg, var(--brand), var(--brand-2));color:#fff;width:54px;height:54px;font-family:var(--serif);border-radius:50%;place-items:center;font-size:22px;display:grid;position:relative}.sim .pip .av:after{content:"";opacity:0;border:2px solid #a6a6ff;border-radius:50%;position:absolute;inset:-8px}.sim .pip.talk .av:after{animation:1.3s ease-out infinite sim-ring}.sim .pip .pn{white-space:nowrap;text-overflow:ellipsis;color:#fff;font-size:11.5px;font-weight:600;position:absolute;bottom:8px;left:10px;right:10px;overflow:hidden}.sim .pip .pn span{color:#aab4cc;font-weight:400}.sim .pip .wave{opacity:0;align-items:center;gap:2px;height:14px;transition:opacity .2s;display:flex;position:absolute;top:10px;left:10px}.sim .pip.talk .wave{opacity:1}.sim .pip .wave b{background:#a6a6ff;border-radius:2px;width:3px;height:4px;animation:.9s ease-in-out infinite sim-wave}.sim .pip .wave b:nth-child(2){animation-delay:.15s}.sim .pip .wave b:nth-child(3){animation-delay:.3s}.sim .pip .wave b:nth-child(4){animation-delay:.45s}.sim .face{z-index:2;opacity:0;border:2px solid #a6a6ff;border-radius:20px;width:38%;height:58%;transition:opacity .3s;position:absolute;top:16%;left:30%}.sim .face.on{opacity:.85}.sim .mk{z-index:4;white-space:nowrap;text-overflow:ellipsis;max-width:calc(100% - 28px);color:var(--text);opacity:0;background:#fff;border-radius:100px;align-items:center;gap:8px;padding:5px 13px 5px 5px;font-size:12.5px;font-weight:600;transition:opacity .35s,transform .35s;display:flex;position:absolute;left:14px;overflow:hidden;transform:translate(-8px);box-shadow:0 10px 26px #0d152a30}.sim .mk.on{opacity:1;transform:none}.sim .mk i{color:#fff;border-radius:50%;flex-shrink:0;place-items:center;width:22px;height:22px;font-size:11px;font-style:normal;display:grid}.sim .mk.ok i{background:var(--ok)}.sim .mk.warn i{background:var(--warn)}.sim .mk small{color:var(--text2);font-weight:500}.sim .cap{z-index:5;color:#fff;background:#101d30ec;border:1px solid #ffffff2b;border-radius:14px;min-height:64px;padding:12px 16px;font-size:15px;line-height:1.45;transition:background .25s;position:absolute;bottom:14px;left:14px;right:14px}.sim .cap.me{background:linear-gradient(110deg,#4758c7f2,#866de2f2)}.sim .cap small{letter-spacing:.12em;text-transform:uppercase;opacity:.75;font-size:10px;font-weight:700;display:block}.sim .side{flex-direction:column;gap:16px;min-height:0;padding:14px 10px 10px 4px;display:flex}.sim .steps{color:var(--text3);flex-wrap:wrap;gap:6px;font-size:12px;font-weight:700;display:flex}.sim .steps span{background:#f4f5fa;border-radius:100px;align-items:center;gap:7px;padding:5px 12px 5px 5px;display:flex}.sim .steps span i{border:1px solid var(--line-2);background:#fff;border-radius:50%;place-items:center;width:20px;height:20px;font-size:10.5px;font-style:normal;display:grid}.sim .steps span.on{background:var(--navy);color:#fff}.sim .steps span.on i{color:var(--navy);background:#fff;border-color:#fff}.sim .steps span.done{background:var(--brand-tint);color:var(--brand-ink)}.sim .steps span.done i{background:var(--brand);border-color:var(--brand);color:#fff}.sim .pane{flex-direction:column;gap:14px;animation:.35s both sim-in;display:none}.sim .pane.on{display:flex}.sim .who{align-items:center;gap:12px;display:flex}.sim .who .av{background:linear-gradient(135deg, var(--brand), var(--brand-2));color:#fff;width:46px;height:46px;font-family:var(--serif);border-radius:50%;flex-shrink:0;place-items:center;font-size:20px;display:grid}.sim .who b{color:var(--text);font-size:14px;display:block}.sim .who span{color:#8390a1;font-size:12px}.sim .brief{color:#343f65;background:#f0f2ff;border-radius:14px;margin:0;padding:16px 18px;font-size:14px;line-height:1.55}.sim .brief small,.sim .lbl{letter-spacing:.12em;text-transform:uppercase;color:#6270df;margin-bottom:4px;font-size:10px;font-weight:700;display:block}.sim .meth{color:var(--text2);flex-wrap:wrap;gap:8px;font-size:12.5px;display:flex}.sim .meth b{color:var(--text);font-weight:700}.sim .said{min-height:60px;font-family:var(--serif);color:var(--navy);margin:0;font-size:clamp(22px,2.1vw,28px);line-height:1.25}.sim .ans{gap:9px;display:grid}.sim .an{text-align:left;font:inherit;color:#22314b;cursor:pointer;background:var(--surface);border:1px solid #e4e7ee;border-radius:12px;gap:3px;padding:13px 16px;font-size:13.5px;font-weight:600;line-height:1.45;transition:background .2s,border-color .2s,transform .2s;display:grid}.sim .an small{letter-spacing:.12em;text-transform:uppercase;color:var(--text3);font-size:10px;font-weight:700}.sim .an:hover{background:var(--brand-tint);border-color:#7e89de;transform:translate(3px)}.sim .an.nudge{animation:1.8s ease-in-out infinite sim-nudge}.sim .hint{color:#adb2bf;margin:0;font-size:11px}.sim .reply{min-height:54px;font-family:var(--serif);color:var(--navy);margin:0;font-size:clamp(20px,1.9vw,24px);line-height:1.3}.sim .heard{background:var(--brand-tint);color:#343f65;border-radius:12px;align-items:flex-start;gap:8px;margin:0;padding:10px 14px;font-size:13px;line-height:1.45;display:flex}.sim .heard i{color:var(--brand);font-style:normal;font-weight:700}.sim .score{border-top:1px solid var(--line-2);align-items:flex-end;gap:14px;padding-top:14px;display:flex}.sim .score b{font-family:var(--serif);font-variant-numeric:tabular-nums;color:#6770e8;font-size:60px;font-weight:400;line-height:.9}.sim .score span{color:var(--text2);padding-bottom:4px;font-size:13.5px}.sim .bars2{grid-template-columns:1fr 1fr;gap:16px;display:grid}.sim .bars2 .lbl{align-items:center;gap:6px;display:flex}.sim .bars2 .lbl i{border-radius:50%;width:7px;height:7px}.sim .sbar{color:var(--text);grid-template-columns:minmax(0,1fr) 26px;align-items:center;gap:3px 8px;margin-bottom:7px;font-size:12.5px;display:grid}.sim .sbar u{background:#e3e6f2;border-radius:6px;grid-column:1/-1;height:6px;text-decoration:none;display:block;position:relative;overflow:hidden}.sim .sbar u:after{content:"";width:var(--v,0%);background:var(--c,var(--brand));border-radius:6px;transition:width .8s cubic-bezier(.2,.8,.2,1),background .3s;position:absolute;inset:0 auto 0 0}.sim .sbar b{text-align:right;font-variant-numeric:tabular-nums;font-weight:700}.sim .tip{color:#343f65;background:#f7f8fc;border-radius:12px;margin:0;padding:12px 16px;font-size:13.5px}.sim .tip b{color:var(--brand-ink)}.sim .again{flex-wrap:wrap;gap:18px;display:flex}.sim .again button{font:inherit;color:#5663d2;cursor:pointer;background:0 0;border:0;padding:0;font-size:13px;font-weight:700}.sim .again button:hover{color:var(--brand-ink);text-decoration:underline}@media (width<=1000px){.sim .stage{grid-template-columns:minmax(0,1fr)}.sim .call{aspect-ratio:4/3}.sim .side{padding:6px 6px 8px}}@media (width<=860px){.sim .scen{grid-template-columns:1fr 1fr}}@media (width<=560px){.sim .scen{scroll-snap-type:x mandatory;scrollbar-width:none;margin-inline:-16px;padding:2px 16px 8px;scroll-padding-inline:16px;display:flex;overflow-x:auto}.sim .scen::-webkit-scrollbar{display:none}.sim .sc{scroll-snap-align:start;flex:0 0 74%}.sim .stage{border-radius:20px;padding:10px}.sim .pip{width:40%}.sim .pip .av{width:40px;height:40px;font-size:17px}.sim .mk{font-size:11.5px}.sim .mk small{display:none}.sim .cap{min-height:56px;font-size:13.5px}.sim .bars2{grid-template-columns:1fr}}@media (prefers-reduced-motion:reduce){.sim *,.sim :before,.sim :after{transition:none!important;animation:none!important}}@keyframes sim-in{0%{opacity:0;transform:translateY(6px)}}@keyframes sim-ring{0%{opacity:.6;transform:scale(.92)}to{opacity:0;transform:scale(1.3)}}@keyframes sim-blink{50%{opacity:.35}}@keyframes sim-wave{0%,to{height:4px}50%{height:14px}}@keyframes sim-nudge{0%,to{box-shadow:0 0 #5967e900}50%{border-color:#7e89de;box-shadow:0 0 0 4px #5967e92e}}
