/* Main platform's phone mockups, scoped to the standalone Reloist site. */
.native-mockup{width:min(360px,100%);margin:auto;filter:drop-shadow(0 25px 40px #17347520);font-family:Arial,Helvetica,sans-serif}.native-caption{display:flex;justify-content:space-between;gap:10px;align-items:center;font-size:12px;font-weight:700;color:var(--ink);margin:0 0 14px}.native-caption span{font-size:9px;letter-spacing:.08em;color:var(--muted)}.native-phone{width:100%;height:720px;border-radius:48px;padding:12px;background:#121212;border:4px solid #333;position:relative;box-sizing:border-box}.native-screen{height:100%;width:100%;background:#fff;color:#111;position:relative;border-radius:36px;overflow:hidden;display:flex;flex-direction:column}.android-status{height:32px;display:flex;align-items:center;justify-content:space-between;padding:0 24px;flex-shrink:0;font-size:13px;font-weight:500;color:#000;background:#fff}.android-signals{font-size:12px;letter-spacing:1px}.android-signals b{font-size:10px}.native-heading{display:flex;gap:8px;align-items:center;padding:8px 12px 10px;flex-shrink:0;border-bottom:1px solid #eee;min-height:62px;box-sizing:border-box}.native-heading svg{width:22px;height:22px;flex-shrink:0}.native-avatar{width:28px;height:28px;object-fit:contain;background:#f3f4f6;border-radius:50%;flex-shrink:0}.native-heading>.native-avatar{width:34px;height:34px}.native-title{min-width:0;flex:1}.native-title strong{display:block;font-size:15px;line-height:1.25;color:inherit;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.native-title span{display:block;font-size:11px;line-height:1.5;margin-top:3px;color:#666}.native-actions{display:flex;gap:10px;flex-shrink:0}.native-actions svg{width:19px;height:19px}.native-messages.widget-messages{background:#fff;display:flex;flex-direction:column;gap:7px;flex:1;min-height:0;height:auto;padding:12px;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;border-radius:0;max-height:none}.native-row{display:flex;align-items:flex-end;gap:7px;flex-shrink:0;animation:chatIn .25s ease}.native-row.guest{justify-content:flex-end}.native-row.assistant{justify-content:flex-start}.native-bubble{max-width:75%;padding:9px 14px;border-radius:18px;background:#f0f0f0;color:#111;font-size:15px;line-height:20px;position:relative}.native-bubble p{margin:0!important;color:inherit!important;font:inherit!important;white-space:pre-line}.native-row.guest .native-bubble{background:#0084ff;color:#fff}.native-day{align-self:center;font-size:11px;padding:5px 10px;border-radius:6px;background:#fffffff0;color:#54656f;margin:0 0 6px}.native-bubble small{display:flex;justify-content:flex-end;align-items:center;gap:3px;font-size:10px;line-height:14px;color:#667781;margin-top:3px}.native-bubble small svg{width:15px;height:15px;color:#2083aa}.native-receipt{width:13px;height:13px;border-radius:50%;background:#0084ff;color:#fff;flex-shrink:0;margin-bottom:5px;display:grid;place-items:center}.native-receipt svg{width:9px;height:9px}.native-composer{display:flex;align-items:center;gap:8px;padding:8px 9px 12px;background:#fff;flex-shrink:0;color:#0084ff}.native-composer svg{width:22px;height:22px;flex-shrink:0}.native-input{min-width:0;flex:1;display:flex;gap:8px;align-items:center;padding:10px;border-radius:22px;background:#f0f0f0;font-size:14px;color:#667781}.native-input>span:not(.native-round){flex:1;min-width:0}.native-round{display:grid;place-items:center;width:42px;height:42px;border-radius:50%;background:#0084ff;color:#fff;flex-shrink:0}.native-composer .native-input svg{width:20px;height:20px}.android-navigation{height:48px;display:flex;justify-content:space-around;align-items:center;flex-shrink:0;background:#fff;color:#333;font-size:21px;padding:0 20px}.native-widget-nav{display:flex;height:46px;background:#f9fafbcc;border-top:1px solid #e5e7eb;flex-shrink:0}.native-widget-nav>span{width:50%;display:grid;place-items:center;color:#6b7280}.native-widget-nav>span:last-child{color:#245bff;background:linear-gradient(to left,#245bff15,transparent);border-right:2px solid #245bff55}.native-widget-nav svg{width:21px;height:21px}.native-powered{display:flex;justify-content:center;align-items:center;gap:5px;background:#f9fafb;padding:8px 0 12px;font-size:10px;color:#626b79;border-top:1px solid #f3f4f6}.android-gesture{height:5px;width:130px;background:#0003;border-radius:3px;position:absolute;bottom:4px;left:50%;transform:translateX(-50%)}
[data-native-mockup=whatsapp] .native-screen,[data-native-mockup=whatsapp] .native-messages,[data-native-mockup=whatsapp] .native-composer{background-color:#e5ddd5}[data-native-mockup=whatsapp] .native-messages{background-image:radial-gradient(#81756616 .7px,transparent .7px);background-size:14px 14px}[data-native-mockup=whatsapp] .native-heading{background:#075e54;color:white;border:0}[data-native-mockup=whatsapp] .native-title span{color:#ffffffc0}[data-native-mockup=whatsapp] .native-bubble{background:#fff;border-radius:7.5px;font-size:14.2px;line-height:19px;max-width:80%;padding:6px 9px;box-shadow:0 1px 1px #0002}[data-native-mockup=whatsapp] .guest .native-bubble{background:#dcf8c6;color:#111b21}[data-native-mockup=whatsapp] .native-bubble:before{content:'';position:absolute;left:-5px;top:0;width:8px;height:13px;clip-path:polygon(0 0,100% 0,100% 100%);background:#fff}[data-native-mockup=whatsapp] .guest .native-bubble:before{left:auto;right:-5px;background:#dcf8c6;transform:scaleX(-1)}[data-native-mockup=whatsapp] .native-input{background:#fff}[data-native-mockup=whatsapp] .native-round{background:#075e54}
[data-native-mockup=instagram] .native-heading{gap:7px}[data-native-mockup=instagram] .native-title strong{font-size:14px}[data-native-mockup=instagram] .native-heading>.native-avatar{width:28px;height:28px;border:2px solid #dc4291}[data-native-mockup=instagram] .native-bubble{background:#efefef;border:1px solid #e5e7eb;border-radius:22px 22px 22px 4px;font-size:14.5px;line-height:19px;padding:8px 14px}[data-native-mockup=instagram] .guest .native-bubble{background:#0095f6;border-color:#0095f6;border-radius:22px 22px 4px 22px}[data-native-mockup=instagram] .native-composer{border-top:1px solid #dbdbdb}[data-native-mockup=instagram] .native-input{background:white;padding-inline:0}[data-native-mockup=instagram] .native-round{background:#0095f6}
[data-native-mockup=facebook] .native-heading{color:#0084ff}[data-native-mockup=facebook] .native-title{color:#111}[data-native-mockup=facebook] .native-composer{gap:7px}[data-native-mockup=facebook] .native-composer>svg{width:21px;height:21px}[data-native-mockup=facebook] .native-input{padding:9px 8px;gap:3px}
[data-native-mockup=web] .native-messages{padding:16px;gap:16px}[data-native-mockup=web] .native-bubble{background:#f3f4f6;color:#1f2937;border-radius:18px 18px 18px 4px;padding:10px 14px;font-size:15px;line-height:1.4}[data-native-mockup=web] .guest .native-bubble{background:#245bff;color:white;border-radius:18px 18px 4px 18px}[data-native-mockup=web] .native-row>.native-avatar{width:34px;height:34px;align-self:flex-start}[data-native-mockup=web] .native-composer{border-top:1px solid #f3f4f6;padding:8px}[data-native-mockup=web] .native-input{background:#f9fafb;border:1px solid #e5e7eb;padding:4px 4px 4px 10px}[data-native-mockup=web] .native-round{width:34px;height:34px;background:#245bff}.chat-scene:has(.native-mockup){width:100%}.chat-scene:has(.native-mockup) .live-record{position:relative;max-width:390px;width:100%;margin:18px auto 0;inset:auto;transform:none}.tech-hero .native-caption{color:#fff}.tech-hero .native-caption span{color:#bfcef7}.chat-stage:has(.native-mockup){max-width:540px;width:100%;margin-inline:auto}.native-messages:focus-visible{outline:3px solid #245bff;outline-offset:-3px}.native-messages .chat-typing{background:#eee;color:#555;align-self:flex-start;flex-shrink:0}
@media(max-width:400px){.native-phone{border-radius:39px;padding:9px;height:670px}.native-screen{border-radius:27px}.native-heading{gap:5px;padding-inline:9px}.native-actions{gap:7px}.native-actions svg{width:17px;height:17px}.native-title strong{font-size:13px}[data-native-mockup=instagram] .native-title strong{font-size:12px}.native-composer{gap:5px;padding-inline:7px}.native-bubble{max-width:79%;padding-inline:11px}.native-caption{font-size:11px}.native-caption span{font-size:8px}[data-native-mockup=facebook] .native-composer>svg{width:18px;height:18px}}
@media(prefers-reduced-motion:reduce){.native-row{animation:none}}
/* Preserve the source layouts; deepen native blue bubbles for readable small text.
   box-shadow replaces filter so text contrast can be inspected reliably. */
.native-mockup{filter:none}.native-phone{box-shadow:0 25px 40px #17347520}
[data-native-mockup=instagram] .guest .native-bubble{background:#0076c4;border-color:#0076c4}
[data-native-mockup=facebook] .guest .native-bubble{background:#006fd6}
.native-bubble small{color:#566573}
.native-input{color:#53616e}