html < !DOCTYPE html><html lang="en"><head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0"><title>Reeboot AI - Empower Your Business with AI-Powered WhatsApp Automation</title><link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0/css/all.min.css" integrity="sha512-9usAa10IRO0HhonpyAIVpjrylPvoDwiPUiKdWk5t3PyolY1cOd4DSE0Ga+ri4AuTroPR5aQvXU9xC6qOPnzFeg==" crossorigin="anonymous" referrerpolicy="no-referrer" /><link rel="preconnect" href="https://fonts.googleapis.com"><link rel="preconnect" href="https://fonts.gstatic.com" crossorigin><link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap" rel="stylesheet"><style>* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

body {
    font-family: 'Inter', sans-serif;
    line-height: 1.6;
    color: #333;
    overflow-x: hidden;
}

.container {
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 20px;
}

/* Header */
.header {
    position: fixed;
    top: 0;
    width: 100%;
    background: rgba(255, 255, 255, 0.95);
    backdrop-filter: blur(10px);
    z-index: 1000;
    padding: 1rem 0;
    box-shadow: 0 2px 20px rgba(0, 0, 0, 0.1);
}

.nav {
    display: flex;
    justify-content: space-between;
    align-items: center;
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 20px;
    min-height: 100px;
}

.nav-brand {
    display: flex;
    align-items: center;
    flex-shrink: 0;
    height: 80px;
    z-index: 10;
}

.logo {
    height: 80px;
    width: auto;
    max-width: 300px;
    object-fit: contain;
    transition: transform 0.3s ease;
    display: block !important;
    opacity: 1 !important;
    visibility: visible !important;
    background: transparent;
    border: none;
    outline: none;
    position: relative;
    z-index: 100;
}

/* Fallback styling if logo doesn't load */
.nav-brand::after {
    content: "REEBOOT";
    font-size: 1.5rem;
    font-weight: 700;
    color: #1370cd;
    display: none;
    align-items: center;
    height: 80px;
    line-height: 80px;
}

.logo[src=""]+ ::after,
.logo:not([src])+ ::after {
    display: flex;
}

.logo:hover {
    transform: scale(1.05);
}

.nav-menu {
    display: flex;
    list-style: none;
    gap: 2rem;
    align-items: center;
    margin: 0;
    padding: 0;
}

.nav-menu a {
    text-decoration: none;
    color: #333;
    font-weight: 500;
    transition: color 0.3s ease;
    display: flex;
    align-items: center;
    padding: 0.5rem 0;
}

.nav-menu a:hover {
    color: #1370cd;
}

.nav-toggle {
    display: none;
    flex-direction: column;
    cursor: pointer;
    padding: 5px;
    z-index: 1001;
    position: relative;
}

.nav-toggle span {
    width: 25px;
    height: 3px;
    background: #333;
    margin: 3px 0;
    transition: 0.3s;
    border-radius: 2px;
}

/* Mobile Navigation Styles */
@media (max-width: 1023px) {
    .nav-toggle {
        display: flex;
    }

    .nav-menu {
        position: fixed;
        top: 0;
        left: -100%;
        width: 100%;
        height: 100vh;
        background: rgba(255, 255, 255, 0.98);
        backdrop-filter: blur(10px);
        flex-direction: column;
        justify-content: center;
        align-items: center;
        transition: left 0.3s ease;
        z-index: 1000;
        box-shadow: 2px 0 20px rgba(0, 0, 0, 0.1);
    }

    .nav-menu.active {
        left: 0;
        display: flex;
    }

    .nav-menu li {
        margin: 1.5rem 0;
    }

    .nav-menu a {
        font-size: 1.4rem;
        padding: 1rem 2rem;
        border-radius: 12px;
        transition: all 0.3s ease;
        display: block;
        text-align: center;
        min-width: 200px;
    }

    .nav-menu a:hover {
        background: #1370cd;
        color: white;
        transform: scale(1.05);
    }

    .nav-toggle.active span:nth-child(1) {
        transform: rotate(45deg) translate(5px, 5px);
    }

    .nav-toggle.active span:nth-child(2) {
        opacity: 0;
    }

    .nav-toggle.active span:nth-child(3) {
        transform: rotate(-45deg) translate(7px, -6px);
    }
}

/* Hero Section */
.hero {
    min-height: 100vh;
    display: flex;
    align-items: center;
    background: linear-gradient(135deg, #1370cd 0%, #0a4fb3 100%);
    color: white;
    padding: 140px 20px 80px;
    position: relative;
    overflow: hidden;
}

.hero::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1000 1000"><circle cx="200" cy="300" r="2" fill="rgba(255,255,255,0.1)"/><circle cx="800" cy="200" r="3" fill="rgba(255,255,255,0.1)"/><circle cx="400" cy="700" r="2" fill="rgba(255,255,255,0.1)"/></svg>');
    animation: float 20s infinite linear;
}

@keyframes float {
    0% {
        transform: translateY(0px);
    }

    50% {
        transform: translateY(-20px);
    }

    100% {
        transform: translateY(0px);
    }
}

.hero-content {
    max-width: 1200px;
    margin: 0 auto;
    text-align: center;
    position: relative;
    z-index: 1;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.hero-badge {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    background: rgba(255, 255, 255, 0.15);
    padding: 12px 24px;
    border-radius: 50px;
    font-size: 0.9rem;
    font-weight: 600;
    margin-bottom: 2rem;
    backdrop-filter: blur(10px);
    border: 1px solid rgba(255, 255, 255, 0.2);
    animation: glow 3s ease-in-out infinite alternate;
}

@keyframes glow {
    from {
        box-shadow: 0 0 10px rgba(255, 215, 0, 0.3);
    }

    to {
        box-shadow: 0 0 20px rgba(255, 215, 0, 0.6);
    }
}

.hero-badge i {
    color: #ffd93d;
    animation: sparkle 2s ease-in-out infinite;
}

@keyframes sparkle {

    0%,
    100% {
        transform: scale(1);
    }

    50% {
        transform: scale(1.2);
    }
}

.hero-title {
    font-size: 3.8rem;
    font-weight: 700;
    margin-top: 2rem;
    margin-bottom: 2rem;
    line-height: 1.2;
    text-align: center;
    letter-spacing: -0.02em;
}

.highlight {
    background: linear-gradient(45deg, #ff6b6b, #ffd93d);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    font-weight: 800;
    position: relative;
}

.hero-subtitle {
    font-size: 1.4rem;
    margin-bottom: 3rem;
    opacity: 0.95;
    max-width: 800px;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
    line-height: 1.6;
    font-weight: 400;
}

.hero-value-props {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 3rem;
    margin-bottom: 3rem;
    flex-wrap: wrap;
    width: 100%;
}

.value-prop {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    font-weight: 600;
    font-size: 1.1rem;
    background: rgba(255, 255, 255, 0.1);
    padding: 12px 20px;
    border-radius: 25px;
    backdrop-filter: blur(10px);
    border: 1px solid rgba(255, 255, 255, 0.2);
    transition: all 0.3s ease;
    text-align: center;
}

.value-prop:hover {
    transform: translateY(-5px);
    background: rgba(255, 255, 255, 0.2);
}

.value-prop i {
    color: #ffd93d;
    font-size: 1.2rem;
}

.hero-buttons {
    display: flex;
    gap: 1.5rem;
    justify-content: center;
    margin-bottom: 3rem;
    flex-wrap: wrap;
}

.btn {
    padding: 15px 30px;
    border: none;
    border-radius: 50px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s ease;
    text-decoration: none;
    display: inline-block;
    font-size: 1.1rem;
}

.btn-primary {
    background: linear-gradient(45deg, #ff6b6b, #ffd93d);
    color: white;
    box-shadow: 0 4px 15px rgba(255, 107, 107, 0.3);
}

.btn-primary:hover {
    transform: translateY(-3px);
    box-shadow: 0 8px 25px rgba(255, 107, 107, 0.4);
}

.btn-secondary {
    background: rgba(255, 255, 255, 0.1);
    color: white;
    border: 2px solid rgba(255, 255, 255, 0.3);
    backdrop-filter: blur(10px);
}

.btn-secondary:hover {
    background: rgba(255, 255, 255, 0.2);
    color: white;
    border-color: rgba(255, 255, 255, 0.5);
    transform: translateY(-3px);
}

.demo-btn {
    display: flex;
    align-items: center;
    gap: 0.75rem;
}

.demo-btn i {
    font-size: 1rem;
}

.whatsapp-hero-btn {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    background: linear-gradient(45deg, #25d366, #128c7e) !important;
    color: white !important;
    text-decoration: none;
    justify-content: center;
    min-height: 56px;
    padding: 16px 32px;
    border-radius: 50px;
    font-weight: 600;
    font-size: 1.1rem;
    box-shadow: 0 4px 20px rgba(37, 211, 102, 0.3);
    transition: all 0.3s ease;
    position: relative;
    overflow: hidden;
}

.whatsapp-hero-btn:before {
    content: '';
    position: absolute;
    top: 0;
    left: -100%;
    width: 100%;
    height: 100%;
    background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.2), transparent);
    transition: left 0.5s;
}

.whatsapp-hero-btn:hover:before {
    left: 100%;
}

.whatsapp-hero-btn:hover {
    transform: translateY(-3px);
    box-shadow: 0 8px 30px rgba(37, 211, 102, 0.5);
    color: white !important;
}

.whatsapp-hero-btn:active {
    transform: translateY(-1px);
    box-shadow: 0 4px 15px rgba(37, 211, 102, 0.4);
}

.whatsapp-hero-btn i {
    font-size: 1.3rem;
    animation: bounce 2s infinite;
}

@keyframes bounce {

    0%,
    20%,
    50%,
    80%,
    100% {
        transform: translateY(0);
    }

    40% {
        transform: translateY(-3px);
    }

    60% {
        transform: translateY(-1px);
    }
}

.hero-social-proof {
    display: flex;
    justify-content: center;
    gap: 2rem;
    margin-bottom: 3rem;
    flex-wrap: wrap;
}

.proof-item {
    display: flex;
    align-items: center;
    gap: 8px;
    font-size: 0.95rem;
    opacity: 0.9;
}

.proof-stars {
    display: flex;
    gap: 2px;
}

.proof-stars i {
    color: #ffd93d;
    font-size: 0.8rem;
}

.proof-item i {
    color: #4CAF50;
    font-size: 1rem;
}

.hero-business-types {
    margin-top: 2rem;
}

.business-types-title {
    font-size: 1rem;
    margin-bottom: 1rem;
    opacity: 0.8;
    font-weight: 500;
}

.business-type-tags {
    display: flex;
    justify-content: center;
    gap: 1rem;
    flex-wrap: wrap;
}

.business-tag {
    background: rgba(255, 255, 255, 0.1);
    padding: 8px 16px;
    border-radius: 20px;
    font-size: 0.9rem;
    font-weight: 500;
    backdrop-filter: blur(10px);
    border: 1px solid rgba(255, 255, 255, 0.2);
    transition: all 0.3s ease;
}

.business-tag:hover {
    background: rgba(255, 255, 255, 0.2);
    transform: translateY(-2px);
}

.hero-floating-elements {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    pointer-events: none;
    z-index: 0;
}

.floating-element {
    position: absolute;
    background: rgba(255, 255, 255, 0.1);
    backdrop-filter: blur(10px);
    border: 1px solid rgba(255, 255, 255, 0.2);
    border-radius: 15px;
    padding: 12px 16px;
    display: flex;
    align-items: center;
    gap: 8px;
    font-size: 0.8rem;
    font-weight: 600;
    animation: floatMove 6s ease-in-out infinite;
}

.floating-element i {
    color: #ffd93d;
    font-size: 1.2rem;
}

.elem-1 {
    top: 15%;
    left: 8%;
    animation-delay: 0s;
}

.elem-2 {
    top: 25%;
    right: 10%;
    animation-delay: 2s;
}

.elem-3 {
    bottom: 20%;
    left: 12%;
    animation-delay: 4s;
}

@keyframes floatMove {

    0%,
    100% {
        transform: translateY(0px) rotate(0deg);
        opacity: 0.7;
    }

    50% {
        transform: translateY(-20px) rotate(2deg);
        opacity: 1;
    }
}

.hero-stats {
    display: flex;
    justify-content: center;
    gap: 4rem;
    margin-top: 2rem;
}

.stat {
    text-align: center;
}

.stat h3 {
    font-size: 2.5rem;
    font-weight: 700;
    margin-bottom: 0.5rem;
    color: #ffd93d;
}

.stat p {
    font-size: 1rem;
    opacity: 0.9;
}

/* Services Section */
.services {
    padding: 100px 0;
    background: linear-gradient(135deg, #f8f9fa 0%, #e3f2fd 100%);
    position: relative;
    overflow: hidden;
}

.services::before {
    content: '';
    position: absolute;
    top: -50px;
    right: -50px;
    width: 200px;
    height: 200px;
    background: linear-gradient(135deg, #1370cd 0%, #0a4fb3 100%);
    border-radius: 50%;
    opacity: 0.05;
}

.services::after {
    content: '';
    position: absolute;
    bottom: -100px;
    left: -100px;
    width: 300px;
    height: 300px;
    background: linear-gradient(135deg, #ff6b6b 0%, #ffd93d 100%);
    border-radius: 50%;
    opacity: 0.03;
}

.services-header {
    text-align: center;
    margin-bottom: 4rem;
    position: relative;
    z-index: 1;
}

.section-title {
    font-size: 3rem;
    font-weight: 700;
    margin-bottom: 1.5rem;
    color: #333;
    line-height: 1.2;
}

.section-subtitle {
    font-size: 1.2rem;
    color: #666;
    max-width: 700px;
    margin: 0 auto;
    line-height: 1.6;
}

.single-service-showcase {
    display: flex;
    justify-content: center;
    margin-bottom: 4rem;
    position: relative;
    z-index: 1;
}

.service-hero-card {
    background: white;
    border-radius: 30px;
    max-width: 900px;
    width: 100%;
    overflow: hidden;
    box-shadow: 0 25px 60px rgba(0, 0, 0, 0.12);
    transition: all 0.4s ease;
    cursor: pointer;
    position: relative;
}

.service-hero-card:hover {
    transform: translateY(-10px);
    box-shadow: 0 35px 80px rgba(0, 0, 0, 0.15);
}

.service-hero-header {
    position: relative;
    padding: 3rem 3rem 2rem;
    background: linear-gradient(135deg, #25D366 0%, #128C7E 100%);
    color: white;
    text-align: center;
}

.service-hero-badge {
    position: absolute;
    top: 2rem;
    right: 2rem;
    background: rgba(255, 255, 255, 0.2);
    padding: 0.5rem 1.5rem;
    border-radius: 25px;
    font-size: 0.9rem;
    font-weight: 600;
    backdrop-filter: blur(10px);
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

.service-hero-icon {
    width: 120px;
    height: 120px;
    background: rgba(255, 255, 255, 0.2);
    border-radius: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 4rem;
    color: white;
    margin: 0 auto;
    backdrop-filter: blur(10px);
}

.service-hero-content {
    padding: 3rem;
}

.service-hero-content h3 {
    font-size: 2.5rem;
    font-weight: 700;
    margin-bottom: 1.5rem;
    color: #333;
    text-align: center;
}

.service-hero-description {
    font-size: 1.2rem;
    color: #666;
    text-align: center;
    margin-bottom: 3rem;
    line-height: 1.7;
}

.service-capabilities {
    margin-bottom: 3rem;
}

.capability-row {
    display: flex;
    flex-direction: column;
    gap: 2rem;
}

.capability-item {
    display: flex;
    align-items: flex-start;
    gap: 1.5rem;
    padding: 2rem;
    background: #f8f9fa;
    border-radius: 20px;
    transition: all 0.3s ease;
}

.capability-item:hover {
    transform: translateX(10px);
    background: #e3f2fd;
}

.capability-icon {
    width: 70px;
    height: 70px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: white;
    font-size: 1.8rem;
    flex-shrink: 0;
}

.capability-icon.sales {
    background: linear-gradient(135deg, #4CAF50 0%, #2E7D32 100%);
}

.capability-icon.support {
    background: linear-gradient(135deg, #2196F3 0%, #1565C0 100%);
}

.capability-icon.marketing {
    background: linear-gradient(135deg, #FF9800 0%, #F57C00 100%);
}

.capability-content h4 {
    font-size: 1.4rem;
    font-weight: 700;
    color: #333;
    margin-bottom: 0.5rem;
}

.capability-content p {
    color: #666;
    font-size: 1.1rem;
    line-height: 1.6;
    margin: 0;
}

.service-results {
    display: flex;
    justify-content: space-around;
    margin-bottom: 3rem;
    padding: 2rem;
    background: linear-gradient(135deg, #f8f9fa 0%, #e3f2fd 100%);
    border-radius: 20px;
}

.result-stat {
    text-align: center;
}

.result-stat h4 {
    font-size: 2.5rem;
    font-weight: 700;
    color: #25D366;
    margin-bottom: 0.5rem;
}

.result-stat p {
    color: #666;
    font-size: 1rem;
    margin: 0;
}

.service-hero-cta {
    text-align: center;
}

.cta-button {
    display: inline-flex;
    align-items: center;
    gap: 1rem;
    padding: 1.5rem 3rem;
    background: linear-gradient(135deg, #25D366 0%, #128C7E 100%);
    color: white;
    border-radius: 50px;
    font-weight: 600;
    font-size: 1.2rem;
    transition: all 0.3s ease;
    box-shadow: 0 8px 25px rgba(37, 211, 102, 0.3);
}

.cta-button:hover {
    transform: translateY(-3px);
    box-shadow: 0 12px 35px rgba(37, 211, 102, 0.4);
}

.services-guarantee-section {
    display: flex;
    justify-content: center;
    position: relative;
    z-index: 1;
}

.guarantee-card {
    display: flex;
    align-items: center;
    gap: 2rem;
    padding: 2.5rem 3rem;
    background: white;
    border-radius: 20px;
    box-shadow: 0 15px 40px rgba(0, 0, 0, 0.1);
    max-width: 600px;
    width: 100%;
}

.guarantee-icon {
    width: 80px;
    height: 80px;
    background: linear-gradient(135deg, #4CAF50 0%, #2E7D32 100%);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 2.2rem;
    color: white;
    flex-shrink: 0;
}

.guarantee-content h4 {
    font-size: 1.4rem;
    font-weight: 700;
    color: #333;
    margin-bottom: 0.5rem;
}

.guarantee-content p {
    color: #666;
    line-height: 1.6;
    margin: 0;
}

/* Mobile Responsive for New Service Design */
@media (max-width: 768px) {
    .service-hero-card {
        margin: 0 15px;
    }

    .service-hero-header {
        padding: 2rem 2rem 1.5rem;
    }

    .service-hero-icon {
        width: 100px;
        height: 100px;
        font-size: 3rem;
    }

    .service-hero-content {
        padding: 2rem;
    }

    .service-hero-content h3 {
        font-size: 2rem;
    }

    .service-hero-description {
        font-size: 1.1rem;
    }

    .capability-item {
        flex-direction: row;
        padding: 1.5rem;
    }

    .capability-icon {
        width: 60px;
        height: 60px;
        font-size: 1.5rem;
    }

    .capability-content h4 {
        font-size: 1.2rem;
    }

    .capability-content p {
        font-size: 1rem;
    }

    .service-results {
        flex-direction: column;
        gap: 1.5rem;
        padding: 1.5rem;
    }

    .result-stat h4 {
        font-size: 2rem;
    }

    .cta-button {
        padding: 1.2rem 2.5rem;
        font-size: 1.1rem;
    }

    .guarantee-card {
        flex-direction: column;
        text-align: center;
        padding: 2rem;
        margin: 0 15px;
    }

    .guarantee-icon {
        width: 70px;
        height: 70px;
        font-size: 2rem;
    }
}

@media (max-width: 480px) {
    .service-hero-header {
        padding: 1.5rem 1.5rem 1rem;
    }

    .service-hero-badge {
        position: static;
        margin-bottom: 1rem;
        width: fit-content;
        margin-left: auto;
        margin-right: auto;
    }

    .service-hero-icon {
        width: 90px;
        height: 90px;
        font-size: 2.5rem;
    }

    .service-hero-content {
        padding: 1.5rem;
    }

    .service-hero-content h3 {
        font-size: 1.8rem;
    }

    .capability-item {
        flex-direction: column;
        text-align: center;
        gap: 1rem;
    }

    .capability-icon {
        width: 60px;
        height: 60px;
        font-size: 1.5rem;
        margin: 0 auto;
    }

    .service-results {
        padding: 1.5rem;
    }

    .result-stat h4 {
        font-size: 1.8rem;
    }

    .cta-button {
        padding: 1rem 2rem;
        font-size: 1rem;
        width: 100%;
        max-width: 300px;
    }

    .guarantee-card {
        padding: 1.5rem;
    }
}

.service-card-premium {
    background: white;
    border-radius: 25px;
    overflow: hidden;
    box-shadow: 0 15px 50px rgba(0, 0, 0, 0.1);
    transition: all 0.4s ease;
    cursor: pointer;
    position: relative;
    border: 2px solid transparent;
}

.service-card-premium:hover {
    transform: translateY(-15px);
    box-shadow: 0 25px 70px rgba(0, 0, 0, 0.15);
    border-color: #1370cd;
}

.service-card-header {
    position: relative;
    padding: 2rem 2rem 1rem;
    background: linear-gradient(135deg, #1370cd 0%, #0a4fb3 100%);
    color: white;
}

.service-icon-premium {
    width: 90px;
    height: 90px;
    background: rgba(255, 255, 255, 0.2);
    border-radius: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 2.5rem;
    color: white;
    margin-bottom: 1rem;
    backdrop-filter: blur(10px);
}

.marketing-icon {
    background: linear-gradient(135deg, #ff6b6b 0%, #ffd93d 100%);
}

.service-card-premium:nth-child(2) .service-card-header {
    background: linear-gradient(135deg, #ff6b6b 0%, #ffd93d 100%);
}

.service-badge {
    position: absolute;
    top: 1rem;
    right: 1rem;
    background: rgba(255, 255, 255, 0.9);
    color: #1370cd;
    padding: 0.5rem 1rem;
    border-radius: 25px;
    font-size: 0.85rem;
    font-weight: 600;
}

.marketing-badge {
    color: #ff6b6b;
}

.service-card-content {
    padding: 2rem;
}

.service-card-content h3 {
    font-size: 1.8rem;
    font-weight: 700;
    margin-bottom: 1rem;
    color: #333;
}

.service-description {
    color: #666;
    line-height: 1.7;
    margin-bottom: 2rem;
    font-size: 1.05rem;
}

.service-highlights {
    display: flex;
    flex-direction: column;
    gap: 1rem;
    margin-bottom: 2rem;
    padding: 1.5rem;
    background: #f8f9fa;
    border-radius: 15px;
    border-left: 4px solid #1370cd;
}

.service-card-premium:nth-child(2) .service-highlights {
    border-left-color: #ff6b6b;
}

.highlight-item {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    font-weight: 600;
    color: #333;
}

.highlight-item i {
    width: 25px;
    height: 25px;
    background: linear-gradient(135deg, #1370cd 0%, #0a4fb3 100%);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: white;
    font-size: 0.8rem;
    flex-shrink: 0;
}

.service-card-premium:nth-child(2) .highlight-item i {
    background: linear-gradient(135deg, #ff6b6b 0%, #ffd93d 100%);
}

.service-features-premium {
    margin-bottom: 2rem;
}

.service-features-premium h4 {
    font-size: 1.1rem;
    font-weight: 600;
    margin-bottom: 1rem;
    color: #333;
}

.service-features-premium ul {
    list-style: none;
    padding: 0;
}

.service-features-premium li {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    padding: 0.5rem 0;
    color: #666;
    font-size: 1rem;
}

.service-features-premium li i {
    color: #1370cd;
    font-size: 0.9rem;
    width: 16px;
    flex-shrink: 0;
}

.service-card-premium:nth-child(2) .service-features-premium li i {
    color: #ff6b6b;
}

.service-cta {
    border-top: 1px solid #eee;
    padding-top: 1.5rem;
}

.service-action {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0.75rem;
    padding: 1rem 2rem;
    background: linear-gradient(135deg, #1370cd 0%, #0a4fb3 100%);
    color: white;
    border-radius: 50px;
    font-weight: 600;
    font-size: 1.1rem;
    transition: all 0.3s ease;
}

.service-card-premium:nth-child(2) .service-action {
    background: linear-gradient(135deg, #ff6b6b 0%, #ffd93d 100%);
}

.service-action:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(19, 112, 205, 0.3);
}

.service-card-premium:nth-child(2) .service-action:hover {
    box-shadow: 0 5px 20px rgba(255, 107, 107, 0.3);
}

.services-footer {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 3rem;
    align-items: center;
    position: relative;
    z-index: 1;
}

.services-guarantee {
    display: flex;
    align-items: center;
    gap: 1.5rem;
    padding: 2rem;
    background: white;
    border-radius: 20px;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.08);
}

.guarantee-icon {
    width: 70px;
    height: 70px;
    background: linear-gradient(135deg, #25d366 0%, #128c7e 100%);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 2rem;
    color: white;
    flex-shrink: 0;
}

.guarantee-text h4 {
    font-size: 1.3rem;
    font-weight: 700;
    color: #333;
    margin-bottom: 0.5rem;
}

.guarantee-text p {
    color: #666;
    margin: 0;
    line-height: 1.5;
}

.services-stats {
    display: flex;
    justify-content: space-around;
    padding: 2rem;
    background: white;
    border-radius: 20px;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.08);
}

.stat-item {
    text-align: center;
}

.stat-item h4 {
    font-size: 2.5rem;
    font-weight: 700;
    color: #1370cd;
    margin-bottom: 0.5rem;
}

.stat-item p {
    color: #666;
    margin: 0;
    font-size: 0.95rem;
}

/* Mobile Responsive for Services */
@media (max-width: 1024px) {
    .services-showcase {
        grid-template-columns: 1fr;
        gap: 2rem;
    }

    .services-footer {
        grid-template-columns: 1fr;
        gap: 2rem;
    }

    .footer-content {
        grid-template-columns: 1fr;
        gap: 3rem;
        text-align: center;
        align-items: center;
    }

    .footer-brand {
        text-align: center;
    }

    .footer-links {
        grid-template-columns: 1fr 1fr;
        gap: 2rem;
        justify-items: center;
        align-items: start;
    }

    .footer-section {
        text-align: center;
        min-width: 150px;
        display: flex;
        flex-direction: column;
        align-items: center;
    }

    .footer-section h4 {
        text-align: center;
    }

    .footer-section ul {
        text-align: center;
    }

    .footer-section li {
        text-align: center;
    }

    .footer-section a {
        text-align: center;
    }
}

@media (max-width: 768px) {
    .section-title {
        font-size: 2.2rem;
    }

    .services-showcase {
        grid-template-columns: 1fr;
        gap: 2rem;
    }

    .service-card-premium {
        margin: 0 15px;
    }

    .service-card-content {
        padding: 1.5rem;
    }

    .service-highlights {
        padding: 1rem;
    }

    .services-guarantee {
        flex-direction: column;
        text-align: center;
        gap: 1rem;
    }

    .services-stats {
        flex-direction: column;
        gap: 1.5rem;
    }

    .stat-item h4 {
        font-size: 2rem;
    }
}

@media (max-width: 768px) {
    .hero-title {
        font-size: 2.8rem;
    }

    .hero-value-props {
        flex-direction: column;
        gap: 1rem;
        align-items: center;
    }

    .value-prop {
        font-size: 1rem;
        padding: 10px 18px;
    }

    .hero-social-proof {
        flex-direction: column;
        gap: 1rem;
        text-align: center;
    }

    .business-type-tags {
        gap: 0.5rem;
    }

    .business-tag {
        font-size: 0.8rem;
        padding: 6px 12px;
    }

    .floating-element {
        font-size: 0.7rem;
        padding: 8px 12px;
    }

    .elem-1 {
        top: 10%;
        left: 5%;
    }

    .elem-2 {
        top: 15%;
        right: 5%;
    }

    .elem-3 {
        bottom: 15%;
        left: 8%;
    }

    .footer-content {
        grid-template-columns: 1fr;
        gap: 2.5rem;
        text-align: center;
    }

    .footer-links {
        grid-template-columns: 1fr;
        gap: 2rem;
        justify-items: center;
    }

    .footer-section {
        text-align: center;
        width: 100%;
        max-width: 200px;
        margin: 0 auto;
    }

    .footer-section h4 {
        margin-bottom: 1rem;
    }

    .footer-section ul {
        display: flex;
        flex-direction: column;
        align-items: center;
    }

    .footer-section li {
        margin-bottom: 0.5rem;
    }
}

@media (max-width: 480px) {
    .hero {
        padding: 140px 15px 60px;
    }

    .hero-title {
        font-size: 2.2rem;
        line-height: 1.3;
    }

    .hero-subtitle {
        font-size: 1.1rem;
    }

    .hero-badge {
        font-size: 0.8rem;
        padding: 10px 20px;
    }

    .hero-buttons {
        flex-direction: column;
        gap: 1rem;
        align-items: center;
    }

    .btn {
        width: 100%;
        max-width: 320px;
    }

    .hero-value-props {
        gap: 0.8rem;
    }

    .value-prop {
        font-size: 0.9rem;
        padding: 8px 16px;
    }

    .floating-element {
        display: none;
    }

    .services {
        padding: 60px 0;
    }

    .section-title {
        font-size: 1.8rem;
        line-height: 1.3;
    }

    .section-subtitle {
        font-size: 1rem;
        padding: 0 15px;
    }

    .service-card-header {
        padding: 1.5rem 1.5rem 1rem;
    }

    .service-icon-premium {
        width: 70px;
        height: 70px;
        font-size: 2rem;
    }

    .service-card-content h3 {
        font-size: 1.5rem;
    }

    .service-description {
        font-size: 1rem;
    }

    .services-guarantee {
        padding: 1.5rem;
    }

    .guarantee-icon {
        width: 60px;
        height: 60px;
        font-size: 1.5rem;
    }

    .guarantee-text h4 {
        font-size: 1.1rem;
    }

    .services-stats {
        padding: 1.5rem;
    }
}

/* About Section */
.about {
    padding: 100px 0;
    background: white;
}

.about-content {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 4rem;
    align-items: center;
}

.about-text h2 {
    font-size: 2.5rem;
    font-weight: 700;
    margin-bottom: 1.5rem;
    color: #333;
}

.about-text p {
    font-size: 1.1rem;
    color: #666;
    margin-bottom: 2rem;
    line-height: 1.6;
}

.about-features {
    display: flex;
    flex-direction: column;
    gap: 1.5rem;
}

.feature {
    display: flex;
    align-items: center;
    gap: 1rem;
}

.feature i {
    width: 50px;
    height: 50px;
    background: linear-gradient(135deg, #1370cd 0%, #0a4fb3 100%);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: white;
    font-size: 1.2rem;
}

.feature h4 {
    font-size: 1.2rem;
    font-weight: 600;
    color: #333;
    margin-bottom: 0.25rem;
}

.feature p {
    color: #666;
    margin: 0;
}

.about-image {
    display: flex;
    justify-content: center;
    align-items: center;
}

.ai-visualization {
    width: 300px;
    height: 300px;
    position: relative;
    border-radius: 50%;
    background: linear-gradient(135deg, #1370cd 0%, #0a4fb3 100%);
    display: flex;
    align-items: center;
    justify-content: center;
}

.ai-node {
    width: 20px;
    height: 20px;
    background: #ffd93d;
    border-radius: 50%;
    position: absolute;
    animation: pulse 2s infinite;
}

.ai-node:nth-child(1) {
    top: 20%;
    left: 50%;
    animation-delay: 0s;
}

.ai-node:nth-child(2) {
    top: 60%;
    left: 20%;
    animation-delay: 0.5s;
}

.ai-node:nth-child(3) {
    top: 60%;
    left: 80%;
    animation-delay: 1s;
}

@keyframes pulse {

    0%,
    100% {
        transform: scale(1);
        opacity: 1;
    }

    50% {
        transform: scale(1.5);
        opacity: 0.7;
    }
}

/* WhatsApp Order Management Section */
.whatsapp-orders {
    padding: 100px 0;
    background: white;
}

.section-subtitle {
    text-align: center;
    font-size: 1.2rem;
    color: #666;
    margin-bottom: 4rem;
    max-width: 800px;
    margin-left: auto;
    margin-right: auto;
}

.order-management-content {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 4rem;
    margin-top: 3rem;
}

.feature-highlight {
    background: linear-gradient(135deg, #25D366 0%, #128C7E 100%);
    color: white;
    padding: 3rem;
    border-radius: 20px;
    text-align: center;
    margin-bottom: 3rem;
}

.feature-highlight .feature-icon {
    width: 100px;
    height: 100px;
    margin: 0 auto 2rem;
    background: rgba(255, 255, 255, 0.2);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 3rem;
    color: white;
}

.feature-highlight h3 {
    font-size: 2rem;
    font-weight: 600;
    margin-bottom: 1rem;
}

.feature-highlight p {
    font-size: 1.1rem;
    opacity: 0.9;
    line-height: 1.6;
}

.usp-section {
    background: white;
    padding: 3rem;
    border-radius: 20px;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);
    margin-bottom: 3rem;
}

.usp-section h3 {
    font-size: 1.8rem;
    font-weight: 600;
    margin-bottom: 2rem;
    color: #333;
    text-align: center;
}

.usp-grid {
    display: flex;
    flex-direction: column;
    gap: 2rem;
}

.usp-item {
    display: flex;
    align-items: flex-start;
    gap: 1.5rem;
    padding: 1.5rem;
    background: #f8f9fa;
    border-radius: 15px;
    transition: transform 0.3s ease;
}

.usp-item:hover {
    transform: translateY(-5px);
}

.usp-item i {
    width: 50px;
    height: 50px;
    background: linear-gradient(135deg, #25D366 0%, #128C7E 100%);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: white;
    font-size: 1.2rem;
    flex-shrink: 0;
}

.usp-item h4 {
    font-size: 1.2rem;
    font-weight: 600;
    color: #333;
    margin-bottom: 0.5rem;
}

.usp-item p {
    color: #666;
    line-height: 1.5;
    margin: 0;
}

.use-cases-container {
    display: block;
    margin-top: 3rem;
    width: 100%;
}

.use-cases {
    margin-bottom: 3rem;
}

.use-cases h3 {
    font-size: 2.2rem;
    font-weight: 700;
    margin-bottom: 3rem;
    color: #333;
    text-align: center;
    position: relative;
}

.use-cases h3::after {
    content: '';
    position: absolute;
    bottom: -10px;
    left: 50%;
    transform: translateX(-50%);
    width: 80px;
    height: 4px;
    background: linear-gradient(135deg, #25D366 0%, #128C7E 100%);
    border-radius: 2px;
}

/* Mobile Features Section */
.mobile-features {
    background: white;
    padding: 3rem;
    border-radius: 20px;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);
    position: relative;
    overflow: hidden;
    margin-top: 3rem;
}

.mobile-features::before {
    content: '';
    position: absolute;
    top: -50px;
    right: -50px;
    width: 200px;
    height: 350px;
    background: linear-gradient(135deg, #1570ce 0%, #0a4fb3 100%);
    border-radius: 25px;
    opacity: 0.1;
    transform: rotate(15deg);
    z-index: 0;
}

.mobile-features::after {
    content: '📱';
    position: absolute;
    top: 20px;
    right: 30px;
    font-size: 60px;
    opacity: 0.2;
    z-index: 0;
}

.mobile-features>* {
    position: relative;
    z-index: 1;
}

.mobile-visual {
    display: flex;
    justify-content: center;
    margin-bottom: 2rem;
}

.mini-phone {
    width: 180px;
    height: 320px;
    background: #2c2c2c;
    border-radius: 25px;
    padding: 8px;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.3);
    transform: rotate(-5deg);
    transition: transform 0.3s ease;
}

.mini-phone:hover {
    transform: rotate(0deg) scale(1.05);
}

.phone-screen {
    width: 100%;
    height: 100%;
    background: white;
    border-radius: 18px;
    overflow: hidden;
    display: flex;
    flex-direction: column;
}

.phone-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 8px 15px;
    background: #000;
    font-size: 12px;
    font-weight: 600;
    color: #fff;
    border-radius: 18px 18px 0 0;
    min-height: 30px;
}

.phone-icons {
    font-size: 10px;
    display: flex;
    gap: 3px;
    align-items: center;
    color: #fff;
}

.phone-status {
    color: #fff;
    font-weight: 600;
    font-size: 12px;
}

.whatsapp-header {
    background: #075e54;
    color: white;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 12px 15px;
    font-size: 14px;
}

.wa-back,
.wa-menu {
    font-size: 16px;
    cursor: pointer;
}

.wa-title {
    font-weight: 600;
    flex: 1;
    text-align: center;
}

.chat-preview {
    flex: 1;
    background: #e5ddd5;
    padding: 15px 10px;
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.message-bubble {
    max-width: 80%;
    margin-bottom: 5px;
}

.message-bubble.received {
    align-self: flex-start;
}

.message-bubble.sent {
    align-self: flex-end;
}

.bubble-content {
    background: white;
    padding: 8px 12px;
    border-radius: 12px;
    font-size: 11px;
    line-height: 1.3;
    position: relative;
}

.message-bubble.received .bubble-content {
    background: white;
    border-bottom-left-radius: 4px;
}

.message-bubble.sent .bubble-content {
    background: #dcf8c6;
    border-bottom-right-radius: 4px;
}

.input-area {
    background: #f0f0f0;
    display: flex;
    align-items: center;
    padding: 8px 12px;
    gap: 8px;
}

.input-field {
    flex: 1;
    background: white;
    padding: 6px 10px;
    border-radius: 20px;
    font-size: 11px;
    color: #666;
}

.send-btn {
    width: 28px;
    height: 28px;
    background: #25D366;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 12px;
    cursor: pointer;
}

.mobile-features h3 {
    font-size: 2.2rem;
    font-weight: 700;
    margin-bottom: 3rem;
    color: #333;
    text-align: center;
    position: relative;
}

.mobile-features h3::after {
    content: '';
    position: absolute;
    bottom: -10px;
    left: 50%;
    transform: translateX(-50%);
    width: 80px;
    height: 4px;
    background: linear-gradient(135deg, #1570ce 0%, #0a4fb3 100%);
    border-radius: 2px;
}

.mobile-benefits {
    display: flex;
    flex-direction: column;
    gap: 2rem;
}

.mobile-benefit {
    display: flex;
    align-items: center;
    gap: 1.5rem;
    padding: 1.5rem;
    background: #f8f9fa;
    border-radius: 15px;
    transition: all 0.3s ease;
}

.mobile-benefit:hover {
    transform: translateX(10px);
    background: #e3f2fd;
}

.mobile-icon {
    width: 60px;
    height: 60px;
    background: linear-gradient(135deg, #1570ce 0%, #0a4fb3 100%);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: white;
    font-size: 1.5rem;
    flex-shrink: 0;
}

.mobile-text h4 {
    font-size: 1.2rem;
    font-weight: 600;
    color: #333;
    margin-bottom: 0.5rem;
}

.mobile-text p {
    color: #666;
    line-height: 1.5;
    margin: 0;
    font-size: 0.95rem;
}

.use-cases-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 2rem;
    margin: 3rem auto 0;
    max-width: 1200px;
    padding: 0 20px;
    width: 100%;
    box-sizing: border-box;
    align-items: stretch;
    justify-items: stretch;
}

/* Large Desktop (1200px+) - 3 columns with proper spacing */
@media (min-width: 1200px) {
    .use-cases-grid {
        grid-template-columns: repeat(3, 1fr);
        gap: 2.5rem;
        max-width: 1200px;
        padding: 0 40px;
    }

    .use-case {
        min-height: 340px;
    }
}

/* Desktop/Laptop (1024px - 1199px) - 3 columns */
@media (min-width: 1024px) and (max-width: 1199px) {
    .use-cases-grid {
        grid-template-columns: repeat(3, 1fr);
        gap: 2rem;
        max-width: 1000px;
        padding: 0 30px;
    }

    .use-case {
        min-height: 320px;
    }
}

/* Tablet (768px - 1023px) - 2 columns */
@media (min-width: 768px) and (max-width: 1023px) {
    .use-cases-grid {
        grid-template-columns: repeat(2, 1fr);
        gap: 2rem;
        max-width: 800px;
        padding: 0 25px;
    }

    .use-case {
        min-height: 300px;
    }
}

/* Mobile (767px and below) - 1 column */
@media (max-width: 767px) {
    .use-cases-grid {
        grid-template-columns: 1fr;
        gap: 1.5rem;
        padding: 0 15px;
        max-width: 500px;
    }

    .use-case {
        min-height: 280px;
        max-width: 400px;
        margin: 0 auto;
    }
}

.use-case {
    background: white;
    padding: 2.5rem 2rem;
    border-radius: 20px;
    text-align: center;
    transition: all 0.3s ease;
    border: 1px solid #e9ecef;
    box-shadow: 0 8px 25px rgba(0, 0, 0, 0.08);
    position: relative;
    overflow: hidden;
    min-height: 320px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: center;
    height: 100%;
    cursor: pointer;
    width: 100%;
    box-sizing: border-box;
}

.use-case::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 4px;
    background: linear-gradient(135deg, #1570ce 0%, #0a4fb3 100%);
    transform: scaleX(0);
    transition: transform 0.3s ease;
}

.use-case:hover::before {
    transform: scaleX(1);
}

.use-case:hover {
    transform: translateY(-8px);
    box-shadow: 0 20px 40px rgba(0, 0, 0, 0.12);
    border-color: #1570ce;
}

.use-case i {
    font-size: 3rem;
    color: #1570ce;
    margin-bottom: 1.5rem;
    transition: all 0.3s ease;
}

.use-case:hover i {
    transform: scale(1.1);
    color: #0a4fb3;
}

.use-case h4 {
    font-size: 1.4rem;
    font-weight: 700;
    margin-bottom: 1rem;
    color: #333;
    transition: color 0.3s ease;
}

.use-case:hover h4 {
    color: #1570ce;
}

.use-case p {
    color: #666;
    font-size: 1rem;
    line-height: 1.6;
    margin: 0;
    text-align: center;
    flex-grow: 1;
    display: flex;
    align-items: center;
}



.order-benefits h3 {
    font-size: 1.8rem;
    font-weight: 600;
    margin-bottom: 2rem;
    color: #333;
}

.benefits-list {
    display: flex;
    flex-direction: column;
    gap: 2rem;
}

.benefit {
    display: flex;
    align-items: flex-start;
    gap: 1.5rem;
    padding: 1.5rem;
    background: #f8f9fa;
    border-radius: 15px;
    transition: transform 0.3s ease;
}

.benefit:hover {
    transform: translateX(10px);
}

.benefit i {
    width: 60px;
    height: 60px;
    background: linear-gradient(135deg, #25D366 0%, #128C7E 100%);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: white;
    font-size: 1.5rem;
    flex-shrink: 0;
}

.benefit h4 {
    font-size: 1.3rem;
    font-weight: 600;
    color: #333;
    margin-bottom: 0.5rem;
}

.benefit p {
    color: #666;
    line-height: 1.5;
    margin: 0;
}

/* Results Section */
.results {
    padding: 100px 0;
    background: linear-gradient(135deg, #1370cd 0%, #0a4fb3 100%);
    color: white;
}

.results .section-title {
    color: white;
}

.results-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
    gap: 2rem;
    margin-top: 3rem;
}

.result-card {
    text-align: center;
    padding: 2rem;
    background: rgba(255, 255, 255, 0.1);
    border-radius: 15px;
    backdrop-filter: blur(10px);
    border: 1px solid rgba(255, 255, 255, 0.2);
}

.result-card h3 {
    font-size: 3rem;
    font-weight: 700;
    margin-bottom: 1rem;
    color: #ffd93d;
}

.result-card p {
    font-size: 1.1rem;
    opacity: 0.9;
}

/* WhatsApp AI Mobile Demo Section */
.whatsapp-mobile-demo {
    padding: 100px 0;
    background: linear-gradient(135deg, #f8f9fa 0%, #e3f2fd 100%);
}

.mobile-demo-content {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 4rem;
    align-items: center;
    margin-top: 4rem;
}

.mobile-demo-text h3 {
    font-size: 2.2rem;
    font-weight: 700;
    margin-bottom: 2rem;
    color: #333;
}

.demo-features {
    display: flex;
    flex-direction: column;
    gap: 2rem;
}

.demo-feature {
    display: flex;
    align-items: flex-start;
    gap: 1.5rem;
    padding: 1.5rem;
    background: white;
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.08);
    transition: transform 0.3s ease;
}

.demo-feature:hover {
    transform: translateY(-5px);
}

.demo-feature i {
    width: 50px;
    height: 50px;
    background: linear-gradient(135deg, #25D366 0%, #128C7E 100%);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: white;
    font-size: 1.2rem;
    flex-shrink: 0;
}

.demo-feature h4 {
    font-size: 1.2rem;
    font-weight: 600;
    color: #333;
    margin-bottom: 0.5rem;
}

.demo-feature p {
    color: #666;
    line-height: 1.5;
    margin: 0;
}

.mobile-phone-container {
    display: flex;
    justify-content: center;
    align-items: center;
}

.mobile-phone {
    width: 320px;
    height: 680px;
    background: transparent;
    border-radius: 0;
    padding: 0;
    box-shadow: none;
    position: relative;
    overflow: hidden;
    border: none;
}

.mobile-app-image {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 0;
    display: block;
}

.phone-frame {
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    width: 60%;
    height: 30px;
    z-index: 10;
}

.phone-notch {
    position: absolute;
    top: 6px;
    left: 50%;
    transform: translateX(-50%);
    width: 120px;
    height: 22px;
    background: #1a1a1a;
    border-radius: 0 0 18px 18px;
    border: 2px solid #333;
    border-top: none;
}

.phone-speaker {
    position: absolute;
    top: 12px;
    left: 50%;
    transform: translateX(-50%);
    width: 50px;
    height: 6px;
    background: #666;
    border-radius: 3px;
    box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.5);
}

.phone-header {
    background: #000;
    border-radius: 25px 25px 0 0;
    overflow: hidden;
    color: white;
    height: auto;
    min-height: 20px;
    position: relative;
}

.phone-header::before {
    content: '';
    position: absolute;
    top: 8px;
    left: 50%;
    transform: translateX(-50%);
    width: 150px;
    height: 25px;
    background: #000;
    border-radius: 0 0 20px 20px;
    z-index: 10;
}

.phone-header::after {
    content: '';
    position: absolute;
    top: 14px;
    left: 50%;
    transform: translateX(-50%);
    width: 60px;
    height: 4px;
    background: #333;
    border-radius: 2px;
    z-index: 11;
}

.status-bar {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 45px 25px 12px;
    font-size: 16px;
    font-weight: 600;
    color: white;
    background: linear-gradient(135deg, #000000 0%, #1a1a1a 100%);
    height: 65px;
    min-height: 65px;
    border-radius: 25px 25px 0 0;
    position: relative;
    z-index: 5;
}

.time {
    font-weight: 700;
    color: white;
    font-size: 17px;
    letter-spacing: 0.3px;
    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.3);
}

.status-icons {
    display: flex;
    gap: 6px;
    align-items: center;
}

.signal-dots {
    display: flex;
    gap: 2px;
    align-items: flex-end;
}

.signal-dots::before {
    content: '';
    width: 3px;
    height: 8px;
    background: white;
    border-radius: 1px;
    display: block;
}

.signal-dots::after {
    content: '';
    width: 3px;
    height: 12px;
    background: white;
    border-radius: 1px;
    display: block;
    margin-left: 2px;
}

.wifi-icon {
    font-size: 14px;
    color: white;
    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.3);
}

.battery-icon {
    font-size: 14px;
    color: white;
    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.3);
    position: relative;
}

.battery-icon::before {
    content: '100%';
    font-size: 12px;
    position: absolute;
    right: 20px;
    top: 50%;
    transform: translateY(-50%);
}

.chat-header {
    display: flex;
    align-items: center;
    padding: 15px 20px;
    background: linear-gradient(135deg, #075e54 0%, #128c7e 100%);
    color: white;
    gap: 15px;
    border-top: 1px solid rgba(255, 255, 255, 0.1);
    height: 70px;
    min-height: 70px;
    box-shadow: 
        0 2px 10px rgba(0, 0, 0, 0.15),
        inset 0 1px 0 rgba(255, 255, 255, 0.1);
    position: relative;
}

.chat-header::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 1px;
    background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.3), transparent);
}

.back-arrow {
    color: white;
    font-size: 22px;
    cursor: pointer;
    padding: 10px;
    border-radius: 50%;
    transition: all 0.3s ease;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 42px;
    height: 42px;
    background: rgba(255, 255, 255, 0.05);
    backdrop-filter: blur(10px);
}

.back-arrow:hover {
    background: rgba(255, 255, 255, 0.15);
    transform: scale(1.1);
}

.contact-info {
    display: flex;
    align-items: center;
    gap: 15px;
    flex: 1;
}

.contact-avatar {
    font-size: 28px;
    width: 45px;
    height: 45px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: linear-gradient(135deg, rgba(255, 255, 255, 0.2), rgba(255, 255, 255, 0.1));
    border-radius: 50%;
    border: 2px solid rgba(255, 255, 255, 0.3);
    box-shadow: 
        0 4px 8px rgba(0, 0, 0, 0.2),
        inset 0 1px 0 rgba(255, 255, 255, 0.3);
    backdrop-filter: blur(10px);
}

.contact-details h4 {
    margin: 0;
    font-size: 18px;
    font-weight: 600;
    line-height: 1.2;
    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.3);
}

.contact-details span {
    font-size: 14px;
    opacity: 0.95;
    display: flex;
    align-items: center;
    gap: 6px;
    margin-top: 3px;
    font-weight: 500;
}

.contact-details span::before {
    content: '';
    width: 8px;
    height: 8px;
    background: #4CAF50;
    border-radius: 50%;
    display: inline-block;
    box-shadow: 0 0 8px rgba(76, 175, 80, 0.6);
    animation: pulse 2s infinite;
}

.chat-options {
    color: white;
    font-size: 20px;
    display: flex;
    gap: 8px;
}

.chat-options i {
    cursor: pointer;
    padding: 10px;
    border-radius: 50%;
    transition: all 0.3s ease;
    width: 42px;
    height: 42px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: rgba(255, 255, 255, 0.05);
    backdrop-filter: blur(10px);
}

.chat-options i:hover {
    background: rgba(255, 255, 255, 0.15);
    transform: scale(1.1);
}

@keyframes pulse {
    0%, 100% {
        opacity: 1;
        transform: scale(1);
    }
    50% {
        opacity: 0.7;
        transform: scale(1.1);
    }
}

.chat-messages {
    height: 440px;
    overflow-y: auto;
    padding: 20px 15px;
    background: #e5ddd5;
    background-image: 
        url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100"><circle cx="25" cy="25" r="1" fill="rgba(0,0,0,0.02)"/><circle cx="75" cy="75" r="1" fill="rgba(0,0,0,0.02)"/><circle cx="50" cy="10" r="0.5" fill="rgba(0,0,0,0.03)"/><circle cx="10" cy="60" r="0.5" fill="rgba(0,0,0,0.03)"/><circle cx="90" cy="40" r="0.5" fill="rgba(0,0,0,0.03)"/></svg>');
    background-size: 100px 100px;
    position: relative;
}

.chat-messages::-webkit-scrollbar {
    width: 6px;
}

.chat-messages::-webkit-scrollbar-track {
    background: rgba(0, 0, 0, 0.1);
    border-radius: 3px;
}

.chat-messages::-webkit-scrollbar-thumb {
    background: rgba(0, 0, 0, 0.3);
    border-radius: 3px;
}

.chat-messages::-webkit-scrollbar-thumb:hover {
    background: rgba(0, 0, 0, 0.5);
}

.message {
    margin-bottom: 15px;
    display: flex;
}

.message.received {
    justify-content: flex-start;
}

.message.sent {
    justify-content: flex-end;
}

.message-content {
    max-width: 75%;
    padding: 10px 15px;
    border-radius: 15px;
    position: relative;
}

.message.received .message-content {
    background: white;
    color: #333;
    border-bottom-left-radius: 5px;
}

.message.sent .message-content {
    background: #dcf8c6;
    border-bottom-right-radius: 5px;
}

.welcome-message {
    line-height: 1.4;
}

.emoji {
    font-size: 16px;
}

.pet-emojis {
    margin-left: 5px;
}

.message-time {
    font-size: 11px;
    color: #666;
    margin-top: 5px;
    text-align: right;
}

.message.sent .message-time {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 3px;
}

.message.sent .message-time i {
    color: #4fc3f7;
    font-size: 12px;
}

.service-options,
.pet-options {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    margin: 15px 0;
}

.service-option,
.pet-option {
    background: white;
    border: 1px solid #25D366;
    border-radius: 20px;
    padding: 8px 15px;
    font-size: 14px;
    color: #25D366;
    display: flex;
    align-items: center;
    gap: 5px;
    cursor: pointer;
    transition: all 0.3s ease;
}

.service-option:hover,
.pet-option:hover {
    background: #25D366;
    color: white;
}

.selected-service {
    background: #e8f5e8;
    padding: 8px 12px;
    border-radius: 10px;
    font-size: 13px;
    margin-bottom: 8px;
    border-left: 3px solid #25D366;
}

.service-selected {
    background: #25D366;
    color: white;
    padding: 8px 15px;
    border-radius: 15px;
    font-size: 14px;
    font-weight: 600;
    margin: 8px 0;
}

.chat-input {
    background: white;
    padding: 10px 15px;
    border-radius: 0 0 25px 25px;
}

.input-container {
    display: flex;
    align-items: center;
    background: #f0f0f0;
    border-radius: 25px;
    padding: 8px 15px;
    gap: 10px;
    border: 1px solid #e5e5e5;
    transition: all 0.3s ease;
    min-height: 42px;
}

.input-container:focus-within {
    background: #ffffff;
    border-color: #25D366;
    box-shadow: 0 0 0 2px rgba(37, 211, 102, 0.1);
}

.input-container input {
    flex: 1;
    border: none;
    background: transparent;
    font-size: 14px;
    outline: none;
    color: #333;
    font-family: 'Inter', sans-serif;
    line-height: 1.4;
    padding: 8px 0;
}

.input-container input::placeholder {
    color: #888;
    font-size: 14px;
}

.input-container i {
    color: #666;
    font-size: 16px;
    cursor: pointer;
    transition: color 0.3s ease;
    padding: 4px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    min-width: 24px;
    min-height: 24px;
}

.input-container i:hover {
    color: #25D366;
    background: rgba(37, 211, 102, 0.1);
}

.voice-button {
    background: #25D366;
    width: 35px;
    height: 35px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: white;
    cursor: pointer;
}

.phone-bottom {
    position: absolute;
    bottom: 8px;
    left: 8px;
    right: 8px;
    height: 20px;
    background: #1a1a1a;
    border-radius: 0 0 27px 27px;
}

.navigation-bar {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0 30px;
    height: 100%;
    color: white;
}

.home-indicator {
    width: 35px;
    height: 3px;
    background: white;
    border-radius: 2px;
}

.demo-cta {
    text-align: center;
    margin-top: 4rem;
    padding: 3rem 2rem;
    background: white;
    border-radius: 20px;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);
}

.demo-cta h3 {
    font-size: 2rem;
    font-weight: 700;
    margin-bottom: 1rem;
    color: #333;
}

.demo-cta p {
    font-size: 1.1rem;
    color: #666;
    margin-bottom: 2rem;
    max-width: 600px;
    margin-left: auto;
    margin-right: auto;
    line-height: 1.6;
}

.demo-whatsapp-btn {
    display: inline-flex;
    align-items: center;
    gap: 12px;
    padding: 18px 35px;
    background: linear-gradient(135deg, #25D366 0%, #128C7E 100%);
    color: white;
    text-decoration: none;
    border-radius: 50px;
    font-weight: 600;
    font-size: 1.1rem;
    transition: all 0.3s ease;
    box-shadow: 0 4px 20px rgba(37, 211, 102, 0.3);
    min-height: 56px;
}

.demo-whatsapp-btn:hover {
    transform: translateY(-3px);
    box-shadow: 0 8px 30px rgba(37, 211, 102, 0.5);
    color: white;
}

.demo-whatsapp-btn i {
    font-size: 1.3rem;
}

/* Mobile Responsive for Demo Section */
@media (max-width: 768px) {
    .mobile-demo-content {
        grid-template-columns: 1fr;
        gap: 3rem;
        text-align: center;
    }

    .mobile-phone {
        width: 280px;
        height: 580px;
    }

    .chat-messages {
        height: 370px;
    }

    .demo-cta {
        margin: 3rem 1rem 0;
        padding: 2rem 1.5rem;
    }

    .demo-cta h3 {
        font-size: 1.6rem;
    }

    .demo-features {
        gap: 1.5rem;
    }

    .demo-feature {
        padding: 1.2rem;
    }
}

@media (max-width: 480px) {
    .mobile-phone {
        width: 260px;
        height: 540px;
    }

    .chat-messages {
        height: 340px;
        padding: 15px 12px;
    }

    .demo-feature {
        flex-direction: column;
        text-align: center;
        gap: 1rem;
    }

    .demo-cta {
        padding: 2rem 1rem;
        margin: 2rem 0.5rem 0;
    }

    .demo-cta h3 {
        font-size: 1.5rem;
        line-height: 1.3;
        margin-bottom: 1rem;
    }

    .demo-cta p {
        font-size: 1rem;
        line-height: 1.5;
        margin-bottom: 2rem;
        padding: 0 0.5rem;
    }

    .demo-whatsapp-btn {
        padding: 18px 20px;
        font-size: 1rem;
        width: calc(100% - 2rem);
        max-width: 100%;
        margin: 0 auto;
        border-radius: 50px;
        min-height: 56px;
        gap: 8px;
    }

    .demo-whatsapp-btn i {
        font-size: 1.2rem;
    }
}

/* Contact Section */
.contact {
    padding: 100px 0;
    background: #f8f9fa;
}

.contact-subtitle {
    text-align: center;
    font-size: 1.2rem;
    color: #666;
    margin-bottom: 3rem;
}

.contact-content {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 4rem;
    margin-top: 3rem;
    align-items: start;
}

.contact-info {
    display: flex;
    flex-direction: column;
    gap: 2rem;
    text-align: left;
}

.contact-item {
    display: flex;
    align-items: flex-start;
    gap: 1rem;
    text-align: left;
}

.contact-item i {
    width: 60px;
    height: 60px;
    background: linear-gradient(135deg, #1370cd 0%, #0a4fb3 100%);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: white;
    font-size: 1.5rem;
}

.contact-item h4 {
    font-size: 1.2rem;
    font-weight: 600;
    color: #333;
    margin-bottom: 0.25rem;
}

.contact-item p {
    color: #666;
    margin: 0;
}

.whatsapp-section {
    display: flex;
    justify-content: center;
    align-items: center;
}

.whatsapp-card {
    background: white;
    padding: 3rem;
    border-radius: 20px;
    box-shadow: 0 15px 40px rgba(0, 0, 0, 0.1);
    text-align: center;
    max-width: 400px;
    width: 100%;
}

.whatsapp-icon {
    width: 100px;
    height: 100px;
    margin: 0 auto 2rem;
    background: linear-gradient(135deg, #25D366 0%, #128C7E 100%);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 3rem;
    color: white;
    animation: pulse 2s infinite;
}

.whatsapp-card h3 {
    font-size: 1.8rem;
    font-weight: 600;
    margin-bottom: 1rem;
    color: #333;
}

.whatsapp-card p {
    color: #666;
    margin-bottom: 2rem;
    line-height: 1.6;
    font-size: 1.1rem;
}

.whatsapp-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 12px;
    padding: 18px 35px;
    background: linear-gradient(135deg, #25D366 0%, #128C7E 100%);
    color: white !important;
    text-decoration: none;
    border-radius: 50px;
    font-weight: 600;
    font-size: 1.1rem;
    transition: all 0.3s ease;
    box-shadow: 0 4px 20px rgba(37, 211, 102, 0.3);
    min-height: 56px;
    width: 100%;
    max-width: 350px;
    margin: 0 auto;
    position: relative;
    overflow: hidden;
    white-space: nowrap;
    text-align: center;
    line-height: 1.2;
}

.whatsapp-btn:before {
    content: '';
    position: absolute;
    top: 0;
    left: -100%;
    width: 100%;
    height: 100%;
    background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.2), transparent);
    transition: left 0.5s;
}

.whatsapp-btn:hover:before {
    left: 100%;
}

.whatsapp-btn:hover {
    transform: translateY(-3px);
    box-shadow: 0 8px 30px rgba(37, 211, 102, 0.5);
    color: white !important;
}

.whatsapp-btn:active {
    transform: translateY(-1px);
    box-shadow: 0 4px 15px rgba(37, 211, 102, 0.4);
}

.whatsapp-btn i {
    font-size: 1.3rem;
    animation: bounce 2s infinite;
}

/* Footer */
.footer {
    background: #333;
    color: white;
    padding: 50px 0 20px;
}

.footer-content {
    display: grid;
    grid-template-columns: 1.5fr 1fr;
    gap: 4rem;
    margin-bottom: 2rem;
    align-items: start;
}

.footer-brand {
    text-align: left;
}

.footer-brand h3 {
    font-size: 1.5rem;
    margin-bottom: 1rem;
    color: #ffd93d;
}

.footer-brand p {
    color: #ccc;
    line-height: 1.6;
}

.footer-address {
    margin-top: 2rem;
}

.footer-address h4 {
    color: #ffd93d;
    margin-bottom: 1rem;
    font-size: 1.1rem;
}

.footer-address p {
    color: #ccc;
    line-height: 1.6;
    font-size: 0.95rem;
}

.footer-links {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 3rem;
    align-items: start;
    text-align: left;
}

.footer-section {
    display: flex;
    flex-direction: column;
    text-align: left;
}

.footer-section h4 {
    margin-bottom: 1rem;
    color: #ffd93d;
    font-size: 1.1rem;
    font-weight: 600;
    text-align: left;
}

.footer-section ul {
    list-style: none;
    padding: 0;
    margin: 0;
    text-align: left;
}

.footer-section li {
    margin-bottom: 0.75rem;
    text-align: left;
}

.footer-section a {
    color: #ccc;
    text-decoration: none;
    transition: color 0.3s ease;
    font-size: 0.95rem;
    display: block;
    line-height: 1.4;
    text-align: left;
}

.footer-section a:hover {
    color: #ffd93d;
}

.footer-bottom {
    border-top: 1px solid #444;
    padding-top: 1rem;
    text-align: center;
    color: #bbb;
}

.footer-legal-links {
    margin-bottom: 1rem;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 1rem;
    flex-wrap: wrap;
}

.footer-legal-links a {
    color: #bbb;
    text-decoration: none;
    font-size: 0.9rem;
    transition: color 0.3s ease;
}

.footer-legal-links a:hover {
    color: #25D366;
}

.footer-legal-links span {
    color: #666;
    font-size: 0.8rem;
}

@media (max-width: 600px) {
    .footer-legal-links {
        flex-direction: column;
        gap: 0.5rem;
    }

    .footer-legal-links span {
        display: none;
    }
}

/* Scroll to Top Button */
.scroll-to-top {
    position: fixed;
    bottom: 30px;
    right: 30px;
    width: 50px;
    height: 50px;
    background: linear-gradient(135deg, #1370cd 0%, #0a4fb3 100%);
    color: white;
    border: none;
    border-radius: 50%;
    cursor: pointer;
    font-size: 1.2rem;
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0 4px 20px rgba(19, 112, 205, 0.3);
    opacity: 0;
    visibility: hidden;
    transform: translateY(20px);
    transition: all 0.3s ease;
    z-index: 1000;
}

.scroll-to-top.visible {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
}

.scroll-to-top:hover {
    transform: translateY(-3px);
    box-shadow: 0 8px 30px rgba(19, 112, 205, 0.5);
    background: linear-gradient(135deg, #0a4fb3 0%, #1370cd 100%);
}

.scroll-to-top:active {
    transform: translateY(-1px);
    box-shadow: 0 4px 15px rgba(19, 112, 205, 0.4);
}

@media (max-width: 768px) {
    .scroll-to-top {
        bottom: 20px;
        right: 20px;
        width: 45px;
        height: 45px;
        font-size: 1.1rem;
    }
}

@media (max-width: 480px) {
    .scroll-to-top {
        bottom: 15px;
        right: 15px;
        width: 40px;
        height: 40px;
        font-size: 1rem;
    }
}

/* General Mobile Optimizations */
@media (max-width: 768px) {

    /* Improve touch targets */
    .btn,
    .whatsapp-btn,
    .nav-menu a {
        min-height: 44px;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    /* Prevent horizontal scroll */
    body {
        overflow-x: hidden;
        width: 100%;
    }

    .container {
        max-width: 100%;
        overflow-x: hidden;
    }

    /* Improve text readability */
    .hero-title,
    .section-title {
        word-wrap: break-word;
        hyphens: auto;
    }

    /* Better spacing for mobile */
    .services,
    .about,
    .results,
    .contact,
    .whatsapp-orders,
    .whatsapp-mobile-demo {
        padding: 60px 0 40px;
    }

    /* Mobile-friendly cards */
    .service-card,
    .whatsapp-card,
    .usp-section {
        margin: 0 5px;
        box-shadow: 0 5px 15px rgba(0, 0, 0, 0.08);
    }
}

/* Responsive Design */

/* Large Desktop (1440px+) */
@media (min-width: 1441px) {
    .container {
        max-width: 1400px;
    }

    .hero {
        padding: 200px 20px 120px;
    }

    .hero-title {
        font-size: 4.2rem;
        max-width: 1000px;
        margin: 0 auto 2rem;
    }

    .hero-subtitle {
        font-size: 1.4rem;
        max-width: 800px;
    }

    .services-grid {
        grid-template-columns: repeat(3, 1fr);
        gap: 3rem;
    }

    .order-management-content {
        grid-template-columns: 1.2fr 1fr;
        gap: 5rem;
    }
}

/* Desktop (1024px - 1440px) */
@media (min-width: 1024px) and (max-width: 1440px) {
    .hero {
        padding: 180px 20px 100px;
    }

    .hero-title {
        font-size: 3.5rem;
        max-width: 900px;
        margin: 0 auto 2rem;
    }

    .hero-subtitle {
        font-size: 1.3rem;
        max-width: 750px;
    }

    .services-grid {
        grid-template-columns: repeat(3, 1fr);
        gap: 2.5rem;
    }

    .about-content {
        gap: 3rem;
    }

    .order-management-content {
        grid-template-columns: 1fr;
        gap: 3rem;
    }

    .use-cases-container {
        display: block;
        margin-top: 3rem;
    }

    .use-cases {
        margin-bottom: 3rem;
    }

    .mobile-features {
        margin-top: 2rem;
    }
}

/* Tablet (768px - 1023px) */
@media (min-width: 768px) and (max-width: 1023px) {
    .nav {
        padding: 0 15px;
    }

    .hero {
        padding: 160px 20px 80px;
        min-height: 90vh;
    }

    .hero-title {
        font-size: 2.8rem;
        line-height: 1.2;
        margin-bottom: 1.5rem;
    }

    .hero-subtitle {
        font-size: 1.2rem;
        margin-bottom: 2.5rem;
    }

    .hero-buttons {
        margin-bottom: 3rem;
    }

    .services-grid {
        grid-template-columns: repeat(2, 1fr);
        gap: 2rem;
    }

    .service-card {
        padding: 2rem;
    }

    .about-content {
        grid-template-columns: 1fr;
        gap: 3rem;
        text-align: center;
    }

    .order-management-content {
        grid-template-columns: 1fr;
        gap: 3rem;
    }

    .use-cases-container {
        display: block;
        margin-top: 3rem;
    }

    .use-cases {
        margin-bottom: 3rem;
    }

    .mobile-features {
        margin-top: 2rem;
    }

    .contact-content {
        grid-template-columns: 1fr;
        gap: 3rem;
    }

    .results-grid {
        grid-template-columns: repeat(2, 1fr);
    }

    .footer-content {
        grid-template-columns: 1fr;
        text-align: center;
        gap: 2rem;
    }
}

/* Mobile (481px - 767px) */
@media (min-width: 481px) and (max-width: 767px) {
    .nav {
        min-height: 90px;
        padding: 0.5rem 0;
    }

    .logo {
        height: 70px;
        max-width: 250px;
    }

    .hero {
        padding: 140px 20px 70px;
        min-height: 85vh;
    }

    .hero-title {
        font-size: 2.4rem;
        line-height: 1.2;
        margin-bottom: 1.5rem;
        padding: 0 10px;
    }

    .hero-subtitle {
        font-size: 1.1rem;
        padding: 0 15px;
        margin-bottom: 2.5rem;
        line-height: 1.5;
    }

    .hero-buttons {
        flex-direction: column;
        align-items: center;
        gap: 1.2rem;
        margin-bottom: 3rem;
    }

    .btn {
        width: 85%;
        max-width: 350px;
        text-align: center;
        padding: 16px 28px;
        min-height: 56px;
        font-size: 1.05rem;
    }

    .whatsapp-hero-btn {
        font-size: 1.05rem;
        padding: 16px 28px;
        gap: 0.7rem;
    }

    .whatsapp-hero-btn i {
        font-size: 1.2rem;
    }

    .section-title {
        font-size: 2.2rem;
        margin-bottom: 2rem;
        padding: 0 15px;
    }

    .section-subtitle {
        font-size: 1.1rem;
        padding: 0 15px;
    }

    .services-grid {
        grid-template-columns: 1fr;
        gap: 2rem;
    }

    .service-card {
        padding: 2.5rem 2rem;
        margin: 0 15px;
        border-radius: 20px;
    }

    .service-icon {
        width: 70px;
        height: 70px;
        font-size: 1.8rem;
    }

    .about-content {
        grid-template-columns: 1fr;
        text-align: center;
        gap: 2.5rem;
    }

    .about-text h2 {
        font-size: 2rem;
        padding: 0 10px;
    }

    .about-features {
        gap: 1.5rem;
    }

    .feature {
        flex-direction: row;
        text-align: left;
        gap: 1rem;
        align-items: center;
    }

    .feature i {
        width: 50px;
        height: 50px;
        font-size: 1.2rem;
        flex-shrink: 0;
    }

    .order-management-content {
        grid-template-columns: 1fr;
        gap: 2.5rem;
    }

    .feature-highlight {
        margin: 0 15px;
        padding: 2.5rem 2rem;
        border-radius: 20px;
    }

    .feature-highlight .feature-icon {
        width: 90px;
        height: 90px;
        font-size: 2.8rem;
    }

    .feature-highlight h3 {
        font-size: 1.6rem;
        margin-bottom: 1rem;
    }

    .usp-section {
        margin: 0 15px;
        padding: 2.5rem 2rem;
        border-radius: 20px;
    }

    .usp-item {
        padding: 1.5rem;
        flex-direction: row;
        text-align: left;
        gap: 1rem;
        align-items: flex-start;
    }

    .usp-item i {
        width: 45px;
        height: 45px;
        font-size: 1.1rem;
        flex-shrink: 0;
    }

    .use-cases-container {
        display: block;
        margin-top: 2.5rem;
    }

    .use-cases {
        margin-bottom: 2.5rem;
    }

    .mobile-features {
        margin-top: 2rem;
    }

    .use-cases-grid {
        grid-template-columns: 1fr;
        gap: 1.5rem;
        margin: 0 15px;
    }

    .use-case {
        padding: 2rem 1.5rem;
        border-radius: 15px;
    }

    .mobile-features {
        margin: 0 15px;
        padding: 2.5rem 2rem;
        border-radius: 20px;
    }

    .mobile-benefits {
        gap: 1.5rem;
    }

    .mobile-benefit {
        padding: 1.5rem;
        flex-direction: row;
        text-align: left;
        gap: 1rem;
        align-items: flex-start;
    }

    .mobile-icon {
        width: 50px;
        height: 50px;
        font-size: 1.2rem;
        flex-shrink: 0;
    }

    .contact-content {
        grid-template-columns: 1fr;
        gap: 2.5rem;
    }

    .contact-item {
        flex-direction: row;
        text-align: left;
        gap: 1rem;
        align-items: center;
    }

    .contact-item i {
        width: 55px;
        height: 55px;
        font-size: 1.3rem;
        flex-shrink: 0;
    }

    .whatsapp-card {
        padding: 2.5rem 2rem;
        border-radius: 20px;
        max-width: 100%;
    }

    .whatsapp-icon {
        width: 90px;
        height: 90px;
        font-size: 2.8rem;
    }

    .whatsapp-card h3 {
        font-size: 1.6rem;
    }

    .whatsapp-btn {
        padding: 16px 24px;
        font-size: 1rem;
        width: 100%;
        max-width: 320px;
        justify-content: center;
        min-height: 56px;
        border-radius: 50px;
    }

    .whatsapp-btn i {
        font-size: 1.2rem;
        flex-shrink: 0;
    }

    .results-grid {
        grid-template-columns: repeat(2, 1fr);
        gap: 1.5rem;
    }
}

/* Small Mobile (320px - 480px) */
@media (max-width: 480px) {
    body {
        overflow-x: hidden;
        font-size: 16px;
        /* Ensures minimum readable text size */
        width: 100%;
    }

    * {
        box-sizing: border-box;
    }

    .nav {
        padding: 0 15px;
        min-height: 85px;
        width: 100%;
    }

    .logo {
        height: 65px;
        max-width: 200px;
    }

    .hero {
        padding: 120px 15px 60px;
        min-height: 80vh;
        width: 100%;
        overflow-x: hidden;
    }

    .hero-title {
        font-size: 2rem;
        line-height: 1.2;
        margin-bottom: 1.5rem;
        padding: 0 10px;
        word-break: break-word;
    }

    .hero-subtitle {
        font-size: 1rem;
        margin-bottom: 2.5rem;
        padding: 0 15px;
        line-height: 1.5;
    }

    .hero-buttons {
        flex-direction: column;
        align-items: center;
        gap: 1.2rem;
        padding: 0 20px;
        width: 100%;
    }

    .btn {
        width: 100%;
        max-width: 300px;
        padding: 16px 24px;
        font-size: 1rem;
        min-height: 56px;
        /* Apple HIG recommended touch target */
        border-radius: 50px;
    }

    .whatsapp-hero-btn {
        font-size: 1rem;
        padding: 16px 24px;
        gap: 0.6rem;
        min-height: 56px;
        width: 100%;
        max-width: 300px;
    }

    .whatsapp-hero-btn i {
        font-size: 1.2rem;
    }

    .section-title {
        font-size: 2rem;
        margin-bottom: 2rem;
        padding: 0 15px;
        line-height: 1.2;
        word-break: break-word;
    }

    .section-subtitle {
        font-size: 1rem;
        padding: 0 15px;
        margin-bottom: 2rem;
        line-height: 1.5;
    }

    .services,
    .about,
    .results,
    .contact,
    .whatsapp-orders,
    .whatsapp-mobile-demo {
        padding: 60px 0;
        width: 100%;
        overflow-x: hidden;
    }

    .container {
        padding: 0 20px;
        width: 100%;
        max-width: 100%;
        overflow-x: hidden;
    }

    .services-grid {
        grid-template-columns: 1fr;
        gap: 2rem;
        width: 100%;
    }

    .service-card {
        padding: 2rem 1.5rem;
        border-radius: 20px;
        width: 100%;
    }

    .service-icon {
        width: 70px;
        height: 70px;
        font-size: 1.8rem;
    }

    .about-content {
        grid-template-columns: 1fr;
        text-align: center;
        gap: 2.5rem;
        width: 100%;
    }

    .about-text h2 {
        font-size: 2rem;
        padding: 0 10px;
    }

    .about-features {
        gap: 1.5rem;
    }

    .feature {
        flex-direction: row;
        text-align: left;
        gap: 1rem;
        align-items: center;
    }

    .feature i {
        width: 50px;
        height: 50px;
        font-size: 1.2rem;
        flex-shrink: 0;
    }

    .order-management-content {
        grid-template-columns: 1fr;
        gap: 2.5rem;
        width: 100%;
    }

    .feature-highlight {
        padding: 2.5rem 2rem;
        border-radius: 20px;
        width: 100%;
    }

    .feature-highlight .feature-icon {
        width: 90px;
        height: 90px;
        font-size: 2.8rem;
    }

    .feature-highlight h3 {
        font-size: 1.6rem;
        margin-bottom: 1rem;
    }

    .usp-section {
        padding: 2.5rem 2rem;
        border-radius: 20px;
        width: 100%;
    }

    .usp-item {
        flex-direction: row;
        text-align: left;
        padding: 1.5rem;
        gap: 1rem;
        align-items: flex-start;
        width: 100%;
    }

    .usp-item i {
        width: 45px;
        height: 45px;
        font-size: 1.1rem;
        flex-shrink: 0;
    }

    .use-cases-container {
        display: block;
        margin-top: 2.5rem;
        width: 100%;
    }

    .use-cases {
        margin-bottom: 2.5rem;
        width: 100%;
    }

    .mobile-features {
        margin-top: 2rem;
        width: 100%;
    }

    .use-cases-grid {
        grid-template-columns: 1fr;
        gap: 1.5rem;
        max-width: 100%;
        padding: 0 15px;
        width: 100%;
        justify-items: center;
    }

    .use-case {
        padding: 2rem 1.5rem;
        border-radius: 15px;
        min-height: 250px;
        text-align: center;
        background: white;
        border: 2px solid #e9ecef;
        transition: all 0.3s ease;
        width: 100%;
        max-width: 350px;
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        align-items: center;
    }

    .use-case:hover {
        transform: translateY(-5px);
        border-color: #1570ce;
        background: white;
        box-shadow: 0 15px 30px rgba(0, 0, 0, 0.15);
    }

    .use-case i {
        font-size: 2.5rem;
        margin-bottom: 1.2rem;
        color: #1570ce;
    }

    .use-case h4 {
        font-size: 1.1rem;
        font-weight: 700;
        margin-bottom: 1rem;
        color: #333;
        line-height: 1.3;
    }

    .use-case p {
        font-size: 0.9rem;
        color: #666;
        line-height: 1.5;
        flex-grow: 1;
        display: flex;
        align-items: center;
    }

    .mobile-features {
        padding: 2.5rem 2rem;
        border-radius: 20px;
        width: 100%;
    }

    .mobile-features h3 {
        font-size: 1.8rem;
    }

    .mobile-benefits {
        gap: 1.5rem;
    }

    .mobile-benefit {
        flex-direction: row;
        text-align: left;
        padding: 1.5rem;
        gap: 1rem;
        align-items: flex-start;
        background: #f8f9fa;
        border-radius: 12px;
        border-left: 4px solid #1570ce;
        width: 100%;
    }

    .mobile-icon {
        width: 45px;
        height: 45px;
        font-size: 1.1rem;
        flex-shrink: 0;
    }

    .mobile-text h4 {
        font-size: 1rem;
        margin-bottom: 0.5rem;
    }

    .mobile-text p {
        font-size: 0.9rem;
    }

    .benefits-list {
        gap: 1.5rem;
    }

    .benefit {
        flex-direction: row;
        text-align: left;
        padding: 1.5rem;
        gap: 1rem;
        align-items: flex-start;
        background: #f8f9fa;
        border-radius: 12px;
        border-left: 4px solid #25D366;
        width: 100%;
    }

    .benefit i {
        width: 50px;
        height: 50px;
        font-size: 1.2rem;
        flex-shrink: 0;
    }

    /* WhatsApp Mobile Demo Section Mobile Fixes */
    .mobile-demo-content {
        grid-template-columns: 1fr;
        gap: 3rem;
        text-align: center;
        width: 100%;
    }

    .mobile-phone {
        width: 280px;
        height: 580px;
        margin: 0 auto;
    }

    .chat-messages {
        height: 370px;
    }

    .demo-cta {
        margin: 3rem 0 0;
        padding: 2rem 1.5rem;
        width: 100%;
    }

    .demo-cta h3 {
        font-size: 1.6rem;
    }

    .demo-features {
        gap: 1.5rem;
    }

    .demo-feature {
        padding: 1.2rem;
        flex-direction: row;
        text-align: left;
        gap: 1rem;
        width: 100%;
    }

    .demo-whatsapp-btn {
        padding: 18px 24px;
        font-size: 1rem;
        width: 100%;
        max-width: 320px;
        margin: 0 auto;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        min-height: 56px;
        text-align: center;
        white-space: nowrap;
        border-radius: 50px;
        box-shadow: 0 4px 20px rgba(37, 211, 102, 0.3);
        transition: all 0.3s ease;
    }

    .demo-whatsapp-btn:hover {
        transform: translateY(-2px);
        box-shadow: 0 6px 25px rgba(37, 211, 102, 0.4);
    }

    .demo-whatsapp-btn i {
        font-size: 1.2rem;
        margin-right: 8px;
        flex-shrink: 0;
    }

    .contact-content {
        grid-template-columns: 1fr;
        gap: 2.5rem;
        width: 100%;
    }

    .contact-item {
        flex-direction: row;
        text-align: left;
        gap: 1rem;
        align-items: center;
        width: 100%;
    }

    .contact-item i {
        width: 55px;
        height: 55px;
        font-size: 1.3rem;
        flex-shrink: 0;
    }

    .whatsapp-card {
        padding: 2.5rem 2rem;
        border-radius: 20px;
        width: 100%;
        max-width: 100%;
    }

    .whatsapp-icon {
        width: 90px;
        height: 90px;
        font-size: 2.8rem;
    }

    .whatsapp-card h3 {
        font-size: 1.6rem;
    }

    .whatsapp-btn {
        padding: 16px 24px;
        font-size: 1rem;
        width: 100%;
        max-width: 320px;
        justify-content: center;
        min-height: 56px;
        border-radius: 50px;
        gap: 10px;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }

    .whatsapp-btn i {
        font-size: 1.2rem;
        flex-shrink: 0;
    }

    .results-grid {
        grid-template-columns: 1fr;
        gap: 2rem;
        width: 100%;
    }

    .result-card {
        padding: 2rem 1.5rem;
        border-radius: 15px;
        width: 100%;
    }

    .result-card h3 {
        font-size: 2.8rem;
    }

    .footer {
        width: 100%;
        overflow-x: hidden;
    }

    .footer-content {
        grid-template-columns: 1fr;
        text-align: center;
        gap: 2.5rem;
        width: 100%;
    }

    .footer-links {
        flex-direction: column;
        gap: 2rem;
        align-items: center;
        width: 100%;
    }

    .footer-section {
        width: 100%;
    }

    .footer-address {
        margin-top: 2rem;
        width: 100%;
    }

    .footer-bottom {
        width: 100%;
        padding: 2rem 0;
    }
}

/* Web Development Section Styles */
    .web-dev-section {
        margin: 4rem 0;
        display: flex;
        justify-content: center;
    }

    .web-dev-card {
        background: linear-gradient(135deg, rgba(102, 126, 234, 0.05) 0%, rgba(118, 75, 162, 0.05) 100%);
        border-radius: 25px;
        padding: 3rem;
        max-width: 1000px;
        width: 100%;
        position: relative;
        border: 2px solid rgba(102, 126, 234, 0.1);
        transition: all 0.3s ease;
        cursor: pointer;
    }

    .web-dev-card:hover {
        transform: translateY(-5px);
        box-shadow: 0 25px 80px rgba(102, 126, 234, 0.15);
        border-color: rgba(102, 126, 234, 0.3);
    }

    .web-dev-header {
        display: flex;
        justify-content: space-between;
        align-items: center;
        margin-bottom: 2rem;
    }

    .web-dev-badge {
        display: inline-flex;
        align-items: center;
        gap: 0.75rem;
        background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
        color: white;
        padding: 12px 25px;
        border-radius: 50px;
        font-weight: 700;
        font-size: 0.9rem;
        box-shadow: 0 4px 15px rgba(102, 126, 234, 0.3);
    }

    .web-dev-icon {
        width: 80px;
        height: 80px;
        background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
        border-radius: 50%;
        display: flex;
        align-items: center;
        justify-content: center;
        font-size: 2.5rem;
        color: white;
        box-shadow: 0 10px 30px rgba(102, 126, 234, 0.3);
    }

    .web-dev-content h3 {
        font-size: 2rem;
        font-weight: 700;
        color: #333;
        margin-bottom: 1.5rem;
        line-height: 1.2;
    }

    .web-dev-description {
        font-size: 1.2rem;
        color: #666;
        line-height: 1.6;
        margin-bottom: 2.5rem;
    }

    .web-dev-features {
        display: grid;
        grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
        gap: 2rem;
        margin-bottom: 2.5rem;
    }

    .web-dev-feature {
        display: flex;
        align-items: flex-start;
        gap: 1rem;
        padding: 1.5rem;
        background: white;
        border-radius: 15px;
        box-shadow: 0 5px 20px rgba(0, 0, 0, 0.05);
        transition: all 0.3s ease;
    }

    .web-dev-feature:hover {
        transform: translateY(-3px);
        box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);
    }

    .web-dev-feature-icon {
        width: 50px;
        height: 50px;
        background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
        border-radius: 50%;
        display: flex;
        align-items: center;
        justify-content: center;
        font-size: 1.3rem;
        color: white;
        flex-shrink: 0;
        box-shadow: 0 4px 15px rgba(102, 126, 234, 0.2);
    }

    .web-dev-feature-content h4 {
        font-size: 1.1rem;
        font-weight: 700;
        color: #333;
        margin-bottom: 0.5rem;
    }

    .web-dev-feature-content p {
        color: #666;
        line-height: 1.5;
        margin: 0;
    }

    .web-dev-stats {
        display: flex;
        justify-content: center;
        gap: 3rem;
        margin-bottom: 2.5rem;
        padding: 2rem;
        background: rgba(255, 255, 255, 0.7);
        border-radius: 20px;
        backdrop-filter: blur(10px);
    }

    .web-dev-stat {
        text-align: center;
    }

    .web-dev-stat h4 {
        font-size: 2.5rem;
        font-weight: 800;
        color: #667eea;
        margin-bottom: 0.5rem;
        line-height: 1;
    }

    .web-dev-stat p {
        color: #666;
        font-weight: 600;
        margin: 0;
    }

    .web-dev-cta {
        text-align: center;
    }

    .web-dev-button {
        display: inline-flex;
        align-items: center;
        gap: 15px;
        background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
        color: white;
        padding: 18px 35px;
        border-radius: 50px;
        font-weight: 700;
        font-size: 1.1rem;
        text-decoration: none;
        transition: all 0.3s ease;
        box-shadow: 0 8px 30px rgba(102, 126, 234, 0.3);
        position: relative;
        overflow: hidden;
    }

    .web-dev-button:hover {
        transform: translateY(-3px);
        box-shadow: 0 15px 40px rgba(102, 126, 234, 0.4);
        color: white;
    }

    .web-dev-button i {
        transition: transform 0.3s ease;
    }

    .web-dev-button:hover i {
        transform: translateX(5px);
    }

    /* Mobile Responsive for Web Dev Section */
    @media (max-width: 768px) {
        .web-dev-card {
            padding: 2rem;
        }

        .web-dev-content h3 {
            font-size: 1.6rem;
        }

        .web-dev-description {
            font-size: 1.1rem;
        }

        .web-dev-features {
            grid-template-columns: 1fr;
            gap: 1.5rem;
        }

        .web-dev-stats {
            flex-direction: column;
            gap: 1.5rem;
        }

        .web-dev-stat h4 {
            font-size: 2rem;
        }
    }

    @media (max-width: 480px) {
        .web-dev-header {
            flex-direction: column;
            align-items: center;
            gap: 1.5rem;
        }

        .web-dev-icon {
            width: 70px;
            height: 70px;
            font-size: 2rem;
        }

        .web-dev-button {
            font-size: 1rem;
            padding: 16px 30px;
        }
    }

    .services-guarantee-section {
        margin-top: 4rem;
        display: flex;
        justify-content: center;
    }

    /* WhatsApp Automation Section Styles */
    .whatsapp-automation-card:hover {
        transform: translateY(-5px) !important;
        box-shadow: 0 25px 80px rgba(37, 211, 102, 0.15) !important;
        border-color: rgba(37, 211, 102, 0.3) !important;
    }

    .whatsapp-automation-feature:hover {
        transform: translateY(-3px);
        box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);
    }

    .whatsapp-automation-cta a:hover {
        transform: translateY(-3px);
        box-shadow: 0 15px 40px rgba(37, 211, 102, 0.4);
        color: white;
    }

    .whatsapp-automation-cta a:hover i {
        transform: translateX(5px);
    }

    /* Mobile Responsive for WhatsApp Automation Section */
    @media (max-width: 768px) {
        .whatsapp-automation-card {
            padding: 2rem !important;
        }

        .whatsapp-automation-content h3 {
            font-size: 1.6rem !important;
        }

        .whatsapp-automation-description {
            font-size: 1.1rem !important;
        }

        .whatsapp-automation-features {
            grid-template-columns: 1fr !important;
            gap: 1.5rem !important;
        }

        .whatsapp-automation-stats {
            flex-direction: column !important;
            gap: 1.5rem !important;
        }

        .whatsapp-automation-stat h4 {
            font-size: 2rem !important;
        }
    }

    @media (max-width: 480px) {
        .whatsapp-automation-header {
            flex-direction: column !important;
            align-items: center !important;
            gap: 1.5rem !important;
        }

        .whatsapp-automation-icon {
            width: 70px !important;
            height: 70px !important;
            font-size: 2rem !important;
        }

        .whatsapp-automation-cta a {
            font-size: 1rem !important;
            padding: 16px 30px !important;
        }
    }
</style></head><body>Reeboot AI Services About Contact Empower Your Business with <span class="highlight">AI-Powered WhatsApp Automation</span>Revolutionize customer engagement,
streamline order management,
and boost sales with our intelligent WhatsApp solutions. Get Started Book a Demo 500+<br>Happy Customers 95% <br>Satisfaction Rate 3x <br>Sales Growth Our Services Explore our wide range of AI-powered solutions tailored to transform your business. 🤖 AI Chatbots Automate customer support and engagement with intelligent chatbots. ✓ 24/7 Availability ✓ Personalized Responses ✓ Multi-Language Support 🛒 Order Management Streamline order processing and fulfillment using WhatsApp. ✓ Automated Order Confirmation ✓ Real-Time Tracking ✓ Payment Integration 📣 Marketing Automation Boost your marketing efforts with targeted WhatsApp campaigns. ✓ Personalized Promotions ✓ Broadcast Messaging ✓ Performance Analytics About Us We are a team of AI experts dedicated to helping businesses thrive in the digital age. We build solutions that transform businesses At Reeboot AI,
we empower businesses with cutting-edge AI technology,
enabling them to achieve unprecedented levels of efficiency and customer satisfaction. Our innovative solutions are designed to seamlessly integrate with your existing workflows,
enhancing your capabilities and driving growth. Real-time Insights Get instant data and analytics to make informed decisions. Customized Solutions Tailored AI solutions to meet your specific business needs. Scalable Infrastructure Our AI platform scales with your business,
ensuring optimal performance. WhatsApp Order Management Transform your order process with WhatsApp AI,
managing orders efficiently and effortlessly. 🛍️ Hassle-Free Order Placement Customers can easily place orders through WhatsApp,
without any app installations. Streamline Your Order Process Automate your order management workflow with our AI-powered WhatsApp solution. Improve efficiency,
reduce errors,
and enhance customer satisfaction. 💬 Instant Order Updates Keep customers informed with real-time order status and delivery updates. 🚀 Automated Follow-Ups Send automated reminders for pending payments and order confirmations. Unique Selling Propositions Why choose our WhatsApp AI solution for your business? 🤖 AI-Powered Automation Automate repetitive tasks,
reduce manual effort,
and improve efficiency. 💬 Enhanced Customer Engagement Provide personalized support,
engage with customers in real-time,
and build stronger relationships. 📈 Increased Sales Drive more sales through targeted marketing campaigns,
automated promotions,
and seamless order management. Use Cases Discover how businesses are leveraging our WhatsApp AI solution across various industries. 🍕 Restaurants Streamline order management,
take reservations,
and offer personalized menu recommendations. 🛍️ E-Commerce Automate order confirmations,
send shipping updates,
and provide customer support. 🏥 Healthcare Schedule appointments,
send reminders,
and provide virtual consultations. Mobile Features Explore the powerful features of our WhatsApp AI solution on mobile. Effortless Order Management on the Go Manage orders,
track shipments,
and engage with customers directly from your mobile device. 💬 Real-Time Chat Support Provide instant support to customers and resolve queries on the fly. 🔔 Instant Notifications Receive real-time notifications for new orders,
payments,
and customer inquiries. WhatsApp AI Mobile Demo Experience the power of AI-driven WhatsApp automation on mobile. Revolutionize Customer Engagement See how our AI solution enhances customer interactions and boosts sales on WhatsApp. 🤖 AI-Powered Chatbots Automate customer support and engagement with intelligent chatbots. 📣 Personalized Marketing Send targeted promotions and offers to drive sales and customer loyalty. 12:30 💼 Reeboot AI 🟢 Online now Hello there ! 👋 Welcome to Reeboot AI. How can I assist you today? 12:30 PM I'd like to inquire about your services.
 12:31 PM We offer a range of AI solutions,
including: 🤖 AI Chatbots 🛒 Order Management 📣 Marketing Automation Which are you interested in? 12:31 PM Order Management 12:32 PM Great ! Our Order Management system helps you streamline order processing and fulfillment. Would you like more details? 12:32 PM Yes,
please. 12:33 PM Our Order Management system automates confirmations,
provides real-time tracking,
and offers payment integration. 12:33 PM Got it,
thanks ! 12:33 PM 🎤 Experience the Future of WhatsApp Automation Transform your business with AI-powered solutions. Book a Demo Contact Us Get in touch with our team to discuss your business needs. 📍 Address 123 AI Innovation Street,
Tech City,
USA 📧 Email info@reebootai.com 📞 Phone+1 (555) 123-4567 Ready to Elevate Your Business? Connect with us on WhatsApp to discover how our AI solutions can transform your business. Chat on WhatsApp Reeboot AI We empower businesses with cutting-edge AI technology, enabling them to achieve unprecedented levels of efficiency and customer satisfaction. 123 AI Innovation Street, Tech City, USA info@reebootai.com Services AI Chatbots Order Management Marketing Automation Quick Links About Us Contact Us Book a Demo © 2024 Reeboot AI. All rights reserved. Terms and Conditions <span>|</span>Privacy Policy <span>|</span>Cancellation & Refund Policy </body></html>