/* Detailed product showcases */
.visual.loyal,.visual.calc,.visual.dashboard{height:370px;padding:0;isolation:isolate}.app-scene{width:100%;height:100%;position:relative;overflow:hidden}.scene-copy{position:absolute;left:28px;top:30px;z-index:2;max-width:43%}.scene-copy>small{font-size:7px;letter-spacing:1.5px;display:block}.scene-copy>strong{display:block;font-size:31px;line-height:1.07;letter-spacing:-1.3px;margin:15px 0}.scene-copy>span{font-size:8px;display:block;max-width:140px;opacity:.75}.loyalty-scene{background:radial-gradient(ellipse at 85% 10%,#bda0fb,transparent 65%),#eee7fc;color:#341769}.loyalty-scene:after{content:'✦';position:absolute;left:26px;bottom:22px;font-size:100px;color:#d5c3f7;line-height:1;z-index:-1}.loyal-phone{position:absolute;right:29px;top:30px;width:228px;background:#fff;border:5px solid #fff;border-radius:17px;box-shadow:0 25px 40px #40157038;transform:rotate(6deg);padding:0 6px 9px;color:#101b32}.phone-top{display:flex;justify-content:space-between;align-items:center;height:28px;font-size:9px}.phone-top>span{font-size:5px;background:#8138f5;color:white;border-radius:4px;padding:4px}.member-panel{border-radius:9px;background:linear-gradient(125deg,#863dfb,#6721d8);padding:12px;color:white}.member-head{display:flex;gap:6px;align-items:center;margin-bottom:15px}.member-head i{font-style:normal;border:1px solid #ffffff50;padding:5px 8px;background:#ffffff20;border-radius:5px;font-size:13px;font-weight:bold}.member-head b{font-size:10px}.member-head b small{display:block;font-size:5px;font-weight:normal}.member-head>span{font-size:5px;margin-left:auto}.member-panel>small{font-size:6px;display:block}.member-panel>strong{font-size:25px;line-height:1.3;display:block}.member-panel em{font:12px Arial;color:#ffffffaa}.progress-track{height:7px;background:#ffffff40;border-radius:10px;margin-top:7px}.progress-track i{display:block;height:100%;width:80%;background:#fff;border-radius:10px}.member-panel>p{font-size:7px;font-weight:700;margin:6px 0 11px}.qr-strip{background:#ffffff20;border:1px solid #ffffff40;border-radius:4px;text-align:center;font-size:6px;padding:6px}.loyalty-grid{padding:13px 5px 0}.loyalty-grid>b{font-size:10px}.loyalty-grid>small{display:block;font-size:5px;margin-top:3px}.reward-stamps{display:grid;grid-template-columns:repeat(5,1fr);gap:5px;margin-top:11px}.reward-stamps i{height:30px;border:1px solid #e5d5ff;border-radius:6px;display:grid;place-items:center;font-size:16px;color:#873cff;font-style:normal;box-shadow:0 3px 5px #7724cc0b}.reward-stamps .gold{background:#efb004;color:white;border-color:#efb004;box-shadow:0 4px 8px #efb00445}.reward-stamps .empty{background:#f3f4f8;color:#a5adbe;border-color:#edf0f5}.loyalty-grid p{font-size:6px;text-align:center;background:#f5f4fa;padding:7px;border-radius:5px;margin-bottom:0}.reward-float{position:absolute;bottom:32px;left:25px;background:#fff;border:1px solid #ede4ff;border-radius:10px;box-shadow:0 10px 20px #541d7c16;padding:11px 16px;display:flex;align-items:center;gap:10px;color:#853bf3;font-size:26px;transform:rotate(-5deg);z-index:3}.reward-float span{font-size:7px;color:#6a6179}.reward-float b{display:block;font-size:10px;color:#372053}.split-scene{background:radial-gradient(ellipse at 0% 100%,#beeae3,transparent 65%),#e7f4f0;color:#17443f}.split-scene .scene-copy>strong{font-size:30px}.split-phone{position:absolute;right:25px;top:58px;width:215px;background:#fff;padding:19px 17px 13px;border:4px solid #fbfffd;border-radius:17px;box-shadow:0 25px 35px #204b3e28;transform:rotate(5deg)}.split-nav{display:flex;justify-content:space-between;font-size:12px;margin-bottom:22px}.split-nav>span{letter-spacing:2px;font-size:8px}.split-phone>small{display:block;font-size:6px;letter-spacing:1.4px;color:#607b72}.split-phone>strong{font-size:28px;letter-spacing:-1px;display:block;line-height:1.5}.split-pill{font-size:6px;background:#e8f5ec;color:#357a55;padding:5px 8px;border-radius:30px}.people-list{margin-top:15px}.people-list>div{display:flex;align-items:center;gap:7px;border-top:1px solid #e8efeb;padding:9px 0}.people-list i{font-size:8px;font-style:normal;border-radius:50%;width:23px;height:23px;background:#e4e4ff;display:grid;place-items:center;color:#66529d}.people-list>div:nth-child(2) i{background:#fff0d8;color:#956d2e}.people-list>div:nth-child(3) i{background:#e1f2ec;color:#377c64}.people-list span{font-size:8px}.people-list small{display:block;font-size:5px;color:#85968d}.people-list b{font-size:8px;margin-left:auto}.split-total{background:#204f40;color:#fff;border-radius:5px;padding:8px;text-align:center;font-size:7px;margin-top:7px}.receipt-paper{position:absolute;left:30px;bottom:30px;width:180px;background:#fffef8;padding:20px 15px 16px;transform:rotate(-9deg);box-shadow:0 10px 18px #183b2e16;color:#61726a;border-bottom:5px dotted #e7f4f0}.receipt-paper>small{font-size:7px;letter-spacing:1px;display:block;text-align:center}.receipt-paper p{font:7px/1.5 monospace;margin:10px 0}.receipt-paper p span,.receipt-paper b span{float:right}.receipt-paper>b{font:700 8px monospace}.receipt-dots{border-top:1px dashed #d1d7ca;margin:12px 0}.receipt-paper .receipt-foot{font-size:5px;margin-top:20px;letter-spacing:.5px}.viz-scene{background:radial-gradient(ellipse at top left,#283f6d,transparent 70%),#142039;color:white}.viz-caption{position:absolute;left:26px;top:23px}.viz-caption>span{font-size:6px;letter-spacing:1.6px;color:#becbe5}.viz-caption>b{display:block;font-size:26px;line-height:1.05;letter-spacing:-.8px;margin-top:8px}.viz-window{position:absolute;left:28px;right:20px;top:130px;background:#f7f8fc;border:4px solid #ffffff25;border-radius:9px;overflow:hidden;box-shadow:0 22px 30px #030c2280;transform:perspective(900px) rotateY(-8deg) rotateZ(-3deg);color:#273551}.viz-top{background:white;padding:11px 10px;display:flex;align-items:center;gap:12px;border-bottom:1px solid #e7eaf2}.viz-top>b{font-size:8px;color:#5750cc}.viz-top>span{font-size:5px;color:#8b97ab}.viz-top>i{font-size:5px;margin-left:auto;font-style:normal;background:#e9e8ff;padding:3px 6px;border-radius:10px;color:#6456c4}.viz-body{display:flex}.viz-body aside{width:29px;background:white;border-right:1px solid #e7eaf2;display:flex;align-items:center;flex-direction:column;gap:16px;padding-top:12px;color:#9aa7c0;font-size:9px}.viz-body aside b{color:#6964e3}.viz-main{padding:12px;flex:1;min-width:0}.viz-title{display:flex;justify-content:space-between;align-items:center;margin-bottom:11px}.viz-title>b{font-size:10px}.viz-title>span{font-size:5px;background:#fff;border:1px solid #e7eaf2;border-radius:3px;padding:4px}.viz-kpis{display:grid;grid-template-columns:repeat(3,1fr);gap:7px}.viz-kpis>div{background:#fff;border:1px solid #e7eaf2;padding:8px;border-radius:5px}.viz-kpis small{font-size:5px;display:block;color:#76839a}.viz-kpis strong{font-size:15px;letter-spacing:-.5px;display:block;line-height:1.7}.viz-kpis span{font-size:4px;color:#9994bd}.viz-charts{display:grid;grid-template-columns:1.7fr 1fr;gap:7px;margin-top:8px}.viz-charts>div{background:white;padding:10px;border:1px solid #e7eaf2;border-radius:5px}.viz-charts b{display:block;font-size:6px;margin-bottom:8px}.viz-line svg{display:block;width:100%;height:69px}.viz-line small{display:block;font-size:4px;color:#8b97ab;margin-top:4px}.donut{height:60px;width:60px;border-radius:50%;background:conic-gradient(#6866ef 0 55%,#3cc7bb 55% 83%,#e4e8f6 83%);display:grid;place-items:center;margin:auto}.donut>span{height:40px;width:40px;background:white;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-direction:column;font-size:12px;font-weight:bold}.donut small{font-size:4px;color:#94a0b6;font-weight:normal}.viz-donut>small{display:block;font-size:4px;text-align:center;margin-top:7px;color:#7879ad}.viz-float{position:absolute;right:27px;top:37px;display:flex;gap:9px;align-items:center;background:#ffffff12;border:1px solid #ffffff20;border-radius:7px;padding:10px;font-size:20px;color:#c3c5ff;transform:rotate(6deg)}.viz-float span{font-size:6px}.viz-float b{display:block;font-size:8px;color:white}.visual:hover .loyal-phone,.visual:hover .split-phone{transform:rotate(1deg) translateY(-4px)}.loyal-phone,.split-phone{transition:transform .35s}.direct-contact{align-items:center}.direct-contact>div>p{margin-bottom:0}.contact-actions{display:flex;flex-direction:column;gap:12px}.contact-actions .contact-wa{display:block;background:var(--blue);color:white;padding:27px 30px;border-radius:7px;position:relative;width:auto;margin:0;box-shadow:0 14px 35px #174cff19}.contact-wa>small{display:block;font-size:8px;letter-spacing:1.8px}.contact-wa>strong{display:block;font-size:26px;letter-spacing:-.8px;line-height:1.4;margin:18px 0 6px}.contact-wa>strong>span{float:right}.contact-wa>span:last-child{font-size:12px;color:#d7e1ff}.contact-icon{position:absolute;right:25px;top:19px;font-size:20px;opacity:.4}.contact-actions .contact-ig{display:flex;justify-content:space-between;align-items:center;width:auto;margin:0;padding:20px 25px;background:#fff;border:1px solid #dce2ed;border-radius:7px;font-size:12px}.contact-ig b{margin-left:14px;font-weight:500}.contact-wa:hover{background:#1243eb}.contact-ig:hover{border-color:var(--blue)}
@media(min-width:1500px){.scene-copy>strong{font-size:36px}.loyal-phone{right:45px}.split-phone{right:45px}.viz-window{top:120px}}
@media(min-width:521px) and (max-width:1000px){.visual.loyal,.visual.calc,.visual.dashboard{height:335px}.scene-copy{left:17px;top:22px}.scene-copy>strong,.split-scene .scene-copy>strong{font-size:24px}.scene-copy>small{font-size:5px}.scene-copy>span{font-size:6px;max-width:100px}.loyal-phone{width:190px;right:12px;top:80px;transform:rotate(6deg) scale(.9);transform-origin:top right}.reward-float{left:14px;bottom:25px;padding:8px;font-size:20px}.reward-float b{font-size:8px}.split-phone{right:12px;top:100px;width:180px;padding:14px 11px;transform:rotate(5deg) scale(.9);transform-origin:top right}.receipt-paper{left:20px;bottom:35px;width:135px;padding:15px 10px}.receipt-paper p,.receipt-paper>b{font-size:5px}.viz-caption{left:20px}.viz-caption>b{font-size:23px}.viz-caption>span{font-size:5px}.viz-float{right:17px;top:66px;padding:7px}.viz-float b{font-size:6px}.viz-window{left:13px;right:12px;top:132px}.viz-top>span{display:none}.viz-main{padding:8px}.viz-kpis strong{font-size:12px}.viz-charts>div{padding:6px}.viz-line svg{height:62px}.donut{width:47px;height:47px}.donut>span{width:31px;height:31px}.viz-kpis>div{padding:6px}.viz-top{padding:8px}.viz-charts{gap:5px}}
@media(max-width:520px){.visual.loyal,.visual.calc,.visual.dashboard{height:370px}.scene-copy{left:20px;top:25px}.scene-copy>strong,.split-scene .scene-copy>strong{font-size:26px}.scene-copy>small{font-size:5px;letter-spacing:1px}.scene-copy>span{font-size:7px;max-width:100px}.loyal-phone{right:13px;top:80px;width:206px;transform:rotate(6deg) scale(.92);transform-origin:top right}.reward-float{left:15px;bottom:24px;padding:9px 12px}.reward-float b{font-size:9px}.split-phone{right:14px;top:100px;width:196px;transform:rotate(5deg) scale(.92);transform-origin:top right}.receipt-paper{width:145px;left:20px;bottom:37px;padding:16px 11px}.receipt-paper p,.receipt-paper>b{font-size:6px}.viz-caption{left:20px;top:25px}.viz-caption>b{font-size:27px}.viz-caption>span{font-size:5px}.viz-float{right:17px;top:80px;padding:8px;font-size:18px}.viz-window{left:13px;right:13px;top:156px}.viz-top>span{display:none}.viz-main{padding:8px}.viz-kpis strong{font-size:12px}.viz-charts>div{padding:7px}.viz-line svg{height:61px}.donut{width:48px;height:48px}.donut>span{width:32px;height:32px}.viz-kpis>div{padding:6px}.contact-wa>strong{font-size:23px}.contact-actions .contact-wa{padding:24px}}
.viz-window{line-height:1.3}.viz-kpis span{display:block;line-height:1.3}.viz-top,.viz-title,.viz-charts small{line-height:1.3}.viz-body aside{line-height:1}.viz-title{min-height:17px}.viz-window{transform:rotate(-3deg)}