.ye-showcase{--ys-blue: #7a9bff;--ys-ink: #0a1021;position:relative;width:100%;max-width:590px;margin:0 auto;color:#f3f6ff;font-family:inherit;isolation:isolate}.ye-showcase *{box-sizing:border-box}.ye-showcase .ys-topline{display:flex;justify-content:space-between;gap:12px;font-size:9px;font-weight:600;letter-spacing:.12em;color:#9caaca;padding:0 12px}.ye-showcase .ys-topline>span:first-child{display:flex;gap:6px;align-items:center;color:#9bb7ff}.ye-showcase .ys-stage{position:relative;height:470px;display:grid;place-items:center;perspective:1100px}.ye-showcase .ys-glow{position:absolute;width:300px;height:330px;border-radius:50%;background:radial-gradient(ellipse,rgba(65,105,255,.24),transparent 70%);z-index:-1}.ye-showcase .ys-orbit{position:absolute;width:420px;height:170px;border:1px solid rgba(121,154,255,.17);border-radius:50%;transform:rotate(-31deg);z-index:-1}.ye-showcase .ys-orbit-two{width:370px;height:250px;transform:rotate(45deg);border-color:#799aff17}.ye-showcase .ys-phone{position:relative;width:248px;height:430px;padding:32px 17px 19px;border:1px solid #8993aa;border-radius:37px;background:linear-gradient(155deg,#19213a,#0b1020 55%,#0e1528);box-shadow:inset 0 0 0 4px #171d2b,inset 0 0 0 5px #3c4357,14px 17px 0 -9px #11192a,15px 18px 0 -9px #57617b,0 35px 55px -24px #000;transform:rotateY(-9deg) rotateX(3deg) rotate(-3deg);animation:ys-float 7s ease-in-out infinite}.ye-showcase .ys-island{position:absolute;top:12px;left:50%;transform:translate(-50%);height:14px;width:69px;border-radius:20px;background:#03050b}.ye-showcase .ys-status{position:absolute;left:24px;right:24px;top:14px;display:flex;justify-content:space-between;font-size:8px;font-weight:700;color:#e0e7fc}.ye-showcase .ys-brand{display:flex;gap:8px;align-items:center;margin:5px 0 18px;font-size:18px;font-weight:700;letter-spacing:-.04em}.ye-showcase .ys-brand>span>span{display:block;font-size:6px;letter-spacing:.18em;font-weight:500;color:#9caaca}.ye-showcase .ys-brandmark{height:29px;width:29px;display:grid;place-items:center;border:1px solid #6c8dde;border-radius:9px;background:linear-gradient(135deg,#607fe7,#25365c);font-size:20px}.ye-showcase .ys-screen{animation:ys-enter .5s ease both}.ye-showcase .ys-eyebrow{display:block;font-size:7px;font-weight:700;letter-spacing:.15em;color:#8dabff;margin-bottom:6px}.ye-showcase .ys-screen h3{font:600 21px/1.12 inherit;letter-spacing:-.045em;margin:0 0 16px;color:#f4f7ff;font-family:inherit;font-size:21px;line-height:1.12}.ye-showcase .ys-service{display:flex;align-items:center;gap:8px;padding:9px;border-radius:12px;background:#171f33;border:1px solid #2b3652;margin-bottom:15px}.ye-showcase .ys-service b,.ye-showcase .ys-order b{display:block;font-size:10px;line-height:1.5}.ye-showcase .ys-service span,.ye-showcase .ys-order span{display:block;font-size:7px;color:#aebbd6}.ye-showcase .ys-service strong{font-size:10px;margin-left:auto}.ye-showcase .ys-service-art{width:33px;height:42px;border-radius:7px;background:linear-gradient(160deg,#a2b5e2,#303f66);position:relative;overflow:hidden;flex-shrink:0}.ye-showcase .ys-service-art span{position:absolute;width:28px;height:11px;border:1px solid #d7e4ff;border-radius:10px;transform:rotate(-35deg);left:9px;top:7px}.ye-showcase .ys-service-art span:nth-child(2){top:18px;left:2px}.ye-showcase .ys-service-art span:nth-child(3){top:29px;left:-5px}.ye-showcase .ys-field-label{font-size:8px;color:#d0daf0;margin-bottom:7px}.ye-showcase .ys-days{display:grid;grid-template-columns:repeat(4,1fr);gap:6px;margin-bottom:13px}.ye-showcase .ys-days>span{display:grid;gap:5px;text-align:center;border:1px solid #29334c;border-radius:10px;padding:8px 0;font-size:6px;color:#a9b5ce}.ye-showcase .ys-days b{font-size:14px;color:#edf1ff}.ye-showcase .ys-days .selected,.ye-showcase .ys-times .selected{border-color:#8baaff;background:#283b69;color:#fff;box-shadow:0 0 18px #4873ef22}.ye-showcase .ys-times{display:grid;grid-template-columns:1fr 1fr;gap:6px;margin-bottom:14px}.ye-showcase .ys-times>span{display:flex;align-items:center;justify-content:center;gap:6px;font-size:8px;border:1px solid #29334c;border-radius:7px;padding:7px;color:#c3cce0}.ye-showcase .ys-demo-action{display:flex;align-items:center;justify-content:space-between;border:1px solid #8facff;background:linear-gradient(115deg,#688bff,#4164d4);border-radius:9px;padding:10px;font-size:9px;font-weight:600;box-shadow:0 5px 20px #3f67df30}.ye-showcase .ys-order{display:flex;align-items:center;gap:9px;color:#9eb8ff;padding:9px 0 14px}.ye-showcase .ys-order b{color:#f4f7ff}.ye-showcase .ys-credit{height:108px;border-radius:12px;padding:14px;background:linear-gradient(115deg,#516dc0,#223053 75%);border:1px solid #899bc7;display:grid;grid-template-columns:1fr auto;margin:0 0 15px;box-shadow:0 8px 20px #0003}.ye-showcase .ys-credit>span{font-size:7px;letter-spacing:.15em}.ye-showcase .ys-credit b{grid-column:1/-1;font-size:13px;letter-spacing:.08em;padding-top:10px}.ye-showcase .ys-credit small{font-size:6px;color:#c1cee9;letter-spacing:.12em}.ye-showcase .ys-total{display:flex;justify-content:space-between;font-size:9px;margin-bottom:14px;color:#b7c4dd}.ye-showcase .ys-total b{color:#fff;font-size:13px}.ye-showcase .ys-demo-note{font-size:7px!important;display:flex;gap:5px;align-items:center;justify-content:center;color:#a6b4cc!important;margin-top:10px!important}.ye-showcase .ys-success{text-align:center;padding-top:3px}.ye-showcase .ys-success>div{display:grid;place-items:center;width:59px;height:59px;border-radius:50%;margin:0 auto 15px;background:linear-gradient(130deg,#6589fb,#334b9a);border:1px solid #a1baff;box-shadow:0 0 0 7px #688dff0d,0 0 30px #668dff33}.ye-showcase .ys-success h3{margin-bottom:6px}.ye-showcase .ys-success p{font-size:9px;color:#b1bfd8;margin:0 0 18px}.ye-showcase .ys-ticket{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;background:#151e32;border:1px solid #34456a;border-radius:12px;padding:12px;color:#94b1ff}.ye-showcase .ys-ticket span{font-size:7px;letter-spacing:.07em}.ye-showcase .ys-ticket b{display:block;font-size:12px;color:#f2f5ff;margin:7px 0 4px}.ye-showcase .ys-ticket p{font-size:8px;color:#b0bdd3;margin:0}.ye-showcase .ys-ticket-bottom{width:100%;border-top:1px dashed #3b4760;margin-top:12px;padding-top:10px;display:flex;justify-content:space-between;align-items:center}.ye-showcase .ys-ticket-bottom b{font-size:8px;margin:0;color:#b3d9cf}.ye-showcase .ys-message{display:flex;gap:8px;align-items:center;padding:13px 3px;font-size:8px}.ye-showcase .ys-message b{display:block;font-size:8px}.ye-showcase .ys-message span{font-size:7px;color:#a6b5cf}.ye-showcase .ys-message-dot{width:7px;height:7px;background:#9bcfbe;border-radius:50%;box-shadow:0 0 13px #9bcfbe55}.ye-showcase .ys-homebar{position:absolute;bottom:10px;left:50%;transform:translate(-50%);width:75px;height:3px;border-radius:10px;background:#a1abc5}.ye-showcase .ys-float{position:absolute;display:flex;align-items:center;gap:9px;background:linear-gradient(120deg,#22304ef7,#0e1729f7);border:1px solid #4e608777;border-radius:12px;box-shadow:0 16px 30px #0004;z-index:2}.ye-showcase .ys-float-left{left:0;bottom:96px;padding:12px;animation:ys-enter .5s ease both}.ye-showcase .ys-float-icon{display:grid;place-items:center;width:33px;height:33px;border-radius:9px;background:#334b7d;color:#bdd0ff}.ye-showcase .ys-float small{font-size:6px;letter-spacing:.1em;display:block;color:#9eafcb}.ye-showcase .ys-float b{font-size:10px;display:block;margin-top:5px}.ye-showcase .ys-float-right{right:0;top:75px;padding:11px;font-size:8px;color:#c9d5ec}.ye-showcase .ys-live-dot{height:5px;width:5px;border-radius:50%;background:#a7bcff;box-shadow:0 0 12px #7195ff}.ye-showcase .ys-story{position:relative;padding:0 12px 6px}.ye-showcase .ys-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.ye-showcase .ys-steps button{-webkit-appearance:none;-moz-appearance:none;appearance:none;position:relative;background:none;border:0;border-bottom:2px solid #293148;border-radius:0;color:#a0adc7;padding:9px 0;text-align:left;font-family:inherit;font-size:10px;cursor:pointer;min-height:40px}.ye-showcase .ys-steps button span{font-size:8px;opacity:.6;margin-right:7px}.ye-showcase .ys-steps button[aria-pressed=true]{color:#e0e9ff}.ye-showcase .ys-steps i{position:absolute;left:0;bottom:-2px;height:2px;width:100%;background:#8eaaff;transform-origin:left;transition:transform .25s linear}.ye-showcase .ys-caption{display:flex;justify-content:space-between;align-items:center;gap:12px;min-height:74px}.ye-showcase .ys-caption b{font-size:13px;font-weight:600}.ye-showcase .ys-caption p{font-size:10px;line-height:1.5;color:#aab6cc;margin:5px 0 0;max-width:330px}.ye-showcase .ys-control{-webkit-appearance:none;-moz-appearance:none;appearance:none;display:grid;place-items:center;width:40px;height:40px;flex-shrink:0;border:1px solid #445474;border-radius:50%;background:#151e32;color:#e3ebff;cursor:pointer}.ye-showcase button:focus-visible{outline:2px solid #a4c3ff;outline-offset:5px}.ye-showcase .ys-disclaimer{font-size:8px;color:#97a4bb;margin:0;line-height:1.5}.ye-showcase-still .ys-phone{animation-play-state:paused}@keyframes ys-float{0%,to{transform:rotateY(-9deg) rotateX(3deg) rotate(-3deg) translateY(0)}50%{transform:rotateY(-5deg) rotateX(1deg) rotate(-1deg) translateY(-7px)}}@keyframes ys-enter{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 600px){.ye-showcase{max-width:430px}.ye-showcase .ys-stage{height:460px}.ye-showcase .ys-phone{transform:rotate(-2deg);animation:none}.ye-showcase .ys-orbit{width:100%;max-width:360px}.ye-showcase .ys-float-left{left:0;bottom:62px;padding:9px}.ye-showcase .ys-float-right{top:37px;padding:9px}.ye-showcase .ys-topline{font-size:7px}}@media (prefers-reduced-motion: reduce){.ye-showcase *{animation:none!important;transition:none!important}.ye-showcase .ys-phone{transform:none}}