:root{font-family:Outfit,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;line-height:1.6;font-weight:400;--bg-primary: #ffffff;--bg-secondary: #f8fdf8;--bg-tertiary: #e8f5e8;--text-primary: #1a472a;--text-secondary: #4a5568;--text-tertiary: #718096;--border-light: #e2e8f0;--border-medium: #cbd5e0;--accent-primary: #22c55e;--accent-hover: #16a34a;--accent-light: #f0fdf4;--nigeria-green: #008751;--nigeria-green-light: #dcfce7;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box;margin:0;padding:0}body{margin:0;font-family:inherit;background-color:var(--bg-primary);color:var(--text-primary);min-height:100vh}a{color:var(--accent-primary);text-decoration:none}a:hover{text-decoration:underline}button{font-family:inherit;cursor:pointer;border:none;border-radius:6px;font-weight:500;transition:all .15s ease}button:focus-visible{outline:2px solid var(--accent-primary);outline-offset:2px}input,textarea{font-family:inherit;border:1px solid var(--border-medium);border-radius:6px;transition:border-color .15s ease}input:focus,textarea:focus{outline:none;border-color:var(--accent-primary)}:root{--search-modal-bg: rgba(255, 255, 255, .85);--search-overlay-bg: rgba(0, 0, 0, .4);--search-primary: #008751;--search-text: #1e293b;--search-placeholder: #94a3b8;--search-border: rgba(255, 255, 255, .5);--search-shadow: 0 20px 60px -10px rgba(0, 0, 0, .15)}.floating-search-button{position:fixed;top:2rem;right:2rem;background:var(--search-primary);color:#fff;border:none;border-radius:99px;padding:1rem;display:flex;align-items:center;justify-content:center;box-shadow:0 10px 30px #0087514d;cursor:pointer;transition:all .3s cubic-bezier(.34,1.56,.64,1);z-index:50;width:60px;height:60px}.search-icon-wrapper{display:flex;align-items:center;justify-content:center;flex-shrink:0}.floating-search-button:hover{transform:translateY(-4px) scale(1.02);box-shadow:0 15px 40px #00875166}.floating-search-button:active{transform:translateY(-1px) scale(.98)}.search-label{font-weight:600;font-size:.95rem;letter-spacing:.01em;white-space:nowrap;line-height:1}.search-modal-overlay{position:fixed;inset:0;background:var(--search-overlay-bg);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);display:flex;justify-content:center;align-items:center;padding:1.5rem;z-index:1000;animation:overlay-fade-in .3s ease forwards}.search-modal-overlay.closing{animation:overlay-fade-out .3s ease forwards}.search-modal-card{background:var(--search-modal-bg);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid var(--search-border);border-radius:32px;padding:2.5rem;width:100%;max-width:480px;box-shadow:var(--search-shadow);animation:modal-spring-up .5s cubic-bezier(.34,1.56,.64,1) forwards;position:relative;overflow:hidden}.search-modal-card.closing{animation:modal-scale-down .2s ease forwards}.search-modal-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:2rem}.search-modal-header h2{font-size:1.75rem;font-weight:700;color:var(--search-text);margin:0;line-height:1.2;letter-spacing:-.02em;background:linear-gradient(135deg,#1e293b,#334155);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}.close-modal{background:#0000000d;border:none;width:36px;height:36px;border-radius:50%;font-size:1.5rem;color:var(--search-text);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease;line-height:1}.close-modal:hover{background:#0000001a;transform:rotate(90deg)}.input-wrapper{display:flex;align-items:center;background:#fff;border:2px solid transparent;border-radius:20px;padding:.75rem 1rem;box-shadow:0 4px 20px #0000000d;transition:all .2s ease;flex:1}.input-wrapper:focus-within{border-color:var(--search-primary);box-shadow:0 8px 30px #00875126;transform:translateY(-2px)}.flag-icon{margin-right:.75rem;border-radius:4px;box-shadow:0 2px 4px #0000001a}.country-code{font-weight:600;color:var(--search-text);margin-right:.75rem;padding-right:.75rem;border-right:2px solid #e2e8f0}.phone-input{border:none;font-size:1.25rem;font-weight:500;color:var(--search-text);width:100%;background:transparent;outline:none;font-family:Outfit,sans-serif;letter-spacing:.02em}.phone-input::placeholder{color:var(--search-placeholder);opacity:.6}.input-group{display:flex;gap:1rem;align-items:center}.search-submit-button{background:var(--search-primary);color:#fff;border:none;width:56px;height:56px;border-radius:20px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s cubic-bezier(.34,1.56,.64,1);box-shadow:0 8px 20px #00875140;flex-shrink:0}.search-submit-button:hover:not(:disabled){transform:scale(1.05) rotate(-5deg);background:#006d41}.search-submit-button:disabled{background:#cbd5e1;cursor:not-allowed;box-shadow:none}.error-message{margin-top:1.5rem;padding:1rem;border-radius:16px;font-size:.9rem;display:flex;align-items:center;gap:.75rem;animation:shake .4s cubic-bezier(.36,.07,.19,.97) both}.error-message.network{background:#eff6ff;color:#1d4ed8;border:1px solid #dbeafe}.error-message.notfound{background:#fff7ed;color:#c2410c;border:1px solid #ffedd5}.error-message.generic{background:#fef2f2;color:#b91c1c;border:1px solid #fee2e2}.validation-hint{margin-top:1rem;padding:.75rem 1rem;border-radius:12px;font-size:.85rem;display:flex;align-items:center;gap:.5rem;background:#fef3c7;color:#92400e;border:1px solid #fde68a}.search-tips{margin-top:2rem;text-align:center;color:var(--search-placeholder);font-size:.9rem}.spinner{width:24px;height:24px;border:3px solid rgba(255,255,255,.3);border-radius:50%;border-top-color:#fff;animation:spin .8s linear infinite}@keyframes overlay-fade-in{0%{opacity:0}to{opacity:1}}@keyframes overlay-fade-out{0%{opacity:1}to{opacity:0}}@keyframes modal-spring-up{0%{opacity:0;transform:translateY(40px) scale(.9)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes modal-scale-down{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.95)}}@keyframes spin{to{transform:rotate(360deg)}}@media (max-width: 640px){.search-modal-card{padding:1.5rem;border-radius:24px}.search-modal-header h2{font-size:1.5rem}.input-group{flex-direction:column}.search-submit-button{width:100%;height:48px;border-radius:16px}.floating-search-button{bottom:1.5rem;right:1.5rem;padding:.85rem 1.25rem}}.site-footer{width:100%;padding:3rem 1.5rem;background:#ffffff80;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-top:1px solid rgba(255,255,255,.3);margin-top:auto;position:relative;z-index:10}.footer-content{max-width:1200px;margin:0 auto;display:flex;flex-direction:column;align-items:center;gap:2rem;text-align:center}.footer-section h3{font-size:1.25rem;font-weight:700;color:var(--search-text);margin-bottom:.5rem}.footer-section p{color:var(--search-placeholder);margin-bottom:1.5rem;font-size:.95rem}.app-buttons{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap}.app-store-button,.play-store-button{display:flex;align-items:center;gap:.75rem;background:#1e293b;color:#fff;border:none;padding:.5rem 1.25rem;border-radius:12px;cursor:not-allowed;opacity:.8;transition:all .2s ease;min-width:160px}.app-store-button:hover:not(:disabled),.play-store-button:hover:not(:disabled){transform:translateY(-2px);opacity:1;box-shadow:0 4px 12px #0003}.button-text{display:flex;flex-direction:column;align-items:flex-start;line-height:1.2}.small-text{font-size:.7rem;opacity:.8}.large-text{font-size:1rem;font-weight:600}.footer-bottom{margin-top:2rem;padding-top:2rem;border-top:1px solid rgba(0,0,0,.05);width:100%}.footer-bottom p{font-size:.85rem;color:var(--search-placeholder)}@media (max-width: 640px){.app-buttons{flex-direction:column}}.business-page{min-height:100vh;display:flex;flex-direction:column;background:var(--chat-bg-gradient);font-family:Outfit,sans-serif;color:var(--text-primary);position:relative;overflow-x:hidden}.business-container{max-width:600px;margin:0 auto;width:100%;padding:1.5rem;display:flex;flex-direction:column;min-height:100vh;position:relative;z-index:1}.back-nav{margin-bottom:2rem}.back-button-link{display:inline-flex;align-items:center;gap:.5rem;color:var(--text-secondary);text-decoration:none;font-weight:500;padding:.5rem 1rem;border-radius:99px;background:#ffffff80;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);transition:all .2s ease;border:1px solid rgba(255,255,255,.5)}.back-button-link:hover{background:#fffc;transform:translate(-2px);color:var(--text-primary);box-shadow:0 4px 12px #0000000d}.business-card{background:#ffffffbf;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.6);border-radius:32px;padding:2.5rem;box-shadow:0 20px 60px -10px #0000001a;animation:slide-up-fade .6s cubic-bezier(.34,1.56,.64,1);display:flex;flex-direction:column;align-items:center;text-align:center}.business-avatar-wrapper{width:120px;height:120px;border-radius:50%;margin-bottom:1.5rem;position:relative;box-shadow:0 10px 30px #0000001a;background:#fff;overflow:hidden;border:4px solid white;box-sizing:border-box;display:flex;align-items:center;justify-content:center}.business-avatar-wrapper img{width:100%;height:100%;object-fit:cover;display:block}.business-icon-placeholder{width:100%;height:100%;border-radius:50%;background:#f0fdf4;color:#008751;display:flex;align-items:center;justify-content:center}.business-name{font-size:2rem;font-weight:700;color:var(--text-primary);margin:0 0 .5rem;line-height:1.2}.business-meta{display:flex;flex-direction:column;align-items:center;gap:.5rem;margin-bottom:2rem}.business-phone{font-size:1.1rem;color:var(--text-secondary);font-weight:500}.business-address{font-size:.95rem;color:var(--text-secondary);opacity:.8;max-width:80%;line-height:1.5}.business-status{margin-bottom:1rem}.business-actions{width:100%;margin-top:1rem}.start-chat-button{width:100%;background:var(--primary-gradient);color:#fff;border:none;padding:1rem;border-radius:20px;font-size:1.1rem;font-weight:600;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:.75rem;transition:all .3s cubic-bezier(.34,1.56,.64,1);box-shadow:0 8px 20px #00875140}.start-chat-button:hover:not(:disabled){transform:translateY(-2px) scale(1.02);box-shadow:0 12px 30px #00875159}.start-chat-button:active:not(:disabled){transform:translateY(0) scale(.98)}.start-chat-button:disabled{background:#cbd5e1;cursor:not-allowed;box-shadow:none;opacity:.8}.loading-container,.error-container{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:2rem;background:#ffffff80;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:24px;margin-top:2rem}.loading-spinner{width:40px;height:40px;border:3px solid rgba(0,135,81,.1);border-top-color:#008751;border-radius:50%;animation:spin 1s linear infinite;margin-bottom:1rem}.error-icon{color:#ef4444;margin-bottom:1rem}@keyframes slide-up-fade{0%{opacity:0;transform:translateY(40px)}to{opacity:1;transform:translateY(0)}}.skeleton{background-color:#ffffff80;position:relative;overflow:hidden}.skeleton:after{content:"";position:absolute;inset:0;transform:translate(-100%);background-image:linear-gradient(90deg,#fff0 0,#fff6 20%,#ffffffb3 60%,#fff0);animation:shimmer 2s infinite}.skeleton-text{height:1em;border-radius:4px;margin-bottom:.5rem}.skeleton-circular{border-radius:50%}.skeleton-rectangular{border-radius:8px}@keyframes shimmer{to{transform:translate(100%)}}:root{--chat-bg-gradient: linear-gradient(135deg, #f0f4f8 0%, #ffffff 100%);--glass-bg: rgba(255, 255, 255, .75);--glass-border: rgba(255, 255, 255, .6);--glass-shadow: 0 8px 32px 0 rgba(31, 38, 135, .07);--primary-color: #008751;--primary-gradient: linear-gradient(135deg, #008751 0%, #00a060 100%);--text-primary: #1e293b;--text-secondary: #64748b;--bubble-radius: 20px}.chat-page{min-height:100vh;display:flex;flex-direction:column;background:var(--chat-bg-gradient);font-family:Inter,system-ui,-apple-system,sans-serif;color:var(--text-primary)}.chat-container{max-width:800px;margin:0 auto;width:100%;min-height:100vh;display:flex;flex-direction:column;position:relative}.chat-header{display:flex;align-items:center;justify-content:space-between;padding:1rem 1.5rem;background:var(--glass-bg);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-bottom:1px solid var(--glass-border);position:sticky;top:0;z-index:100;transition:all .3s ease}@media (min-width: 768px){.chat-header{margin:1.5rem 1.5rem 0;border-radius:24px;border:1px solid var(--glass-border);box-shadow:var(--glass-shadow);top:1.5rem}}.chat-info h2{font-size:1.1rem;font-weight:700;color:var(--text-primary);margin:0;letter-spacing:-.02em}.chat-header-right{display:flex;align-items:center;gap:1rem}.status-badge{padding:.35rem .75rem;border-radius:99px;font-size:.75rem;font-weight:600;display:inline-flex;align-items:center;gap:.4rem;transition:all .3s ease}.status-badge.online{background:#22c55e1a;color:#15803d;border:1px solid rgba(34,197,94,.2)}.status-badge.offline{background:#f1f5f9;color:#64748b;border:1px solid #e2e8f0}.status-dot{width:6px;height:6px;border-radius:50%;background:currentColor;box-shadow:0 0 0 2px #ffffff80}.chat-actions{display:flex;gap:.5rem}.action-button{background:transparent;border:none;padding:.6rem;cursor:pointer;border-radius:12px;color:var(--text-secondary);display:inline-flex;align-items:center;justify-content:center;transition:all .2s cubic-bezier(.4,0,.2,1)}.action-button:hover{background:#0000000d;color:var(--text-primary);transform:translateY(-1px)}.back-button{margin-right:.5rem;color:var(--text-primary)}.messages-container{flex:1;overflow-y:auto;padding:1.5rem 0 calc(8rem + env(safe-area-inset-bottom,0px));display:flex;flex-direction:column;gap:.75rem;scroll-behavior:smooth}.messages-bottom-anchor{height:1px;scroll-margin-bottom:calc(7rem + env(safe-area-inset-bottom,0px))}.date-separator{display:flex;justify-content:center;margin:2rem 0 1rem;position:relative}.date-separator span{background:#fffc;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);color:var(--text-secondary);font-size:.75rem;font-weight:600;padding:.4rem 1rem;border-radius:99px;z-index:1;box-shadow:0 2px 8px #0000000d}.message{padding:0 1.5rem;display:flex;flex-direction:column;white-space:pre-wrap;animation:message-slide-in .4s cubic-bezier(.34,1.56,.64,1)}.user-message{align-items:flex-end}.agent-message{align-items:flex-start}.message-content{max-width:80%;padding:1rem 1.25rem;position:relative;font-size:.95rem;line-height:1.6;box-shadow:0 2px 4px #00000005;transition:all .2s ease}.user-message .message-content{background:var(--primary-gradient);color:#fff;border-radius:var(--bubble-radius) var(--bubble-radius) 4px var(--bubble-radius);box-shadow:0 4px 15px #00875133}.agent-message .message-content{background:#fff;color:var(--text-primary);border-radius:var(--bubble-radius) var(--bubble-radius) var(--bubble-radius) 4px;border:1px solid rgba(226,232,240,.6);box-shadow:0 4px 15px #00000008}.message-footer{display:flex;align-items:center;justify-content:flex-end;gap:.4rem;margin-top:.35rem;opacity:.7}.user-message .message-footer{color:#ffffffe6}.agent-message .message-footer{color:var(--text-secondary)}.message-time{font-size:.7rem;font-weight:500}.typing-message .message-content{padding:1.25rem 1.5rem;min-width:60px}.typing-indicator{display:flex;gap:5px;align-items:center;height:8px}.typing-indicator span{width:8px;height:8px;border-radius:50%;background:#cbd5e1;animation:typing-bounce 1.4s infinite ease-in-out both}.typing-indicator span:nth-child(1){animation-delay:-.32s}.typing-indicator span:nth-child(2){animation-delay:-.16s}.typing-indicator span:nth-child(3){animation-delay:0}@keyframes typing-bounce{0%,80%,to{transform:scale(0)}40%{transform:scale(1)}}@keyframes message-slide-in{0%{opacity:0;transform:translateY(15px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.message-input-form{padding:1rem 1.5rem;padding-bottom:calc(1rem + env(safe-area-inset-bottom,0px));background:var(--glass-bg);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-top:1px solid var(--glass-border);position:sticky;bottom:0;z-index:100;transition:all .3s ease}@media (min-width: 768px){.message-input-form{margin:0 1.5rem 1.5rem;border-radius:24px;border:1px solid var(--glass-border);box-shadow:var(--glass-shadow);bottom:1.5rem;background:#ffffffd9}}.input-container{display:flex;gap:.75rem;align-items:flex-end;background:#fff;padding:.5rem;border-radius:28px;border:1px solid #e2e8f0;box-shadow:0 2px 8px #00000005;transition:all .2s ease}.input-container:focus-within{border-color:var(--primary-color);box-shadow:0 4px 12px #0087511a;transform:translateY(-1px)}.message-input{flex:1;padding:.85rem 1.25rem;border:none;background:transparent;font-size:1rem;line-height:1.5;resize:none;max-height:150px;color:var(--text-primary)}.message-input:focus{outline:none;box-shadow:none}.message-input::placeholder{color:#94a3b8}.send-button{width:44px;height:44px;border-radius:50%;background:var(--primary-color);color:#fff;border:none;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);box-shadow:0 4px 12px #00875140}.send-button:hover:not(:disabled){background:#006d41;transform:scale(1.05);box-shadow:0 6px 16px #00875159}.send-button:active:not(:disabled){transform:scale(.95)}.send-button:disabled{background:#cbd5e1;cursor:not-allowed;box-shadow:none}.scroll-to-latest{position:fixed;right:2rem;bottom:120px;z-index:90}.scroll-to-latest button{background:#1e293be6;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:#fff;border:none;padding:.7rem 1.25rem;border-radius:99px;font-weight:600;font-size:.9rem;box-shadow:0 8px 24px #00000026;cursor:pointer;transition:all .2s ease;display:inline-flex;align-items:center;gap:.5rem}.scroll-to-latest button:hover{transform:translateY(-2px);background:#0f172a}.chat-notice{margin:0 1.5rem 1rem;padding:.85rem 1.25rem;border-radius:16px;font-size:.9rem;text-align:center;animation:fade-in .3s ease;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.chat-notice-info{background:#3b82f61a;color:#1d4ed8;border:1px solid rgba(59,130,246,.2)}.chat-notice-error{background:#ef44441a;color:#b91c1c;border:1px solid rgba(239,68,68,.2)}@keyframes fade-in{0%{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:translateY(0)}}.chat-modal-overlay{background:#0006;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.chat-modal{box-shadow:0 25px 50px -12px #00000040;border:1px solid rgba(255,255,255,.1);border-radius:24px}.message-failed .message-content{opacity:1;animation:shake .4s cubic-bezier(.36,.07,.19,.97) both}.message-failed.user-message .message-content{background:#fef2f2e6;color:#b91c1c;border:1px solid rgba(252,165,165,.4);box-shadow:0 4px 12px #dc262614;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.message-sending .message-content{opacity:.85;animation:breathe 2s infinite ease-in-out}.message-sending.user-message .message-content{background:#f1f5f9cc;color:var(--text-secondary);box-shadow:none;border:1px solid rgba(226,232,240,.5)}.retry-button{background:#fff;color:#ef4444;border:1px solid #fee2e2;padding:.5rem 1rem;border-radius:99px;font-size:.8rem;font-weight:500;cursor:pointer;margin-top:.5rem;display:flex;align-items:center;gap:.5rem;transition:all .2s cubic-bezier(.34,1.56,.64,1);align-self:flex-end;box-shadow:0 2px 8px #ef444414;letter-spacing:.01em}.retry-button:hover:not(:disabled){background:#fef2f2;border-color:#fca5a5;transform:translateY(-2px);box-shadow:0 6px 16px #ef444426;color:#dc2626}.retry-button:active:not(:disabled){transform:translateY(0);box-shadow:0 2px 4px #ef44441a}.retry-button:disabled{opacity:.6;cursor:not-allowed;background:#f8fafc}@keyframes breathe{0%{opacity:.85}50%{opacity:.6}to{opacity:.85}}@keyframes shake{10%,90%{transform:translate3d(-1px,0,0)}20%,80%{transform:translate3d(2px,0,0)}30%,50%,70%{transform:translate3d(-3px,0,0)}40%,60%{transform:translate3d(3px,0,0)}}.chat-modal-overlay{position:fixed;inset:0;background:#0006;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);display:flex;justify-content:center;align-items:center;padding:1.5rem;z-index:1000;animation:overlay-fade-in .3s ease forwards}.chat-modal{background:#fffffff2;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.5);border-radius:32px;padding:2rem;width:100%;max-width:400px;box-shadow:0 20px 60px -10px #00000026;animation:modal-spring-up .5s cubic-bezier(.34,1.56,.64,1) forwards;text-align:center}.chat-modal h3{font-size:1.25rem;font-weight:700;color:var(--text-primary);margin:0 0 .75rem;letter-spacing:-.02em}.chat-modal p{color:var(--text-secondary);font-size:.95rem;line-height:1.5;margin:0 0 2rem}.chat-modal-actions{display:flex;gap:1rem;justify-content:center}.modal-button{flex:1;padding:.85rem 1.5rem;border-radius:16px;font-weight:600;font-size:.95rem;cursor:pointer;transition:all .2s cubic-bezier(.34,1.56,.64,1);border:none}.modal-button.secondary{background:#f1f5f9;color:var(--text-secondary);border:1px solid transparent}.modal-button.secondary:hover{background:#e2e8f0;transform:translateY(-2px)}.modal-button.danger{background:#fee2e2;color:#dc2626;border:1px solid #fecaca}.modal-button.danger:hover{background:#fecaca;transform:translateY(-2px);box-shadow:0 4px 12px #dc26261a}.modal-button:disabled{opacity:.6;cursor:not-allowed;transform:none}.modal-error{background:#fef2f2;color:#b91c1c;padding:.75rem;border-radius:12px;font-size:.9rem;margin-bottom:1.5rem;border:1px solid #fecaca}.app{min-height:100vh;background-color:var(--bg-primary)}.search-page{min-height:100vh;display:flex;align-items:flex-start;justify-content:center;padding:3rem 2rem;background-color:var(--bg-secondary)}.search-container{max-width:880px;width:100%;text-align:left;margin:0 auto}.search-header{text-align:left}.search-header h1{font-size:clamp(2.25rem,4vw,3.25rem);font-weight:800;color:var(--text-primary);margin-bottom:.75rem;line-height:1.15;letter-spacing:-.01em}.search-header p{font-size:1.05rem;color:var(--text-secondary);font-weight:400}.headline-accent{color:var(--accent-primary);background:var(--accent-light);padding:.2rem .65rem;border-radius:999px;display:inline-block;font-size:clamp(1.8rem,3vw,2.25rem);font-weight:600}.hero-subtitle{max-width:640px;margin:0 0 1.25rem;font-size:1.15rem;line-height:1.6}.hero-inline{margin:0 0 2.5rem;font-size:1.05rem;color:var(--text-secondary);line-height:1.7}.search-form{margin-bottom:3rem}.signup-note{font-size:.95rem;color:var(--text-secondary);margin:2rem 0 1rem;text-align:center}.inline-highlight{color:var(--accent-primary);font-weight:600}.store-links{display:flex;flex-wrap:nowrap;gap:.75rem;align-items:center;justify-content:center}.store-badge{display:inline-flex;align-items:center;gap:.6rem;padding:.75rem 1.5rem;border:1px solid var(--border-medium);border-radius:999px;font-size:.9rem;color:var(--text-primary);background:var(--bg-primary);transition:all .2s ease;padding-inline:1.25rem}.store-badge:hover{border-color:var(--accent-primary);color:var(--accent-primary)}.store-badge svg{flex-shrink:0}.store-badge span{white-space:nowrap}@media (max-width: 540px){.store-links{flex-direction:column;flex-wrap:nowrap}}.input-group{display:flex;gap:.75rem;margin-bottom:1rem}.phone-input{flex:1;padding:.875rem 1rem;font-size:1rem;border:1px solid var(--border-medium);border-radius:8px;background:var(--bg-primary);color:var(--text-primary)}.phone-input:focus{border-color:var(--accent-primary);box-shadow:0 0 0 3px #10a37f1a}.phone-input::placeholder{color:var(--text-tertiary)}.error-message{background:#fef2f2;color:#dc2626;padding:.75rem 1rem;border-radius:8px;margin:1rem 0;font-size:.9rem;text-align:left;border:1px solid #fecaca}.error-message p{margin:0}.error-message .error-hint{margin-top:.35rem;font-size:.85rem;color:#9b1c1c}.retry-inline{margin-top:.6rem;background:#fff;border:1px solid #dc2626;color:#dc2626;padding:.35rem .75rem;border-radius:6px;font-weight:600;cursor:pointer}.search-button{padding:.875rem 1.5rem;font-size:1rem;font-weight:500;background:var(--accent-primary);color:#fff;border-radius:8px;cursor:pointer}.search-button:hover:not(:disabled){background:var(--accent-hover)}.search-button:disabled{background:var(--text-tertiary);cursor:not-allowed}.search-features{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1.5rem;margin-top:2rem}.feature{text-align:left;color:var(--text-secondary);background:var(--bg-primary);border:1px solid var(--border-light);border-radius:20px;padding:1.5rem;box-shadow:0 6px 18px #0000000a;transition:transform .2s ease,box-shadow .2s ease}.feature:hover{transform:translateY(-4px);box-shadow:0 18px 40px #00000014}.feature-icon{display:inline-flex;align-items:center;justify-content:center;margin-bottom:.75rem;opacity:.85}.feature-icon svg{width:2.5rem;height:2.5rem}.feature h3{font-size:1rem;margin-bottom:.5rem;font-weight:600;color:var(--text-primary)}.feature h3 span{background:var(--accent-light);padding:.2rem .5rem;border-radius:999px;display:inline-block;font-size:.85rem;text-transform:uppercase;letter-spacing:.08em}.feature p{font-size:.9rem;line-height:1.4}.business-page{min-height:100vh;padding:2rem;background-color:var(--bg-secondary);display:flex;flex-direction:column;justify-content:center}.business-container{max-width:620px;margin:0 auto}.back-button{display:inline-flex;align-items:center;color:var(--text-secondary);font-weight:500;margin-bottom:1.5rem;padding:.5rem 0}.back-button:hover{color:var(--accent-primary)}.business-card{background:var(--bg-primary);border-radius:16px;padding:2rem;border:1px solid var(--border-light);margin-bottom:2rem;box-shadow:0 4px 20px #00000014;position:relative}.business-header{display:flex;align-items:flex-start;gap:1.25rem;margin-bottom:2rem}.business-icon{display:inline-flex;align-items:center;justify-content:center;background:var(--bg-tertiary);padding:1rem;border-radius:12px;color:var(--nigeria-green)}.business-avatar{width:72px;height:72px;border-radius:16px;object-fit:cover;border:2px solid var(--border-light);box-shadow:0 10px 24px #00000014}.business-icon svg{width:3rem;height:3rem}.business-info{flex:1;text-align:left}.business-info-header{display:flex;align-items:center;justify-content:space-between;gap:.75rem;margin-bottom:.5rem}.business-info h1{font-size:1.75rem;font-weight:600;margin:0;color:var(--text-primary)}.phone-number{font-size:1rem;color:var(--text-secondary);font-weight:400}.status-badge{padding:.375rem .75rem;border-radius:16px;font-size:.8rem;font-weight:500;display:inline-flex;align-items:center;gap:.25rem}.status-badge.online{background:var(--accent-light);color:var(--accent-primary)}.status-badge.offline{background:#f3f4f6;color:var(--text-tertiary)}.status-dot{display:inline-flex;width:.5rem;height:.5rem;border-radius:999px;background:currentColor}.status-badge{gap:.35rem}.business-address{color:var(--text-secondary);font-size:.85rem;margin-top:.25rem}.loading-message{text-align:center;padding:3rem;color:var(--text-secondary);font-size:1rem}.business-services h3{font-size:1.1rem;font-weight:600;margin-bottom:1rem;color:var(--text-primary)}.service-tags{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:1.5rem}.service-tag{background:var(--bg-tertiary);color:var(--text-primary);padding:.375rem .75rem;border-radius:16px;font-size:.8rem;font-weight:500}.chat-section{text-align:center;margin-top:2rem;padding-top:1.5rem;border-top:1px solid var(--border-light)}.start-chat-button{background:var(--accent-primary);color:#fff;padding:.875rem 1.5rem;border-radius:8px;font-size:1rem;font-weight:500;cursor:pointer;display:inline-flex;align-items:center;gap:.5rem}.chat-icon{display:inline-flex;align-items:center;justify-content:center}.chat-icon svg{width:1.5rem;height:1.5rem}.start-chat-button:hover{background:var(--accent-hover)}.start-chat-button:disabled{background:var(--border-medium);color:var(--text-secondary);cursor:not-allowed;opacity:.75}.start-chat-button:disabled:hover{background:var(--border-medium)}.chat-description{margin-top:1rem;color:var(--text-secondary);font-size:.9rem}.trust-indicators{display:flex;justify-content:center;gap:1rem;flex-wrap:wrap;margin-top:1rem}.trust-item{display:flex;align-items:center;gap:.5rem;background:var(--bg-primary);padding:.5rem .75rem;border-radius:20px;border:1px solid var(--border-light);font-size:.85rem}.trust-icon{display:inline-flex;align-items:center;justify-content:center}.trust-icon svg{width:1.25rem;height:1.25rem}@media (max-width: 768px){.search-page{padding:2rem 1.25rem}.search-container,.search-header{text-align:center}.hero-subtitle{margin:0 auto 1.25rem}.search-header h1{font-size:2.2rem}.headline-accent{font-size:2rem}.hero-glance{grid-template-columns:1fr}.input-group{flex-direction:column;gap:.75rem}.business-page{padding:3rem 1rem 1rem;justify-content:flex-start}.business-card{padding:1.5rem}.business-header{gap:.75rem;margin-bottom:1.5rem}.trust-indicators{flex-direction:column;gap:.75rem}.trust-item{justify-content:center}.chat-container{border-left:none;border-right:none}.message-content{max-width:85%!important}.message-footer{flex-direction:column;align-items:flex-start;gap:.25rem}.retry-button{font-size:.7rem;padding:.25rem .5rem}.search-features{grid-template-columns:1fr;gap:1rem}.messages-container{padding:.5rem 0 5rem}.message{padding:0 1rem;margin-bottom:.75rem}.chat-notice{margin:0 1rem .75rem}.chat-header{padding:.75rem 1rem}.chat-header-right{gap:.5rem}.chat-info h2{font-size:1rem}.message-content{padding:.65rem .85rem}.message-content p{font-size:.9rem;line-height:1.4}.message-time,.message-status{font-size:.65rem}.message-input-form{padding:.75rem 1rem}.message-input{font-size:1rem;min-height:48px}.send-button{width:40px;height:40px}.scroll-to-latest{right:.75rem;bottom:96px}}.floating-search-button{position:fixed;top:1.5rem;right:1.5rem;z-index:20;width:48px;height:48px;border-radius:50%;border:none;background:var(--nigeria-green);color:#fff;display:inline-flex;align-items:center;justify-content:center;box-shadow:0 10px 30px #00000026;cursor:pointer;transition:transform .15s ease,box-shadow .15s ease}.floating-search-button:hover{transform:translateY(-2px);box-shadow:0 18px 40px #0003}.search-modal{position:fixed;inset:0;background:#00000059;display:flex;align-items:center;justify-content:center;padding:1.5rem;z-index:30}.search-modal-card{background:#fff;border-radius:20px;padding:1.75rem;width:min(420px,100%);box-shadow:0 30px 80px #0000001f;border:1px solid rgba(34,197,94,.2)}.search-modal-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1rem}.search-modal-header h2{font-size:1.2rem;margin:0}.close-modal{background:none;border:none;font-size:1.5rem;cursor:pointer;color:var(--text-secondary)}