#gp5-home .message-showcase{width:100%;max-width:580px;margin:auto;color:#171916;font-family:var(--body)}#gp5-home .message-phone{border:1px solid #17191620;border-radius:24px;background:#fff;overflow:hidden;box-shadow:0 18px 50px #17191612}#gp5-home .message-top{display:flex;gap:12px;align-items:center;padding:20px;background:#f4f4f5;border-bottom:1px solid #17191614}#gp5-home .message-avatar{width:42px;height:42px;border-radius:50%;background:#171916;color:#d9fa52;display:grid;place-items:center;font:24px var(--display);flex-shrink:0}#gp5-home .message-top strong{font-size:16px;display:block}#gp5-home .message-top div>span{display:block;font-size:11px;color:#5b6256}#gp5-home .message-call{margin-left:auto;font-size:22px}#gp5-home .message-thread{display:flex;flex-direction:column;gap:14px;padding:20px}#gp5-home .message-date{font-size:10px;text-align:center;color:#62685c;text-transform:uppercase;letter-spacing:1.1px;margin-bottom:5px}#gp5-home .chat-bubble{max-width:88%;font-size:14px;line-height:1.55;padding:13px 16px;border-radius:19px;margin:0}#gp5-home .chat-out{align-self:flex-end;background:#0866d5;color:#fff;border-bottom-right-radius:5px}#gp5-home .chat-in{align-self:flex-start;background:#e9e9ec;color:#20221f;border-bottom-left-radius:5px}#gp5-home .message-receipt{align-self:flex-end;font-size:10px;color:#62685c;margin-top:-8px}#gp5-home .message-outcome{padding:15px 20px;font-size:12px;font-weight:600;border-top:1px solid #17191614;background:#f7f8f3;display:flex;align-items:center;gap:9px}#gp5-home .message-outcome>span{background:#d9fa52;border-radius:50%;width:23px;height:23px;display:grid;place-items:center}#gp5-home .message-wa{background:#eeeae1}#gp5-home .message-wa .message-top{background:#145c4c;color:#fff}#gp5-home .message-wa .message-top div>span{color:#e1eee8}#gp5-home .message-wa .chat-out{background:#d9fdd3;color:#17251d;border-radius:10px 10px 3px}#gp5-home .message-wa .chat-in{background:#fff;border-radius:10px 10px 10px 3px}@media(max-width:500px){#gp5-home .message-thread{padding:16px;gap:12px}#gp5-home .chat-bubble{font-size:13px;padding:12px 14px;max-width:92%}#gp5-home .message-top{padding:16px}}

/* WhatsApp-inspired GP5 phone */
#gp5-home .message-wa{max-width:410px;margin:0 auto;background:#0b141a;color:#e9edef;border:7px solid #161918;border-radius:42px;box-shadow:0 0 0 1px #697068,0 24px 48px #17191630;}
#gp5-home .message-wa .wa-status{height:44px;padding:12px 20px 4px;display:flex;justify-content:space-between;align-items:center;font:600 11px var(--body);position:relative;background:#111b21;}
#gp5-home .wa-island{position:absolute;left:50%;transform:translateX(-50%);top:9px;width:95px;height:25px;background:#030706;border-radius:20px;}
#gp5-home .message-wa .message-top{padding:12px 14px;gap:10px;background:#111b21;border-bottom:1px solid #ffffff0c;}
#gp5-home .wa-back{font-size:30px;color:#d9fa52;line-height:1;}
#gp5-home .message-wa .message-avatar{width:48px;height:48px;background:#20291e;border:1px solid #d9fa5230;}
#gp5-home .message-wa .message-avatar img{width:38px;height:auto;display:block;}
#gp5-home .message-wa .message-top strong{font-size:16px;color:#f0f3ec;}
#gp5-home .message-wa .message-top div>span{color:#aebcb6;font-size:10px;}
#gp5-home .message-wa .message-call{color:#d9fa52;}
#gp5-home .message-wa .message-thread{padding:18px 14px 20px;gap:13px;background-color:#0b141a;background-image:radial-gradient(#82958112 1px,transparent 1px);background-size:18px 18px;}
#gp5-home .message-wa .message-date{color:#bdcac4;background:#182329;align-self:center;border-radius:6px;padding:6px 9px;font-size:9px;letter-spacing:.6px;}
#gp5-home .message-wa .chat-bubble{font-size:13px;line-height:1.5;padding:10px 12px;max-width:88%;box-shadow:0 1px 1px #0004;}
#gp5-home .message-wa .chat-out{color:#f0f5f1;background:#005c4b;border-radius:12px 2px 12px 12px;}
#gp5-home .message-wa .chat-in{color:#e9edef;background:#202c33;border-radius:2px 12px 12px;}
#gp5-home .wa-time{display:block;text-align:right;font-size:9px;color:#b4c9c1;margin-top:4px;line-height:1.2;}
#gp5-home .wa-ticks{color:#73d4f5;letter-spacing:-3px;padding-right:3px;}
#gp5-home .wa-compose{display:flex;align-items:center;gap:12px;padding:10px 14px;background:#111b21;color:#b2c1b9;font-size:22px;}
#gp5-home .wa-input{flex:1;border-radius:22px;background:#253139;padding:10px 14px;font-size:12px;display:flex;justify-content:space-between;color:#aebbb4;}
#gp5-home .message-wa .message-outcome{background:#111b21;color:#c9d5ca;font-size:10px;border:0;justify-content:center;padding:8px 12px;}
#gp5-home .message-wa .message-outcome>span{color:#171916;width:18px;height:18px;}
#gp5-home .wa-home{height:4px;width:110px;background:#d3d9d4;border-radius:4px;margin:12px auto 9px;}
@media(max-width:500px){#gp5-home .message-wa{border-width:5px;border-radius:34px;}#gp5-home .message-wa .chat-bubble{font-size:12px;}#gp5-home .message-wa .message-thread{padding:14px 11px;}}

/* GP5 brand typography: Anton display, Inter body, IBM Plex Mono details. */
#gp5-home .message-showcase{font-family:"GP5 Inter",sans-serif;}
#gp5-home .message-wa .message-top strong{font-family:"GP5 Anton",sans-serif;font-size:23px;font-weight:400;letter-spacing:.3px;}
#gp5-home .message-wa .chat-bubble,#gp5-home .message-wa .wa-input,#gp5-home .message-wa .message-outcome{font-family:"GP5 Inter",sans-serif;}
#gp5-home .message-wa .wa-time,#gp5-home .message-wa .message-date,#gp5-home .message-wa .wa-status,#gp5-home .message-wa .message-top div>span{font-family:"GP5 Mono",monospace;}