/* NordSvar demo-komponent */
.nsd .win{width:480px;height:760px;background:#fff;border-radius:22px;box-shadow:0 30px 80px rgba(13,37,64,.28),0 2px 6px rgba(13,37,64,.08);display:flex;flex-direction:column;overflow:hidden;position:relative}
.nsd .hd{padding:16px 20px;border-bottom:1px solid #edf0f3;display:flex;justify-content:space-between;align-items:center}
.nsd .logo{font-weight:500;letter-spacing:.22em;font-size:17px;display:flex;align-items:center;gap:9px}.logo svg{width:24px;height:24px}
.nsd .ctl{display:flex;gap:6px}.ctl i{width:26px;height:26px;border-radius:8px;background:#f3f5f8;display:grid;place-items:center;font-style:normal;font-size:12px;color:#7b8a9b}
.nsd .msgs{flex:1;padding:18px 18px 8px;display:flex;flex-direction:column;gap:12px;overflow:hidden;justify-content:flex-end}
.nsd .msgs>*{flex:none}
.nsd .intro{text-align:center;font-size:11.5px;color:#8a97a8;line-height:1.5;padding:0 18px;animation:in .5s both}.intro .lg{display:inline-block;background:#0d2540;color:#fff;letter-spacing:.22em;font-size:13px;padding:8px 18px;border-radius:6px;margin-bottom:12px}
.nsd .row{display:flex;gap:10px;align-items:flex-start;animation:in .35s ease both}.row.me{justify-content:flex-end}
.nsd .av{width:26px;height:26px;border-radius:50%;background:linear-gradient(140deg,#2ec4b6,#2c6fd1);color:#fff;display:grid;place-items:center;font-size:12px;flex:none;margin-top:2px}
.nsd .m{max-width:80%;padding:12px 16px;border-radius:16px;font-size:14.5px;line-height:1.5}.me .m{background:#d9f3ef;border-bottom-right-radius:5px}.bot .m{background:#f2f4f7;border-top-left-radius:5px}
.nsd .caret:after{content:"";display:inline-block;width:2px;height:15px;background:#0d2540;margin-left:2px;vertical-align:-2px;animation:bl .8s infinite}
.nsd .st{font-size:13px;color:#7b8a9b;display:flex;gap:8px;align-items:center;margin-left:36px;animation:in .3s both}.st b{font-weight:400;background:linear-gradient(90deg,#9aa7b6 30%,#0d2540 50%,#9aa7b6 70%);background-size:200%;-webkit-background-clip:text;color:transparent;animation:sh 1.4s linear infinite}
.nsd .chips{display:flex;gap:8px;flex-wrap:wrap;margin-left:36px;animation:in .4s both}.chip{border:1px solid #c9dde3;border-radius:99px;padding:9px 16px;font-size:13.5px;background:#fff;transition:.15s}.chip.hot{background:#0d2540;color:#fff}
.nsd .car{display:flex;gap:12px;margin-left:36px;animation:in .45s both}
.nsd .pr{width:190px;border:1px solid #e6ebf0;border-radius:18px;overflow:hidden;background:#fff;box-shadow:0 6px 18px rgba(13,37,64,.06)}.pr .im{height:150px;background:linear-gradient(160deg,#f2f6f8,#e3ecf0);display:grid;place-items:center}.pr .im svg{width:150px;height:150px}
.nsd .pr .tx{padding:12px 14px 14px}.pr b{display:block;font-weight:500;font-size:14px}.pr .pp{font-size:13px;color:#4b5d70;margin:3px 0 10px;display:flex;justify-content:space-between}.ok{color:#17794f}.lo{color:#9a5b00}
.nsd .pr .bt{text-align:center;background:#0d2540;color:#fff;border-radius:99px;padding:8px;font-size:12.5px}
.nsd .tb{margin-left:36px;border:1px solid #e6ebf0;border-radius:18px;overflow:hidden;font-size:13px;animation:in .45s both;background:#fff}
.nsd .tb .h{display:flex;background:#f6f9fa}.tb .h div,.tb .r div{padding:10px 12px}.tb .h div:first-child,.tb .r div:first-child{width:28%;color:#7b8a9b}.tb .h div:not(:first-child),.tb .r div:not(:first-child){flex:1}.tb .h svg{width:46px;height:46px;display:block;margin-bottom:2px}.tb .r{display:flex;border-top:1px solid #edf0f3}
.nsd .sz{margin-left:36px;border:1px solid #e6ebf0;border-radius:18px;padding:16px;background:#fff;animation:in .45s both;font-size:13px}.sz .sc{display:flex;gap:8px;margin-top:12px}.sz .sc div{flex:1;text-align:center;border:1px solid #dfe6ec;border-radius:10px;padding:10px 0;color:#7b8a9b;transition:.4s}.sz .sc .on{background:#2ec4b6;color:#fff;border-color:#2ec4b6;font-weight:500}
.nsd .od{margin-left:36px;border:1px solid #e6ebf0;border-radius:18px;padding:16px;background:#fff;animation:in .45s both;font-size:13px}.od .t{display:flex;justify-content:space-between;align-items:center}.od .t b{font-weight:500;font-size:15px}.od .bd{background:#e4f7f4;color:#0b766b;padding:4px 10px;border-radius:99px;font-size:12px}
.nsd .od .sp{display:flex;margin:18px 0 8px;position:relative}.od .sp:before{content:"";position:absolute;left:12%;right:12%;top:10px;height:3px;background:#e2e8ee}.od .sp .pg{position:absolute;left:12%;top:10px;height:3px;background:#2ec4b6;width:0;transition:width 1.2s}.od .sp div{flex:1;text-align:center;font-size:11.5px;color:#8a97a8;position:relative}.od .sp i{display:block;width:22px;height:22px;border-radius:50%;background:#e2e8ee;margin:0 auto 6px;transition:.4s;position:relative}.od .sp .on{color:#0d2540}.od .sp .on i{background:#2ec4b6}
.nsd .od .it{display:flex;gap:10px;align-items:center;border-top:1px solid #edf0f3;margin-top:12px;padding-top:12px}.od .it svg{width:44px;height:44px;background:#eef3f5;border-radius:10px}.od small{color:#7b8a9b;display:block}
.nsd .bar{margin:6px 16px 8px;border:1px solid #dfe5ea;border-radius:14px;padding:11px 12px;display:flex;align-items:center;gap:10px;font-size:14.5px;min-height:50px;position:relative}.bar .cam{color:#7b8a9b;font-size:17px}.bar em{font-style:normal;flex:1;color:#9aa7b6}.bar .sd{width:30px;height:30px;border-radius:9px;background:#dfe5ea;color:#fff;display:grid;place-items:center;transition:.2s}.bar.has .sd{background:#0d2540}
.nsd .bar .att{width:34px;height:34px;border-radius:8px;overflow:hidden;background:#eee;display:none}.bar .att svg{width:100%;height:100%}
.nsd .ft{text-align:center;font-size:10.5px;color:#9aa7b6;padding:0 0 12px}
.nsd .cur{position:absolute;width:26px;height:26px;z-index:9;transition:left .9s cubic-bezier(.4,.1,.2,1),top .9s cubic-bezier(.4,.1,.2,1);left:700px;top:820px;filter:drop-shadow(0 3px 4px rgba(0,0,0,.3))}
.nsd .rip{position:absolute;width:30px;height:30px;border-radius:50%;border:2px solid #2ec4b6;z-index:8;opacity:0;transform:translate(-50%,-50%)}.rip.go{animation:rp .5s}
.nsd .scan{position:absolute;left:0;right:0;height:3px;background:#2ec4b6;box-shadow:0 0 12px #2ec4b6;animation:sc 1.6s ease-in-out}
.nsd .ph{width:210px;height:200px;border-radius:14px;overflow:hidden;position:relative;background:linear-gradient(170deg,#d9d2c8,#b9b1a7)}
@keyframes in{from{opacity:0;transform:translateY(10px)}}@keyframes bl{50%{opacity:0}}@keyframes sh{to{background-position:-200%}}@keyframes rp{from{opacity:1;transform:translate(-50%,-50%) scale(.4)}to{opacity:0;transform:translate(-50%,-50%) scale(2)}}@keyframes sc{from{top:0}50%{top:calc(100% - 3px)}to{top:0}}

.nsd{position:relative;width:100%;max-width:560px;margin:0 auto;aspect-ratio:760/880;overflow:hidden;border-radius:36px;font-family:Inter,system-ui,sans-serif;color:#0d2540}
.nsd .stage{position:absolute;left:0;top:0;width:760px;height:880px;transform-origin:0 0;display:grid;place-items:center;background:radial-gradient(520px 460px at 6% 6%,#bdeee6,transparent 70%),radial-gradient(540px 480px at 100% 100%,#c9dcf5,transparent 70%),#e8f5f5}
.nsd .cur{left:560px;top:760px}
.nsd *{box-sizing:border-box}
.nsd .msgs>*{flex:none}