.ms-card{--b:#e2492f;--ms-surface:#fff;--ms-ink:#15171c;--ms-muted:#6a7080;--ms-line:#dde1e8;--ms-chip:#f2f4f7;--ms-shadow:0 1px 2px #1418230f,0 10px 30px -12px #1418232e;--ms-shadow-h:0 2px 4px #1418230f,0 28px 50px -18px #14182352;color:var(--ms-ink);background:var(--ms-surface);box-shadow:var(--ms-shadow);box-sizing:border-box;direction:rtl;border-radius:22px;flex-direction:column;height:100%;font-family:inherit;transition:transform .45s cubic-bezier(.2,.8,.2,1),box-shadow .45s;display:flex;overflow:hidden}.ms-card *,.ms-card :before,.ms-card :after{box-sizing:border-box}.ms-card:hover{box-shadow:var(--ms-shadow-h);transform:translateY(-8px)}.ms-stage{background:radial-gradient(120% 80% at 50% 120%,color-mix(in srgb,var(--b)75%,#000)0%,transparent 60%),radial-gradient(60% 50% at 85% 10%,color-mix(in srgb,var(--b)40%,#fff)0%,transparent 70%),var(--b);height:330px;position:relative;overflow:hidden}.ms-stage:after{content:"";opacity:.18;pointer-events:none;background-image:radial-gradient(#ffffff8c 1px,#0000 1.2px);background-size:14px 14px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#000,#0000 70%);mask-image:linear-gradient(#000,#0000 70%)}.ms-phone{z-index:1;background:#0b0c0f;border-radius:30px;width:178px;height:360px;padding:8px;transition:transform .6s cubic-bezier(.2,.8,.2,1);position:absolute;bottom:-70px;left:50%;transform:translate(-50%)rotate(-4deg);box-shadow:0 30px 40px -10px #00000073,inset 0 0 0 1.5px #2b2e36}.ms-card:hover .ms-phone{transform:translate(-50%)translateY(-34px)rotate(0)}.ms-phone:before{content:"";z-index:3;background:#0b0c0f;border-radius:10px;width:54px;height:15px;position:absolute;top:13px;left:50%;transform:translate(-50%)}.ms-screen{background:#fff;border-radius:23px;width:100%;height:100%;position:relative;overflow:hidden}.ms-scroll{transition:transform 6s cubic-bezier(.45,0,.55,1)}.ms-card:hover .ms-scroll{transform:translateY(min(0px,344px - 100%))}.ms-scroll img{border-radius:0;width:100%;max-width:none;height:auto;display:block}.ms-badge{z-index:2;color:#fff;-webkit-backdrop-filter:blur(8px);background:#ffffff2e;border-radius:999px;padding:4px 12px;font-size:12.5px;font-weight:700;line-height:1.7;position:absolute;top:16px;right:16px;box-shadow:inset 0 0 0 1px #ffffff59}.ms-card .ms-qr-btn{z-index:2;cursor:pointer;color:#15171c;background:#fff;border:0;border-radius:14px;place-items:center;width:42px;height:42px;padding:0;transition:transform .25s;display:grid;position:absolute;top:12px;left:12px;box-shadow:0 6px 16px #0000002e}.ms-card .ms-qr-btn:hover{color:#15171c;background:#fff;transform:scale(1.08)}.ms-card button:focus-visible,.ms-card a:focus-visible{outline:3px solid color-mix(in srgb,var(--b)60%,#fff);outline-offset:2px}.ms-qr{z-index:4;background:color-mix(in srgb,var(--b)88%,#000);color:#fff;text-align:center;clip-path:circle(0 at 34px 34px);flex-direction:column;justify-content:center;align-items:center;gap:10px;padding:20px;transition:clip-path .55s cubic-bezier(.7,0,.2,1);display:flex;position:absolute;inset:0}.ms-card.qr-open .ms-qr{clip-path:circle(150% at 34px 34px)}.ms-qr-box{background:#fff;border-radius:16px;place-items:center;width:160px;height:160px;padding:10px;display:grid}.ms-qr-box svg{width:100%;height:100%}.ms-qr p{opacity:.92;color:#fff;margin:0;font-size:13px}.ms-card .ms-qr-close{cursor:pointer;color:#fff;background:#ffffff29;border:0;border-radius:12px;width:36px;height:36px;padding:0;font-size:20px;line-height:1;position:absolute;top:12px;left:12px}.ms-body{flex-direction:column;flex:1;gap:14px;padding:20px 20px 22px;display:flex}.ms-id{align-items:center;gap:12px;display:flex}.ms-logo{background:var(--b);color:#fff;width:46px;height:46px;box-shadow:0 0 0 3px var(--ms-surface),0 0 0 4px var(--ms-line);border-radius:14px;flex:none;place-items:center;font-size:20px;font-weight:800;display:grid;overflow:hidden}.ms-logo img{object-fit:cover;background:#fff;width:100%;height:100%}.ms-card .ms-title{color:var(--ms-ink);margin:0;font-size:20px;font-weight:800;line-height:1.4}.ms-meta{color:var(--ms-muted);align-items:center;gap:6px;font-size:12.5px;line-height:1.6;display:flex}.ms-live{background:#22b07d;border-radius:50%;flex:none;width:7px;height:7px;animation:2s infinite ms-pulse;box-shadow:0 0 #22b07d99}@keyframes ms-pulse{70%{box-shadow:0 0 0 7px #fff0}to{box-shadow:0 0 #fff0}}.ms-card .ms-feats{flex-wrap:wrap;gap:6px;margin:0;padding:0;list-style:none;display:flex}.ms-card .ms-feats li{background:var(--ms-chip);border-radius:9px;align-items:center;gap:5px;margin:0;padding:4px 10px;font-size:12.5px;font-weight:500;line-height:1.7;display:flex}.ms-card .ms-feats li:before{content:"";background:var(--b);border-radius:2px;width:6px;height:6px;transform:rotate(45deg)}.ms-quote{color:var(--ms-muted);border-top:1px dashed var(--ms-line);margin:0;padding-top:12px;font-size:13px}.ms-cta{gap:8px;margin-top:auto;display:flex}.ms-card .ms-btn{border-radius:13px;flex:1;justify-content:center;align-items:center;gap:8px;padding:11px 14px;font-size:14px;font-weight:700;line-height:1.6;text-decoration:none;transition:background .25s,color .25s;display:inline-flex}.ms-card .ms-btn.primary,.ms-card .ms-btn.primary:visited{background:var(--b);color:#fff}.ms-card .ms-btn.primary:hover{background:color-mix(in srgb,var(--b)82%,#000);color:#fff}.ms-card .ms-btn.ghost,.ms-card .ms-btn.ghost:visited{color:var(--ms-ink);background:var(--ms-chip);flex:none}.ms-card .ms-btn.ghost:hover{background:var(--ms-line);color:var(--ms-ink)}.ms-btn svg{transition:transform .25s}.ms-btn.primary:hover svg{transform:translate(-4px)}@media (hover:none){.ms-card:hover{transform:none}.ms-phone,.ms-card:hover .ms-phone{transform:translate(-50%)translateY(-20px)rotate(0)}.ms-card.in-view .ms-scroll{animation:9s ease-in-out 1s infinite alternate ms-peek}}@keyframes ms-peek{0%,15%{transform:translateY(0)}85%,to{transform:translateY(min(0px,344px - 100%))}}@media (prefers-reduced-motion:reduce){.ms-card,.ms-phone,.ms-scroll,.ms-qr{transition:none!important;animation:none!important}.ms-live{animation:none}}