/* Reset and Base Styles */
*{margin:0;padding:0;box-sizing:border-box}
body{font-family:Arial,sans-serif;line-height:1.6;color:#4B5563;scroll-behavior:smooth;background:#FFF}
.container{max-width:1200px;margin:0 auto;padding:0 30px} /* Increased padding from 20px to 30px for more edge spacing */

/* Header */
header{position:fixed;top:0;width:100%;background:#FFF;padding:20px 0;box-shadow:0 2px 10px rgba(0,0,0,.1);z-index:1000;transition:background .3s ease}
.header-content{display:flex;justify-content:space-between;align-items:center}
.logo img{height:40px;transition:transform .3s ease}
.logo img:hover{transform:scale(1.05)}
.hamburger{background:0 0;border:none;font-size:24px;cursor:pointer;color:#4B5563;display:none;transition:transform .3s ease}
.hamburger:hover{transform:rotate(90deg)}
.nav-links{display:flex;gap:10px;align-items:center}
.nav-links a{text-decoration:none;background:#4B5563;color:#FFF;padding:10px 20px;border-radius:25px;font-size:16px;transition:transform .3s ease,background .3s ease}
.nav-links a:hover{transform:scale(1.05);background:#1F2937}

.dropdown-menu {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100vh;
    background: #FFF;
    display: none;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 10px; /* Reduced from 20px */
    z-index: 999;
    opacity: 0;
    transform: translateY(-20px);
    animation: dropdownFade .3s ease forwards;
}

.dropdown-menu.active {
    display: flex;
}

.dropdown-menu a {
    font-size: 1.2em; /* Reduced from 1.5em */
    color: #1F2937;
    text-decoration: none;
    padding: 10px 20px; /* Reduced from 15px 30px */
    border-radius: 10px;
    transition: background .3s ease, transform .3s ease;
}

.dropdown-menu a:hover {
    background: #F9FAFB;
    transform: scale(1.05);
}

.close-dropdown {
    position: absolute;
    top: 10px;
    right: 10px;
    background: none;
    border: none;
    font-size: 1.5em;
    cursor: pointer;
    color: #4B5563;
}

.close-dropdown:hover {
    color: #1F2937;
}

/* CTA Button */
.cta-button{display:inline-block;padding:12px 24px;border-radius:25px;font-size:16px;text-decoration:none;cursor:pointer;transition:transform .3s ease,box-shadow .3s ease}
.cta-button:hover{transform:scale(1.05);box-shadow:0 4px 10px rgba(0,0,0,.2)}
.cta-button.primary{background:#1F2937;color:#FFF}
.cta-button.primary:hover{background:#111827}
.cta-button.secondary{background:#6B7280;color:#FFF}
.cta-button.secondary:hover{background:#4B5563}
.cta-button.disabled{background:#9CA3AF;color:#FFF;cursor:not-allowed}
.cta-button.disabled:hover{transform:none;box-shadow:none;background:#9CA3AF}

/* Hero Section */
.hero{min-height:100vh;background:linear-gradient(90deg,#1F2937 0,#4B5563 100%);display:flex;align-items:center;padding-top:80px;opacity:0;animation:fadeIn .8s ease forwards}
.hero-content{text-align:center;opacity:0;transform:translateY(20px);animation:slideUp .8s ease .2s forwards}
.hero-subtitle{font-size:1em;color:#10B981;margin-bottom:10px;text-transform:uppercase;letter-spacing:2px}
.hero-content h1{font-size:4em;color:#FFF;margin-bottom:20px;line-height:1.2;font-weight:700}
.offer-text{font-size:1.2em;color:#FFF;margin-bottom:30px;font-weight:700}
.offer-price{font-size:1.5em;font-weight:700;color:#10B981}
.hero-ctas{display:flex;gap:15px;justify-content:center}

/* Section Styles */
.section{padding:80px 0;background:#FFF;color:#4B5563;opacity:0;transform:translateY(20px);animation:fadeInUp .8s ease forwards}
.section h1{font-size:2em;color:#1F2937;font-weight:700;margin-bottom:20px} /* Added h1 styling, reduced from implicit 2.5em */
.section h2{font-size:1.5em;color:#1F2937;font-weight:700;margin:30px 0 15px} /* Added h2 styling, reduced from implicit larger sizes */
.section p{font-size:0.9em;color:#4B5563;margin-bottom:15px} /* Reduced from 1em */
.section ul{list-style:disc;padding-left:20px;margin-bottom:15px}
.section ul li{font-size:0.9em;color:#4B5563;margin:10px 0} /* Reduced from 1em */
.section a{color:#10B981;text-decoration:underline}
.section a:hover{text-decoration:none}
.privacy-content{padding:20px} /* Added for internal content spacing in Privacy Policy */

/* Service Grid */
.service-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:30px}
.service-card{background:#F9FAFB;padding:25px;border-radius:10px;text-align:center;transition:transform .3s ease,box-shadow .3s ease;opacity:0}
.service-card.animate-in{opacity:1;animation:fadeInUp .5s ease forwards}
.service-card:hover{transform:translateY(-5px);box-shadow:0 4px 10px rgba(0,0,0,.1)}
.service-card i{font-size:2em;color:#1F2937;margin-bottom:15px}
.service-card h3{font-size:1.5em;margin-bottom:10px;color:#1F2937}
.service-card p{font-size:0.9em;color:#4B5563} /* Reduced from 1em */

/* Pricing Grid */
.pricing-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:30px}
.pricing-card{background:#F9FAFB;padding:25px;border-radius:10px;text-align:center;transition:transform .3s ease,box-shadow .3s ease;opacity:0}
.pricing-card.animate-in{opacity:1;animation:fadeInUp .5s ease forwards}
.pricing-card:hover{transform:translateY(-5px);box-shadow:0 4px 10px rgba(0,0,0,.1)}
.pricing-card h3{font-size:1.5em;margin-bottom:10px;color:#1F2937}
.pricing-card p{font-size:1.8em;font-weight:700;color:#1F2937;margin-bottom:15px}
.pricing-card ul{list-style:none;margin-bottom:20px}
.pricing-card ul li{font-size:0.9em;margin:10px 0;color:#4B5563} /* Reduced from 1em */

/* Contact Form */
.contact-form{max-width:600px;margin:0 auto;display:flex;flex-direction:column;gap:15px}
.contact-form input,.contact-form textarea{padding:12px;border:1px solid #4B5563;border-radius:5px;font-size:0.9em;width:100%;background:#FFF;color:#1F2937} /* Reduced from 1em */
.contact-form textarea{resize:vertical;min-height:120px}
.contact-form button{align-self:center}

/* Xpress Lite Section */
.xpress-lite-section{background:#F9FAFB;padding:40px 0;text-align:center}
.xpress-lite-section ul{list-style-type:none;max-width:600px;margin:20px auto;padding:0}
.xpress-lite-section ul li{font-size:0.9em;margin:10px 0;color:#4B5563} /* Reduced from 1em */
.xpress-lite-section .cta-button{margin:10px}

/* Footer */
footer{background:#F9FAFB;padding:40px 0;color:#4B5563}
.footer-content{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:20px}
.footer-logo{text-align:left}
.footer-logo img{height:30px}
.footer-nav h3,.footer-policies h3,.footer-contact h3{font-size:1.2em;color:#1F2937;margin-bottom:15px}
.footer-links{list-style:none;padding:0}
.footer-links li{margin:10px 0}
.footer-links a{font-size:0.9em;color:#4B5563;text-decoration:none;transition:color .3s ease} /* Reduced from implicit 1em */
.footer-links a:hover{color:#10B981}
.footer-contact p{font-size:0.9em;margin:10px 0} /* Reduced from 1em */
.footer-contact a{font-size:0.9em;color:#4B5563;text-decoration:none} /* Reduced from 1em */
.footer-contact a:hover{color:#10B981}
.footer-contact small{font-size:0.8em;display:block;margin-top:2px}
.footer-bottom{text-align:center;margin-top:20px}
.copyright-text{font-size:0.9em;margin-bottom:5px} /* Reduced from 1em */
.designed-by{font-size:0.9em} /* Reduced from 1em */
.designed-by a{color:#4B5563;text-decoration:none}
.designed-by a:hover{color:#10B981}

/* Back to Top Button */
#back-to-top{position:fixed;bottom:20px;right:20px;background:#1F2937;color:#FFF;border:none;border-radius:50%;width:50px;height:50px;display:flex;align-items:center;justify-content:center;font-size:1.5em;cursor:pointer;opacity:0;visibility:hidden;transition:opacity .3s ease,transform .3s ease}
#back-to-top.visible{opacity:1;visibility:visible}
#back-to-top:hover{transform:scale(1.1);background:#111827}

/* Modal */
.modal{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.5);z-index:1000}
.modal-content{position:fixed;right:0;top:0;height:100%;width:100%;max-width:400px;background:#FFF;padding:2rem;box-shadow:-2px 0 4px rgba(0,0,0,.1);display:flex;flex-direction:column}
.modal-header{margin-bottom:1.5rem}
.modal-title{font-size:1.5em;font-weight:700;margin-bottom:.5rem;color:#1F2937}
.modal-description{font-size:0.9em;color:#4B5563} /* Reduced from 1em */
.close-modal{position:absolute;top:1rem;right:1rem;background:0 0;border:none;font-size:1.5rem;cursor:pointer;color:#4B5563}
.close-modal:hover{color:#1F2937}

/* Animations */
@keyframes fadeIn{from{opacity:0}to{opacity:1}}
@keyframes fadeInUp{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}
@keyframes slideUp{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}
@keyframes dropdownFade{from{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}

/* Responsive Design */
@media (max-width:768px){
    .container{padding:0 20px} /* Reduced padding for mobile, still improved from original 15px */
    .hamburger{display:block}
    .nav-links{display:none;flex-direction:column;position:absolute;top:60px;left:0;width:100%;background:#FFF;padding:20px;box-shadow:0 2px 10px rgba(0,0,0,.1)}
    .nav-links.active{display:flex;animation:slideUp .3s ease}
    .nav-links a,.dropdown-toggle{width:100%;text-align:center;margin:5px 0;padding:10px}
    .dropdown{position:static}
    .dropdown-menu{position:static;display:none;background:#F9FAFB;padding:10px 0;height:auto;justify-content:flex-start}
    .dropdown-menu.active{display:flex}
    .dropdown-menu a{font-size:1em;padding:10px}
    .hero{min-height:50vh;padding:60px 20px 20px}
    .hero-content h1{font-size:2.5em}
    .hero-ctas{flex-direction:column;gap:10px}
    .offer-text{font-size:1em}
    .section{padding:50px 0}
    .section h1{font-size:1.8em} /* Reduced from 2em */
    .section h2{font-size:1.3em} /* Reduced from 1.5em */
    .section p{font-size:0.85em} /* Reduced from 0.9em */
    .section ul li{font-size:0.85em} /* Reduced from 0.9em */
    .privacy-content{padding:15px} /* Reduced internal padding for mobile */
    .pricing-grid{grid-template-columns:1fr}
    .pricing-card{padding:20px}
    .pricing-card h3{font-size:1.3em}
    .pricing-card p{font-size:1.5em}
    .footer-content{grid-template-columns:1fr;text-align:center}
    .footer-logo{text-align:center}
    .footer-nav,.footer-policies,.footer-contact{margin-top:20px}
    .footer-links li{margin:8px 0}
    .modal-content{width:100%}
}
@media (max-width:480px){
    .container{padding:0 15px} /* Adjusted for very small screens */
    .hero-content h1{font-size:1.8em}
    .service-card,.pricing-card{padding:15px}
    .cta-button{padding:10px 20px;font-size:14px}
    .offer-text{font-size:.9em}
    .section h1{font-size:1.6em} /* Further reduced */
    .section h2{font-size:1.2em} /* Further reduced */
    .section p{font-size:0.8em} /* Further reduced */
    .section ul li{font-size:0.8em} /* Further reduced */
    .privacy-content{padding:10px} /* Further reduced for small screens */
    .modal-content{padding:1.5rem}
}

.payment-terms-table {
    width: 100%;
    border-collapse: collapse;
    margin: 20px 0;
    font-size: 0.9em;
}

.payment-terms-table th,
.payment-terms-table td {
    border: 1px solid #E5E7EB;
    padding: 12px;
    text-align: left;
}

.payment-terms-table th {
    background: #F9FAFB;
    font-weight: 700;
    color: #1F2937;
}

.payment-terms-table td {
    background: #FFF;
    color: #4B5563;
}

.payment-terms-table ul {
    margin: 0;
    padding-left: 20px;
}

.payment-terms-table ul li {
    margin-bottom: 5px;
}

@media (max-width: 768px) {
    .payment-terms-table {
        font-size: 0.8em;
    }

    .payment-terms-table th,
    .payment-terms-table td {
        padding: 8px;
    }
}