.control-mockup{--mockup-phone: #0d1024;--mockup-ink: #030229;--mockup-muted: rgba(3, 2, 41, .55);--mockup-scale: .9;--mockup-phone-width: 48%;position:relative;width:100%;max-width:360px;margin-inline:auto;aspect-ratio:.86 / 1;min-height:280px;overflow:visible}.control-mockup[data-step="1"]{--mockup-scale: 1.02;--mockup-phone-width: 52%;max-width:380px;min-height:312px}.control-mockup[data-step="2"]{--mockup-scale: 1.1;--mockup-phone-width: 54%;max-width:404px;min-height:336px;padding:12px 22px 14px;box-sizing:content-box}.control-mockup[data-step="3"]{--mockup-scale: 1.18;--mockup-phone-width: 56%;max-width:428px;min-height:352px;padding:10px 18px 12px;box-sizing:content-box}.control-mockup__stage{position:absolute;inset:0;overflow:visible}.control-mockup__deco{position:absolute;inset:6% 8% 6% 6%;background:repeating-linear-gradient(-32deg,transparent,transparent 14px,rgba(3,2,41,.06) 14px,rgba(3,2,41,.06) 15px);border-radius:24px;pointer-events:none;z-index:0}.control-mockup__cluster{position:absolute;left:50%;top:50%;width:94%;height:100%;max-width:400px;transform:translate(-50%,-50%) scale(var(--mockup-scale));transform-origin:center center;overflow:visible}.control-mockup__phone{position:absolute;left:50%;top:50%;width:var(--mockup-phone-width);transform:translate(-50%,-50%);z-index:2}.control-mockup__bezel{background:linear-gradient(145deg,#1a1f3d 0%,var(--mockup-phone) 55%,#060814 100%);border-radius:28px;padding:7px;box-shadow:0 28px 56px #03022938,inset 0 1px #ffffff1f}.control-mockup__island{width:28%;height:5px;margin:4px auto 6px;background:#000;border-radius:99px}.control-mockup__screen{border-radius:22px;overflow:hidden;width:100%;aspect-ratio:9 / 16;min-height:0;background:#0b141a;display:flex;flex-direction:column}.control-mockup__wa,.control-mockup__widget-full,.control-mockup__int-apps{flex:1;min-height:0;display:flex;flex-direction:column}.control-mockup[data-variant=whatsapp] .control-mockup__screen{aspect-ratio:9 / 15.5}.control-mockup__wa-header{display:flex;align-items:center;gap:8px;padding:10px 10px 8px;background:#1f2c34;flex-shrink:0}.control-mockup__wa-avatar{width:26px;height:26px;border-radius:50%;background:linear-gradient(135deg,#c8f31d,#7cb518);flex-shrink:0}.control-mockup[data-variant=whatsapp] .control-mockup__wa-avatar{width:30px;height:30px}.control-mockup__wa-meta{display:flex;flex-direction:column;gap:1px;min-width:0}.control-mockup__wa-meta strong{font-size:9px;font-weight:600;color:#e9edef;line-height:1.2}.control-mockup__wa-meta span{font-size:7px;color:#8696a0}.control-mockup[data-variant=whatsapp] .control-mockup__wa-meta strong{font-size:11px}.control-mockup[data-variant=whatsapp] .control-mockup__wa-meta span{font-size:8.5px}.control-mockup__wa-chat{display:flex;flex-direction:column;justify-content:flex-end;gap:6px;flex:1;min-height:0;padding:8px 10px 12px;overflow:hidden;background-color:#0b141a;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='64' height='64' viewBox='0 0 64 64'%3E%3Cpath fill='%23ffffff' fill-opacity='0.02' d='M0 0h32v32H0zm32 32h32v32H32z'/%3E%3C/svg%3E")}.control-mockup[data-variant=whatsapp] .control-mockup__wa-chat{gap:7px;padding:10px 10px 14px}.control-mockup__wa-date{align-self:center;margin-bottom:2px;padding:3px 8px;border-radius:6px;background:#111b21e6;font-size:6.5px;font-weight:600;color:#8696a0;line-height:1;flex-shrink:0}.control-mockup[data-variant=whatsapp] .control-mockup__wa-date{font-size:8px;margin-bottom:4px}.control-mockup__bubble{max-width:90%;padding:6px 8px;border-radius:8px;font-size:7px;line-height:1.35;font-weight:500}.control-mockup[data-variant=whatsapp] .control-mockup__bubble{max-width:92%;padding:8px 10px;border-radius:9px;font-size:9.5px;line-height:1.4}.control-mockup__bubble.is-in{align-self:flex-start;background:#202c33;color:#e9edef;border-bottom-left-radius:2px}.control-mockup__bubble.is-out{align-self:flex-end;background:#005c4b;color:#e9edef;border-bottom-right-radius:2px}.control-mockup__bubble.is-short{max-width:48%}.control-mockup[data-variant=whatsapp] .control-mockup__bubble.is-short{max-width:55%}.control-mockup[data-variant=whatsapp] .control-mockup__chips{display:none}.control-mockup[data-variant=whatsapp] .control-mockup__card--badge,.control-mockup[data-variant=widget] .control-mockup__card--badge,.control-mockup[data-variant=integrations] .control-mockup__card--badge{left:0;bottom:34%;top:auto;min-width:0;max-width:48%;flex-direction:column;align-items:flex-start;gap:2px;padding:8px 10px}.control-mockup[data-variant=integrations] .control-mockup__card--badge .control-mockup__card-value{font-size:14px;font-weight:700;color:#22a06b}.control-mockup[data-variant=widget] .control-mockup__screen{aspect-ratio:9 / 15.5;background:#f4f6fb}.control-mockup[data-variant=widget] .control-mockup__chips{display:none}.control-mockup__widget-full{height:100%;min-height:0;display:flex;flex-direction:column;background:#f4f6fb;color:var(--mockup-ink)}.control-mockup__widget-header{display:flex;align-items:center;gap:8px;padding:10px 11px;background:linear-gradient(135deg,#030229,#1a1f3d);flex-shrink:0}.control-mockup__widget-avatar{width:24px;height:24px;border-radius:50%;background:linear-gradient(135deg,#c8f31d,#9ed600);flex-shrink:0}.control-mockup[data-variant=widget] .control-mockup__widget-avatar{width:28px;height:28px}.control-mockup__widget-meta{display:flex;flex-direction:column;gap:1px;min-width:0}.control-mockup__widget-meta strong{font-size:9px;font-weight:700;color:#fff;line-height:1.2}.control-mockup__widget-meta span{font-size:7px;font-weight:500;color:#ffffffa6}.control-mockup[data-variant=widget] .control-mockup__widget-meta strong{font-size:11px}.control-mockup[data-variant=widget] .control-mockup__widget-meta span{font-size:8px}.control-mockup__widget-chat{display:flex;flex-direction:column;justify-content:flex-end;gap:7px;flex:1;min-height:0;padding:11px 11px 10px;overflow:hidden}.control-mockup__widget-bubble{max-width:92%;padding:8px 10px;border-radius:10px;font-size:9.5px;line-height:1.4;font-weight:500}.control-mockup__widget-bubble.is-bot{align-self:flex-start;background:#fff;color:var(--mockup-ink);border:1px solid #e8ecf4;border-bottom-left-radius:3px;box-shadow:0 2px 8px #0302290d}.control-mockup__widget-bubble.is-user{align-self:flex-end;background:#e9eaff;color:var(--mockup-ink);border-bottom-right-radius:3px}.control-mockup__widget-bubble.is-short{max-width:42%}.control-mockup__widget-compose{flex-shrink:0;padding:10px 12px 12px;border-top:1px solid #e8ecf4;background:#fff;font-size:9px;font-weight:500;color:var(--mockup-muted)}.control-mockup[data-variant=integrations] .control-mockup__chips{display:none}.control-mockup[data-variant=integrations] .control-mockup__card--revenue{left:5%;top:5%;width:44%;padding:8px 10px}.control-mockup[data-variant=integrations] .control-mockup__card--sessions{right:5%;top:20%;width:30%;padding:8px 10px}.control-mockup[data-variant=integrations] .control-mockup__card--badge{left:8%;bottom:34%;max-width:40%;padding:7px 10px}.control-mockup[data-variant=integrations] .control-mockup__card-value{font-size:13px}.control-mockup[data-variant=integrations] .control-mockup__chart{height:28px;margin-bottom:4px}.control-mockup[data-variant=integrations] .control-mockup__screen{aspect-ratio:9 / 15.5;background:#f4f6fb}.control-mockup__int-apps{height:100%;padding:11px 10px 10px;color:var(--mockup-ink);gap:8px;background:#f4f6fb}.control-mockup__int-header{display:flex;align-items:center;justify-content:space-between;gap:6px;flex-shrink:0}.control-mockup__int-header strong{font-size:11px;font-weight:700;line-height:1.2}.control-mockup__int-pill{padding:2px 7px;border-radius:99px;background:#e8f8ee;color:#1a7f4b;font-size:7.5px;font-weight:700;flex-shrink:0}.control-mockup__int-sub{margin:0;font-size:8px;font-weight:500;color:var(--mockup-muted);line-height:1.3;flex-shrink:0}.control-mockup__int-grid{flex:1;min-height:0;display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(2,1fr);gap:7px;align-content:center}.control-mockup__int-tile{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;padding:8px 4px 7px;background:#fff;border:1px solid #e8ecf4;border-radius:10px;box-shadow:0 2px 8px #0302290d;text-align:center}.control-mockup__int-tile.is-pending{border-style:dashed;border-color:#d0d5e2;opacity:.92}.control-mockup__int-icon{width:30px;height:30px;border-radius:8px;display:flex;align-items:center;justify-content:center;background:#f6f8fc;border:1px solid #e8ecf4;box-sizing:border-box;padding:4px}.control-mockup__int-icon img{width:100%;height:100%;object-fit:contain;display:block}.control-mockup__int-label{font-size:6.5px;font-weight:600;line-height:1.2;color:var(--mockup-ink);max-width:100%}.control-mockup__int-tile[data-app=mercadopago] .control-mockup__int-label,.control-mockup__int-tile[data-app=infinitepay] .control-mockup__int-label{font-size:5.5px}.control-mockup__int-status{position:absolute;top:5px;right:5px;width:6px;height:6px;border-radius:50%;background:#4cd964;box-shadow:0 0 0 2px #4cd96440}.control-mockup__int-tile.is-pending .control-mockup__int-status{background:#ffc107;box-shadow:0 0 0 2px #ffc10740}.control-mockup__int-footer{flex-shrink:0;display:flex;align-items:center;justify-content:space-between;gap:8px;padding:7px 9px;background:#fff;border:1px solid #e8ecf4;border-radius:8px;font-size:7.5px;font-weight:600;color:var(--mockup-muted)}.control-mockup__int-sync{padding:2px 7px;border-radius:99px;background:#e8f8ee;color:#1a7f4b;font-size:7px;font-weight:700}.control-mockup__card{position:absolute;z-index:3;background:#fff;border-radius:12px;box-shadow:0 12px 32px #0302291f;padding:10px 12px;color:var(--mockup-ink)}.control-mockup__card--revenue{left:4%;top:4%;width:48%;padding-bottom:8px}.control-mockup__card--sessions{right:4%;top:18%;width:30%}.control-mockup[data-step="2"] .control-mockup__card--revenue{left:8%;top:6%;width:44%}.control-mockup[data-step="2"] .control-mockup__card--sessions{right:10%;top:16%;width:27%}.control-mockup[data-step="2"] .control-mockup__card--badge{left:10%;bottom:32%;max-width:42%}.control-mockup__card--badge{display:flex;align-items:center;gap:8px;padding:8px 12px}.control-mockup__chart{margin:0 -4px 6px;height:32px}.control-mockup__chart svg{width:100%;height:100%;display:block}.control-mockup__card-head{display:flex;flex-wrap:wrap;align-items:center;gap:4px 6px;font-size:8px;font-weight:600;line-height:1.2}.control-mockup__card-title{flex:1;min-width:0}.control-mockup__card-value{font-size:15px;font-weight:700;line-height:1.15;letter-spacing:-.02em}.control-mockup__card--badge .control-mockup__card-value{font-size:11px}.control-mockup__delta{font-size:7px;font-weight:700;color:#ff6b35}.control-mockup__delta.is-positive{color:#0f5132}.control-mockup__legend{position:absolute;right:10px;bottom:8px;font-size:6px;color:var(--mockup-muted);font-weight:500}.control-mockup__icon{width:14px;height:14px;border-radius:4px;flex-shrink:0}.control-mockup__icon--chart{background:linear-gradient(135deg,#ff8a4c,#ff6b35)}.control-mockup__icon--pulse{background:linear-gradient(135deg,#ffb347,#ff8a4c)}.control-mockup__icon--box{background:linear-gradient(135deg,#ffd54f,#ffb300)}.control-mockup__icon--users{background:linear-gradient(135deg,#c8f31d,#9ed600)}.control-mockup__icon--bolt{background:linear-gradient(135deg,#7c9cff,#5b6cff)}.control-mockup__icon--link{background:linear-gradient(135deg,#64b5f6,#1e88e5)}.control-mockup__chips{position:absolute;right:10%;bottom:8%;display:flex;gap:6px;z-index:3}.control-mockup__chips span{font-size:7px;font-weight:600;color:var(--mockup-muted);background:#fff;padding:4px 8px;border-radius:99px;box-shadow:0 4px 12px #03022914}@media screen and (max-width:767px){.control-mockup[data-step="1"]{--mockup-scale: .98;max-width:352px}.control-mockup[data-step="2"]{--mockup-scale: 1.06;max-width:376px}.control-mockup[data-step="3"]{--mockup-scale: 1.14;max-width:400px}.control-mockup__card-value{font-size:13px}.control-mockup[data-variant=whatsapp] .control-mockup__card--badge,.control-mockup[data-variant=widget] .control-mockup__card--badge,.control-mockup[data-variant=integrations] .control-mockup__card--badge{bottom:30%;max-width:48%}}@media screen and (min-width:992px){.control-mockup[data-step="1"]{--mockup-scale: 1.06;max-width:392px;min-height:320px}.control-mockup[data-step="2"]{--mockup-scale: 1.14;max-width:416px;min-height:340px;padding:14px 24px 16px}.control-mockup[data-step="3"]{--mockup-scale: 1.22;max-width:440px;min-height:360px}.control-mockup__cluster{max-width:412px}}