/* Reset and base styles */
* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

body {
    font-family: 'Cairo', sans-serif;
    line-height: 1.4;
    background-color: #f8f9fa;
}

/* Products dropdown styles */
.products-dropdown a {
    display: flex;
    align-items: center;
    gap: 5px;
}

.products-dropdown .fa-chevron-down {
    font-size: 12px;
    transition: transform 0.3s ease;
}

.products-dropdown:hover .fa-chevron-down {
    transform: rotate(180deg);
}

/* Resources dropdown styles */
.resources-dropdown {
    position: relative;
    display: inline-block;
}

.resources-dropdown a {
    display: flex;
    align-items: center;
    gap: 5px;
}

.resources-dropdown .fa-chevron-down {
    font-size: 12px;
    transition: transform 0.3s ease;
}

.resources-dropdown:hover .fa-chevron-down {
    transform: rotate(180deg);
}

.resources-dropdown .dropdown-content {
    display: none;
    position: absolute;
    top: 100%;
    left: 0;
    background-color: white;
    min-width: 200px;
    box-shadow: 0 8px 16px rgba(0,0,0,0.1);
    border-radius: 8px;
    padding: 0.5rem;
    z-index: 1000;
}

.resources-dropdown:hover .dropdown-content {
    display: block;
}

/* Hero section styles */
.hero {
    background-color: #1a73e8;
    color: white;
    padding: 3rem 1rem;
    min-height: 100vh;
    position: relative;
    z-index: 1;
}

.hero-content {
    max-width: 1200px;
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 4rem;
}

.hero-text {
    flex: 1;
    max-width: 60%;
}

.hero-text h1 {
    font-size: 2.75rem;
    line-height: 1.2;
    margin-bottom: 1rem;
    font-weight: 700;
}

.hero-text p {
    font-size: 1.1rem;
    margin-bottom: 1.5rem;
}

.features-list {
    margin: 1.5rem 0;
}

.feature-item {
    display: flex;
    align-items: center;
    margin-bottom: 0.75rem;
    font-size: 1rem;
}

.plus-icon {
    background-color: #34a853;
    min-width: 32px;
    width: 32px;
    height: 32px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-right: 1rem;
    font-weight: bold;
    font-size: 20px;
    padding-bottom: 2px;
}

.cta-button {
    background-color: #ffd700;
    color: #000;
    border: none;
    padding: 0.875rem 2rem;
    font-size: 1.1rem;
    font-weight: 600;
    border-radius: 4px;
    cursor: pointer;
    transition: background-color 0.3s;
    font-family: 'Cairo', sans-serif;
    width: 100%;
    max-width: 400px;
}

.cta-button:hover {
    background-color: #ffed4a;
}

.hero-image {
    flex: 1;
    display: flex;
    justify-content: center;
    align-items: flex-start;
    max-width: 40%;
}

.product-card {
    background: white;
    border-radius: 20px;
    width: 100%;
    max-width: 360px;
    padding: 16px;
    box-shadow: 0 20px 40px rgba(0,0,0,0.2);
    color: #333;
}

.card-header {
    text-align: left;
    margin-bottom: 10px;
}

.logo-text {
    color: #34a853;
    font-weight: 700;
    font-size: 1.1rem;
    margin-bottom: 2px;
}

.subtitle {
    color: #666;
    font-size: 0.8rem;
    font-weight: 600;
}

.product-title {
    color: white;
    background: #00b4d8;
    padding: 8px 12px;
    font-size: 1.3rem;
    font-weight: 700;
    border-radius: 8px;
    margin: 8px 0;
}

.subscription-text {
    color: #333;
    font-size: 1.1rem;
    font-weight: 700;
    margin: 8px 0;
}

.features-section {
    background: #34a853;
    color: white;
    padding: 12px;
    border-radius: 8px;
    margin: 12px 0;
}

.manage-text {
    font-weight: 600;
    margin-bottom: 8px;
    font-size: 0.9rem;
}

.track-text {
    font-size: 0.8rem;
}

.benefits-section {
    margin: 12px 0;
}

.benefits-title {
    color: #666;
    font-weight: 600;
    margin-bottom: 8px;
    font-size: 0.8rem;
}

.benefits-section ul {
    list-style: none;
    padding-left: 15px;
}

.benefits-section li {
    font-size: 0.8rem;
    margin-bottom: 6px;
    position: relative;
    line-height: 1.3;
}

.benefits-section li::before {
    content: '+';
    color: #34a853;
    position: absolute;
    left: -15px;
}

.flag-section {
    text-align: right;
    margin-top: 10px;
}

.us-flag {
    width: 48px;
    height: 48px;
    border-radius: 50%;
    object-fit: cover;
    border: 2px solid #f0f0f0;
}

/* Main content wrapper */
.main-content {
    position: relative;
    z-index: 2;
    background: #f8f9fa;
}

/* Header styles */
.header {
    background-color: white;
    padding: 1rem;
    box-shadow: 0 2px 4px rgba(0,0,0,0.1);
    position: sticky;
    width: 100%;
    top: 0;
    z-index: 1000;
}

.nav-container {
    max-width: 1200px;
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.logo a {
    color: #1a73e8;
    text-decoration: none;
    font-weight: 700;
    font-size: 1.2rem;
}

.nav-links {
    display: flex;
    gap: 2rem;
}

.nav-links a {
    color: #333;
    text-decoration: none;
    font-weight: 500;
}

.nav-links a:hover {
    color: #1a73e8;
}

/* Products Dropdown */
.nav-links .products-dropdown {
    position: relative;
    display: inline-block;
}

.dropdown-content {
    display: none;
    position: absolute;
    top: 100%;
    left: 0;
    background-color: white;
    min-width: 300px;
    box-shadow: 0 8px 16px rgba(0,0,0,0.1);
    border-radius: 8px;
    padding: 0.5rem;
    z-index: 1000;
}

.products-dropdown:hover .dropdown-content {
    display: block;
}

.dropdown-item {
    display: block;
    padding: 0.75rem 1rem;
    color: #333;
    text-decoration: none;
    border-radius: 4px;
    transition: background-color 0.2s;
}

.dropdown-item:hover {
    background-color: #f0f0f0;
    color: #1a73e8;
}

/* Licenses section styles */
.licenses {
    background: linear-gradient(to bottom, #f8f9fa 0%, white 100%);
    padding: 2rem 0;
}

.licenses-container {
    max-width: 900px;
    margin: 0 auto;
    background: white;
    padding: 1.5rem;
    border-radius: 16px;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.08);
}

.licenses h2 {
    text-align: center;
    color: #333;
    font-size: 2.2rem;
    margin-bottom: 1.5rem;
    font-weight: 700;
}

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

.license-card {
    background: #f8f9fa;
    border-radius: 12px;
    padding: 1.5rem;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05);
}

.license-card h3 {
    color: #1a73e8;
    font-size: 1.2rem;
    margin-bottom: 1rem;
    font-weight: 600;
}

.license-card p {
    color: #666;
    margin-bottom: 1.5rem;
    font-size: 0.95rem;
}

.buy-button {
    width: 100%;
    background-color: #34a853;
    border: none;
    border-radius: 6px;
    padding: 1rem;
    color: white;
    cursor: pointer;
    transition: background-color 0.3s;
    font-family: 'Cairo', sans-serif;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 0.5rem;
}

.buy-button span:first-child {
    font-size: 1.1rem;
    font-weight: 600;
}

.buy-button span:last-child {
    font-size: 0.9rem;
    opacity: 0.9;
}

.buy-button:hover {
    background-color: #2d9748;
}

/* Key Features section */
.key-features {
    background: #f8f9fa;
    padding: 2rem 0;
}

.key-features-container {
    max-width: 900px;
    margin: 0 auto;
    background: white;
    padding: 1.5rem;
    border-radius: 16px;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.08);
}

.key-features h2 {
    text-align: center;
    color: #333;
    font-size: 2.2rem;
    margin-bottom: 1.5rem;
    font-weight: 700;
}

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

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

.feature-icon {
    width: 40px;
    height: 40px;
    flex-shrink: 0;
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
}

.bank-icon {
    background-color: #4285f4;
    mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M11.5,1L2,6V8H21V6M4,10V17H7V10M10,10V17H13V10M16,10V17H19V10M2,19V21H21V19' /%3E%3C/svg%3E") no-repeat center;
    -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M11.5,1L2,6V8H21V6M4,10V17H7V10M10,10V17H13V10M16,10V17H19V10M2,19V21H21V19' /%3E%3C/svg%3E") no-repeat center;
}

.inventory-icon {
    background-color: #34a853;
    mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M19,3H14.82C14.4,1.84 13.3,1 12,1C10.7,1 9.6,1.84 9.18,3H5A2,2 0 0,0 3,5V19A2,2 0 0,0 5,21H19A2,2 0 0,0 21,19V5A2,2 0 0,0 19,3M12,3A1,1 0 0,1 13,4A1,1 0 0,1 12,5A1,1 0 0,1 11,4A1,1 0 0,1 12,3M7,7H17V5H19V19H5V5H7V7M17,11H7V9H17V11M15,15H7V13H15V15' /%3E%3C/svg%3E") no-repeat center;
    -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M19,3H14.82C14.4,1.84 13.3,1 12,1C10.7,1 9.6,1.84 9.18,3H5A2,2 0 0,0 3,5V19A2,2 0 0,0 5,21H19A2,2 0 0,0 21,19V5A2,2 0 0,0 19,3M12,3A1,1 0 0,1 13,4A1,1 0 0,1 12,5A1,1 0 0,1 11,4A1,1 0 0,1 12,3M7,7H17V5H19V19H5V5H7V7M17,11H7V9H17V11M15,15H7V13H15V15' /%3E%3C/svg%3E") no-repeat center;
}

.payroll-icon {
    background-color: #fbbc04;
    mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12,2A10,10 0 0,1 22,12A10,10 0 0,1 12,22A10,10 0 0,1 2,12A10,10 0 0,1 12,2M12,4A8,8 0 0,0 4,12A8,8 0 0,0 12,20A8,8 0 0,0 20,12A8,8 0 0,0 12,4M11,17V16H9V14H13V13H10A1,1 0 0,1 9,12V9A1,1 0 0,1 10,8H11V7H13V8H15V10H11V11H14A1,1 0 0,1 15,12V15A1,1 0 0,1 14,16H13V17H11Z' /%3E%3C/svg%3E") no-repeat center;
    -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12,2A10,10 0 0,1 22,12A10,10 0 0,1 12,22A10,10 0 0,1 2,12A10,10 0 0,1 12,2M12,4A8,8 0 0,0 4,12A8,8 0 0,0 12,20A8,8 0 0,0 20,12A8,8 0 0,0 12,4M11,17V16H9V14H13V13H10A1,1 0 0,1 9,12V9A1,1 0 0,1 10,8H11V7H13V8H15V10H11V11H14A1,1 0 0,1 15,12V15A1,1 0 0,1 14,16H13V17H11Z' /%3E%3C/svg%3E") no-repeat center;
}

.reporting-icon {
    background-color: #a142f4;
    mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M22,21H2V3H4V19H6V10H10V19H12V6H16V19H18V14H22V21Z' /%3E%3C/svg%3E") no-repeat center;
    -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M22,21H2V3H4V19H6V10H10V19H12V6H16V19H18V14H22V21Z' /%3E%3C/svg%3E") no-repeat center;
}

.integration-icon {
    background-color: #ea4335;
    mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12,2A10,10 0 0,0 2,12A10,10 0 0,0 12,22A10,10 0 0,0 22,12A10,10 0 0,0 12,2M12,4A8,8 0 0,1 20,12A8,8 0 0,1 12,20A8,8 0 0,1 4,12A8,8 0 0,1 12,4M12,6A6,6 0 0,0 6,12A6,6 0 0,0 12,18A6,6 0 0,0 18,12A6,6 0 0,0 12,6M12,8A4,4 0 0,1 16,12A4,4 0 0,1 12,16A4,4 0 0,1 8,12A4,4 0 0,1 12,8Z' /%3E%3C/svg%3E") no-repeat center;
    -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12,2A10,10 0 0,0 2,12A10,10 0 0,0 12,22A10,10 0 0,0 22,12A10,10 0 0,0 12,2M12,4A8,8 0 0,1 20,12A8,8 0 0,1 12,20A8,8 0 0,1 4,12A8,8 0 0,1 12,4M12,6A6,6 0 0,0 6,12A6,6 0 0,0 12,18A6,6 0 0,0 18,12A6,6 0 0,0 12,6M12,8A4,4 0 0,1 16,12A4,4 0 0,1 12,16A4,4 0 0,1 8,12A4,4 0 0,1 12,8Z' /%3E%3C/svg%3E") no-repeat center;
}

.time-icon {
    background-color: #4285f4;
    mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12,20A8,8 0 0,0 20,12A8,8 0 0,0 12,4A8,8 0 0,0 4,12A8,8 0 0,0 12,20M12,2A10,10 0 0,1 22,12A10,10 0 0,1 12,22C6.47,22 2,17.5 2,12A10,10 0 0,1 12,2M12.5,7V12.25L17,14.92L16.25,16.15L11,13V7H12.5Z' /%3E%3C/svg%3E") no-repeat center;
    -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12,20A8,8 0 0,0 20,12A8,8 0 0,0 12,4A8,8 0 0,0 4,12A8,8 0 0,0 12,20M12,2A10,10 0 0,1 22,12A10,10 0 0,1 12,22C6.47,22 2,17.5 2,12A10,10 0 0,1 12,2M12.5,7V12.25L17,14.92L16.25,16.15L11,13V7H12.5Z' /%3E%3C/svg%3E") no-repeat center;
}

.sales-icon {
    background-color: #ea4335;
    mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M17,18C15.89,18 15,18.89 15,20A2,2 0 0,0 17,22A2,2 0 0,0 19,20C19,18.89 18.1,18 17,18M1,2V4H3L6.6,11.59L5.24,14.04C5.09,14.32 5,14.65 5,15A2,2 0 0,0 7,17H19V15H7.42A0.25,0.25 0 0,1 7.17,14.75C7.17,14.7 7.18,14.66 7.2,14.63L8.1,13H15.55C16.3,13 16.96,12.58 17.3,11.97L20.88,5.5C20.95,5.34 21,5.17 21,5A1,1 0 0,0 20,4H5.21L4.27,2M7,18C5.89,18 5,18.89 5,20A2,2 0 0,0 7,22A2,2 0 0,0 9,20C9,18.89 8.1,18 7,18Z' /%3E%3C/svg%3E") no-repeat center;
    -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M17,18C15.89,18 15,18.89 15,20A2,2 0 0,0 17,22A2,2 0 0,0 19,20C19,18.89 18.1,18 17,18M1,2V4H3L6.6,11.59L5.24,14.04C5.09,14.32 5,14.65 5,15A2,2 0 0,0 7,17H19V15H7.42A0.25,0.25 0 0,1 7.17,14.75C7.17,14.7 7.18,14.66 7.2,14.63L8.1,13H15.55C16.3,13 16.96,12.58 17.3,11.97L20.88,5.5C20.95,5.34 21,5.17 21,5A1,1 0 0,0 20,4H5.21L4.27,2M7,18C5.89,18 5,18.89 5,20A2,2 0 0,0 7,22A2,2 0 0,0 9,20C9,18.89 8.1,18 7,18Z' /%3E%3C/svg%3E") no-repeat center;
}

.accounts-icon {
    background-color: #34a853;
    mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M3,22L4.5,20.5L6,22L7.5,20.5L9,22L10.5,20.5L12,22L13.5,20.5L15,22L16.5,20.5L18,22L19.5,20.5L21,22V2L19.5,3.5L18,2L16.5,3.5L15,2L13.5,3.5L12,2L10.5,3.5L9,2L7.5,3.5L6,2L4.5,3.5L3,2M18,9H6V7H18M18,13H6V11H18M18,17H6V15H18V17Z' /%3E%3C/svg%3E") no-repeat center;
    -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M3,22L4.5,20.5L6,22L7.5,20.5L9,22L10.5,20.5L12,22L13.5,20.5L15,22L16.5,20.5L18,22L19.5,20.5L21,22V2L19.5,3.5L18,2L16.5,3.5L15,2L13.5,3.5L12,2L10.5,3.5L9,2L7.5,3.5L6,2L4.5,3.5L3,2M18,9H6V7H18M18,13H6V11H18M18,17H6V15H18V17Z' /%3E%3C/svg%3E") no-repeat center;
}

.job-icon {
    background-color: #4285f4;
    mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M21,18H24V20H21V23H19V20H16V18H19V15H21V18M19,8V6H3V8H19M19,12H3V10H19V12M3,16H14V14H3V16Z' /%3E%3C/svg%3E") no-repeat center;
    -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M21,18H24V20H21V23H19V20H16V18H19V15H21V18M19,8V6H3V8H19M19,12H3V10H19V12M3,16H14V14H3V16Z' /%3E%3C/svg%3E") no-repeat center;
}

/* Customer Reviews Section */
.customer-reviews {
    padding: 2rem 0;
    background: #f8f9fa;
    text-align: center;
}

.review-container {
    max-width: 1000px;
    margin: 0 auto;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 2rem;
    padding: 0 1rem;
}

.review-content {
    background: white;
    padding: 1.5rem;
    border-radius: 12px;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.08);
    flex-grow: 1;
    max-width: 800px;
}

.review-content h2 {
    color: #1a1a1a;
    font-size: 2.2rem;
    font-weight: 700;
    margin-bottom: 1.5rem;
}

.reviews {
    position: relative;
    min-height: 150px;
}

.review {
    display: none;
    opacity: 0;
    transition: opacity 0.5s ease-in-out;
    position: absolute;
    width: 100%;
    left: 0;
    right: 0;
}

.review.active {
    display: block;
    opacity: 1;
}

.review-text {
    font-size: 1.2rem;
    color: #333;
    line-height: 1.6;
    margin-bottom: 1.5rem;
    font-style: italic;
}

.review-author {
    color: #1a73e8;
    font-size: 1.1rem;
    font-weight: 600;
}

.review-author span {
    color: #666;
    font-weight: normal;
}

.nav-arrow {
    background: none;
    border: none;
    font-size: 2rem;
    color: #1a73e8;
    cursor: pointer;
    padding: 1rem;
    transition: color 0.3s ease;
}

.nav-arrow:hover {
    color: #1557b0;
}

/* FAQ Section */
.faq-section {
    padding: 2rem 0;
    background: #f8f9fa;
}

.faq-container {
    max-width: 900px;
    margin: 0 auto;
    padding: 1.5rem;
    background: white;
    border-radius: 16px;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.08);
}

.faq-container h2 {
    text-align: center;
    color: #1a1a1a;
    font-size: 2.2rem;
    font-weight: 700;
    margin-bottom: 1.5rem;
}

.faq-list {
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

.faq-item {
    border: 1px solid #e0e0e0;
    border-radius: 8px;
    overflow: hidden;
    background: #fff;
    transition: all 0.3s ease;
}

.faq-item:hover {
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
}

.faq-question {
    padding: 1.25rem;
    display: flex;
    justify-content: space-between;
    align-items: center;
    cursor: pointer;
    background: #f8f9fa;
}

.faq-question span {
    font-size: 1.1rem;
    font-weight: 600;
    color: #1a73e8;
}

.faq-toggle {
    background: none;
    border: none;
    color: #1a73e8;
    font-size: 0.8rem;
    cursor: pointer;
    transition: transform 0.3s ease;
    padding: 0.5rem;
}

.faq-item.active .faq-toggle {
    transform: rotate(180deg);
}

.faq-answer {
    padding: 0;
    max-height: 0;
    overflow: hidden;
    transition: all 0.3s ease;
    background: #fff;
    color: #666;
    line-height: 1.6;
}

.faq-item.active .faq-answer {
    padding: 1.25rem;
    max-height: 1000px;
}

/* Why Choose Us Section */
.why-choose-us {
    padding: 2rem 0;
    background: #f8f9fa;
}

.why-choose-us-container {
    max-width: 900px;
    margin: 0 auto;
    padding: 1.5rem;
    background: white;
    border-radius: 16px;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.08);
}

.why-choose-us h2 {
    text-align: center;
    color: #1a1a1a;
    font-size: 2.2rem;
    font-weight: 700;
    margin-bottom: 1.5rem;
}

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

.benefit-item {
    display: flex;
    align-items: flex-start;
    gap: 1rem;
}

.benefit-icon {
    width: 40px;
    height: 40px;
    flex-shrink: 0;
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
}

.benefit-content h3 {
    color: #333;
    font-size: 1.1rem;
    font-weight: 600;
    margin-bottom: 0.5rem;
}

.benefit-content p {
    color: #666;
    font-size: 0.9rem;
    line-height: 1.4;
}

.key-icon {
    background-color: #1a73e8;
    mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M7 14C5.9 14 5 13.1 5 12S5.9 10 7 10 9 10.9 9 12 8.1 14 7 14M12.6 10H22V12H12.6C12.9 12.6 13 13.3 13 14H22V16H13C12.9 16.7 12.6 17.4 12.1 18H22V20H9C6.2 20 4 17.8 4 15S6.2 10 9 10C10.1 10 11.2 10.4 12.1 11H22V13H12.6Z'/%3E%3C/svg%3E") no-repeat center;
    -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M7 14C5.9 14 5 13.1 5 12S5.9 10 7 10 9 10.9 9 12 8.1 14 7 14M12.6 10H22V12H12.6C12.9 12.6 13 13.3 13 14H22V16H13C12.9 16.7 12.6 17.4 12.1 18H22V20H9C6.2 20 4 17.8 4 15S6.2 10 9 10C10.1 10 11.2 10.4 12.1 11H22V13H12.6Z'/%3E%3C/svg%3E") no-repeat center;
}

.setup-icon {
    background-color: #34a853;
    mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z'/%3E%3C/svg%3E") no-repeat center;
    -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z'/%3E%3C/svg%3E") no-repeat center;
}

.money-icon {
    background-color: #fbbc04;
    mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M5,6H23V18H5V6M14,9A3,3 0 0,1 17,12A3,3 0 0,1 14,15A3,3 0 0,1 11,12A3,3 0 0,1 14,9M9,8A2,2 0 0,1 7,10V14A2,2 0 0,1 9,16H19A2,2 0 0,1 21,14V10A2,2 0 0,1 19,8H9M1,10H3V20H19V22H1V10Z'/%3E%3C/svg%3E") no-repeat center;
    -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M5,6H23V18H5V6M14,9A3,3 0 0,1 17,12A3,3 0 0,1 14,15A3,3 0 0,1 11,12A3,3 0 0,1 14,9M9,8A2,2 0 0,1 7,10V14A2,2 0 0,1 9,16H19A2,2 0 0,1 21,14V10A2,2 0 0,1 19,8H9M1,10H3V20H19V22H1V10Z'/%3E%3C/svg%3E") no-repeat center;
}

.download-icon {
    background-color: #9c27b0;
    mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M5,20H19V18H5M19,9H15V3H9V9H5L12,16L19,9Z'/%3E%3C/svg%3E") no-repeat center;
    -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M5,20H19V18H5M19,9H15V3H9V9H5L12,16L19,9Z'/%3E%3C/svg%3E") no-repeat center;
}

.clock-icon {
    background-color: #ea4335;
    mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12,20A8,8 0 0,0 20,12A8,8 0 0,0 12,4A8,8 0 0,0 4,12A8,8 0 0,0 12,20M12,2A10,10 0 0,1 22,12A10,10 0 0,1 12,22C6.47,22 2,17.5 2,12A10,10 0 0,1 12,2M12.5,7V12.25L17,14.92L16.25,16.15L11,13V7H12.5Z'/%3E%3C/svg%3E") no-repeat center;
    -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12,20A8,8 0 0,0 20,12A8,8 0 0,0 12,4A8,8 0 0,0 4,12A8,8 0 0,0 12,20M12,2A10,10 0 0,1 22,12A10,10 0 0,1 12,22C6.47,22 2,17.5 2,12A10,10 0 0,1 12,2M12.5,7V12.25L17,14.92L16.25,16.15L11,13V7H12.5Z'/%3E%3C/svg%3E") no-repeat center;
}

.language-icon {
    background-color: #4285f4;
    mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12.87,15.07L10.33,12.56L10.36,12.53C12.1,10.59 13.34,8.36 14.07,6H17V4H10V2H8V4H1V6H12.17C11.5,7.92 10.44,9.75 9,11.35C8.07,10.32 7.3,9.19 6.69,8H4.69C5.42,9.63 6.42,11.17 7.67,12.56L2.58,17.58L4,19L9,14L12.11,17.11L12.87,15.07M18.5,10H16.5L12,22H14L15.12,19H19.87L21,22H23L18.5,10M15.88,17L17.5,12.67L19.12,17H15.88Z'/%3E%3C/svg%3E") no-repeat center;
    -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12.87,15.07L10.33,12.56L10.36,12.53C12.1,10.59 13.34,8.36 14.07,6H17V4H10V2H8V4H1V6H12.17C11.5,7.92 10.44,9.75 9,11.35C8.07,10.32 7.3,9.19 6.69,8H4.69C5.42,9.63 6.42,11.17 7.67,12.56L2.58,17.58L4,19L9,14L12.11,17.11L12.87,15.07M18.5,10H16.5L12,22H14L15.12,19H19.87L21,22H23L18.5,10M15.88,17L17.5,12.67L19.12,17H15.88Z'/%3E%3C/svg%3E") no-repeat center;
}

.shield-icon {
    background-color: #34a853;
    mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12,1L3,5V11C3,16.55 6.84,21.74 12,23C17.16,21.74 21,16.55 21,11V5L12,1M12,7C13.4,7 14.8,8.1 14.8,9.5V11C15.4,11 16,11.6 16,12.3V15.8C16,16.4 15.4,17 14.7,17H9.2C8.6,17 8,16.4 8,15.7V12.2C8,11.6 8.6,11 9.2,11V9.5C9.2,8.1 10.6,7 12,7M12,8.2C11.2,8.2 10.5,8.7 10.5,9.5V11H13.5V9.5C13.5,8.7 12.8,8.2 12,8.2Z'/%3E%3C/svg%3E") no-repeat center;
    -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12,1L3,5V11C3,16.55 6.84,21.74 12,23C17.16,21.74 21,16.55 21,11V5L12,1M12,7C13.4,7 14.8,8.1 14.8,9.5V11C15.4,11 16,11.6 16,12.3V15.8C16,16.4 15.4,17 14.7,17H9.2C8.6,17 8,16.4 8,15.7V12.2C8,11.6 8.6,11 9.2,11V9.5C9.2,8.1 10.6,7 12,7M12,8.2C11.2,8.2 10.5,8.7 10.5,9.5V11H13.5V9.5C13.5,8.7 12.8,8.2 12,8.2Z'/%3E%3C/svg%3E") no-repeat center;
}

.support-icon {
    background-color: #ea4335;
    mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12,1C7,1 3,5 3,10V17A3,3 0 0,0 6,20H9V12H5V10A7,7 0 0,1 12,3A7,7 0 0,1 19,10V12H15V20H18A3,3 0 0,0 21,17V10C21,5 17,1 12,1Z'/%3E%3C/svg%3E") no-repeat center;
    -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12,1C7,1 3,5 3,10V17A3,3 0 0,0 6,20H9V12H5V10A7,7 0 0,1 12,3A7,7 0 0,1 19,10V12H15V20H18A3,3 0 0,0 21,17V10C21,5 17,1 12,1Z'/%3E%3C/svg%3E") no-repeat center;
}

.partner-icon {
    background-color: #1a73e8;
    mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12,5.5A3.5,3.5 0 0,1 15.5,9A3.5,3.5 0 0,1 12,12.5A3.5,3.5 0 0,1 8.5,9A3.5,3.5 0 0,1 12,5.5M5,8C5.56,8 6.08,8.15 6.53,8.42C6.38,9.85 6.8,11.27 7.66,12.38C7.16,13.34 6.16,14 5,14A3,3 0 0,1 2,11A3,3 0 0,1 5,8M19,8A3,3 0 0,1 22,11A3,3 0 0,1 19,14C17.84,14 16.84,13.34 16.34,12.38C17.2,11.27 17.62,9.85 17.47,8.42C17.92,8.15 18.44,8 19,8M5.5,18.25C5.5,16.18 8.41,14.5 12,14.5C15.59,14.5 18.5,16.18 18.5,18.25V20H5.5V18.25M0,20V18.5C0,17.11 1.89,15.94 4.45,15.6C3.86,16.28 3.5,17.22 3.5,18.25V20H0M24,20H20.5V18.25C20.5,17.22 20.14,16.28 19.55,15.6C22.11,15.94 24,17.11 24,18.5V20Z'/%3E%3C/svg%3E") no-repeat center;
    -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12,5.5A3.5,3.5 0 0,1 15.5,9A3.5,3.5 0 0,1 12,12.5A3.5,3.5 0 0,1 8.5,9A3.5,3.5 0 0,1 12,5.5M5,8C5.56,8 6.08,8.15 6.53,8.42C6.38,9.85 6.8,11.27 7.66,12.38C7.16,13.34 6.16,14 5,14A3,3 0 0,1 2,11A3,3 0 0,1 5,8M19,8A3,3 0 0,1 22,11A3,3 0 0,1 19,14C17.84,14 16.84,13.34 16.34,12.38C17.2,11.27 17.62,9.85 17.47,8.42C17.92,8.15 18.44,8 19,8M5.5,18.25C5.5,16.18 8.41,14.5 12,14.5C15.59,14.5 18.5,16.18 18.5,18.25V20H5.5V18.25M0,20V18.5C0,17.11 1.89,15.94 4.45,15.6C3.86,16.28 3.5,17.22 3.5,18.25V20H0M24,20H20.5V18.25C20.5,17.22 20.14,16.28 19.55,15.6C22.11,15.94 24,17.11 24,18.5V20Z'/%3E%3C/svg%3E") no-repeat center;
}

/* Key Purchase Information Section */
.key-purchase-info {
    padding: 2rem 0;
    background: #f8f9fa;
}

.key-purchase-container {
    max-width: 900px;
    margin: 0 auto;
    padding: 1.5rem;
    background: white;
    border-radius: 16px;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.08);
}

.key-purchase-info h2 {
    text-align: center;
    color: #1a1a1a;
    font-size: 2.2rem;
    font-weight: 700;
    margin-bottom: 1.5rem;
}

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

.info-item {
    display: flex;
    align-items: flex-start;
    gap: 1rem;
}

.info-icon {
    width: 40px;
    height: 40px;
    flex-shrink: 0;
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
}

.info-content h3 {
    color: #333;
    font-size: 1.1rem;
    font-weight: 600;
    margin-bottom: 0.5rem;
}

.info-content p {
    color: #666;
    font-size: 0.9rem;
    line-height: 1.4;
}

.redeem-icon {
    background-color: #4285f4;
    mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z'/%3E%3C/svg%3E") no-repeat center;
    -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z'/%3E%3C/svg%3E") no-repeat center;
}

.refund-icon {
    background-color: #34a853;
    mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12,3A9,9 0 0,0 3,12H0L4,16L8,12H5A7,7 0 0,1 12,5A7,7 0 0,1 19,12A7,7 0 0,1 12,19C10.5,19 9.09,18.5 7.94,17.7L6.5,19.14C8.04,20.3 9.94,21 12,21A9,9 0 0,0 21,12A9,9 0 0,0 12,3M14,12A2,2 0 0,0 12,10A2,2 0 0,0 10,12A2,2 0 0,0 12,14A2,2 0 0,0 14,12Z'/%3E%3C/svg%3E") no-repeat center;
    -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12,3A9,9 0 0,0 3,12H0L4,16L8,12H5A7,7 0 0,1 12,5A7,7 0 0,1 19,12A7,7 0 0,1 12,19C10.5,19 9.09,18.5 7.94,17.7L6.5,19.14C8.04,20.3 9.94,21 12,21A9,9 0 0,0 21,12A9,9 0 0,0 12,3M14,12A2,2 0 0,0 12,10A2,2 0 0,0 10,12A2,2 0 0,0 12,14A2,2 0 0,0 14,12Z'/%3E%3C/svg%3E") no-repeat center;
}

.support-chat-icon {
    background-color: #fbbc04;
    mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12,1C7,1 3,5 3,10V17A3,3 0 0,0 6,20H9V12H5V10A7,7 0 0,1 12,3A7,7 0 0,1 19,10V12H15V20H18A3,3 0 0,0 21,17V10C21,5 17,1 12,1Z'/%3E%3C/svg%3E") no-repeat center;
    -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12,1C7,1 3,5 3,10V17A3,3 0 0,0 6,20H9V12H5V10A7,7 0 0,1 12,3A7,7 0 0,1 19,10V12H15V20H18A3,3 0 0,0 21,17V10C21,5 17,1 12,1Z'/%3E%3C/svg%3E") no-repeat center;
}

.delivery-icon {
    background-color: #ea4335;
    mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12,20A8,8 0 0,0 20,12A8,8 0 0,0 12,4A8,8 0 0,0 4,12A8,8 0 0,0 12,20M12,2A10,10 0 0,1 22,12A10,10 0 0,1 12,22C6.47,22 2,17.5 2,12A10,10 0 0,1 12,2M12.5,7V12.25L17,14.92L16.25,16.15L11,13V7H12.5Z'/%3E%3C/svg%3E") no-repeat center;
    -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12,20A8,8 0 0,0 20,12A8,8 0 0,0 12,4A8,8 0 0,0 4,12A8,8 0 0,0 12,20M12,2A10,10 0 0,1 22,12A10,10 0 0,1 12,22C6.47,22 2,17.5 2,12A10,10 0 0,1 12,2M12.5,7V12.25L17,14.92L16.25,16.15L11,13V7H12.5Z'/%3E%3C/svg%3E") no-repeat center;
}

.contact-icon {
    background-color: #9c27b0;
    mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M20,2H4A2,2 0 0,0 2,4V22L6,18H20A2,2 0 0,0 22,16V4A2,2 0 0,0 20,2M6,9H18V11H6M14,14H6V12H14M18,8H6V6H18'/%3E%3C/svg%3E") no-repeat center;
    -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' view Box='0 0 24 24'%3E%3Cpath d='M20,2H4A2,2 0 0,0 2,4V22L6,18H20A2,2 0 0,0 22,16V4A2,2 0 0,0 20,2M6,9H18V11H6M14,14H6V12H14M18,8H6V6H18'/%3E%3C/svg%3E") no-repeat center;
}

/* System Requirements List */
.system-requirements-list {
    list-style: none;
    padding: 0;
    margin: 0;
}

.system-requirements-list li {
    color: #666;
    font-size: 0.9rem;
    line-height: 1.4;
    margin-bottom: 0.5rem;
    padding-left: 1.2rem;
    position: relative;
}

.system-requirements-list li::before {
    content: "•";
    color: #1a73e8;
    position: absolute;
    left: 0;
    font-weight: bold;
}

.system-windows-icon {
    background-color: #1a73e8;
    mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M3,12V6.75L9,5.43V11.91L3,12M20,3V11.75L10,11.9V5.21L20,3M3,13L9,13.09V19.9L3,18.75V13M20,13.25V22L10,20.09V13.1L20,13.25Z'/%3E%3C/svg%3E") no-repeat center;
    -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M3,12V6.75L9,5.43V11.91L3,12M20,3V11.75L10,11.9V5.21L20,3M3,13L9,13.09V19.9L3,18.75V13M20,13.25V22L10,20.09V13.1L20,13.25Z'/%3E%3C/svg%3E") no-repeat center;
}

.system-mac-icon {
    background-color: #34a853;
    mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M18.71,19.5C17.88,20.74 17,21.95 15.66,21.97C14.32,22 13.89,21.18 12.37,21.18C10.84,21.18 10.37,21.95 9.1,22C7.79,22.05 6.8,20.68 5.96,19.47C4.25,17 2.94,12.45 4.7,9.39C5.57,7.87 7.13,6.91 8.82,6.88C10.1,6.86 11.32,7.75 12.11,7.75C12.89,7.75 14.37,6.68 15.92,6.84C16.57,6.87 18.39,7.1 19.56,8.82C19.47,8.88 17.39,10.1 17.41,12.63C17.44,15.65 20.06,16.66 20.09,16.67C20.06,16.74 19.67,18.11 18.71,19.5M13,3.5C13.73,2.67 14.94,2.04 15.94,2C16.07,3.17 15.6,4.35 14.9,5.19C14.21,6.04 13.07,6.7 11.95,6.61C11.8,5.46 12.36,4.26 13,3.5Z'/%3E%3C/svg%3E") no-repeat center;
    -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M18.71,19.5C17.88,20.74 17,21.95 15.66,21.97C14.32,22 13.89,21.18 12.37,21.18C10.84,21.18 10.37,21.95 9.1,22C7.79,22.05 6.8,20.68 5.96,19.47C4.25,17 2.94,12.45 4.7,9.39C5.57,7.87 7.13,6.91 8.82,6.88C10.1,6.86 11.32,7.75 12.11,7.75C12.89,7.75 14.37,6.68 15.92,6.84C16.57,6.87 18.39,7.1 19.56,8.82C19.47,8.88 17.39,10.1 17.41,12.63C17.44,15.65 20.06,16.66 20.09,16.67C20.06,16.74 19.67,18.11 18.71,19.5M13,3.5C13.73,2.67 14.94,2.04 15.94,2C16.07,3.17 15.6,4.35 14.9,5.19C14.21,6.04 13.07,6.7 11.95,6.61C11.8,5.46 12.36,4.26 13,3.5Z'/%3E%3C/svg%3E") no-repeat center;
}

/* Responsive adjustments for Key Purchase Information section */
@media (max-width: 968px) {
    .key-purchase-info {
        padding: 2rem 1rem;
    }

    .key-purchase-container {
        padding: 1.5rem;
    }

    .purchase-info-grid {
        grid-template-columns: 1fr;
        gap: 1.5rem;
    }

    .key-purchase-info h2 {
        font-size: 1.8rem;
        margin-bottom: 1.5rem;
    }

    .system-requirements-list li {
        font-size: 0.85rem;
    }
}

@media (max-width: 480px) {
    .key-purchase-info {
        padding: 1.5rem 1rem;
    }

    .key-purchase-container {
        padding: 1rem;
    }

    .key-purchase-info h2 {
        font-size: 1.5rem;
    }

    .info-content h3 {
        font-size: 1rem;
    }

    .info-content p {
        font-size: 0.85rem;
    }

    .info-icon {
        width: 32px;
        height: 32px;
    }

    .system-requirements-list li {
        font-size: 0.8rem;
    }
}

/* Responsive adjustments for Why Choose Us section */
@media (max-width: 968px) {
    .why-choose-us {
        padding: 2rem 1rem;
    }

    .why-choose-us-container {
        padding: 1.5rem;
    }

    .benefits-grid {
        grid-template-columns: 1fr;
        gap: 1.5rem;
    }

    .why-choose-us h2 {
        font-size: 1.8rem;
        margin-bottom: 1.5rem;
    }
}

@media (max-width: 480px) {
    .why-choose-us {
        padding: 1.5rem 1rem;
    }

    .why-choose-us-container {
        padding: 1rem;
    }

    .why-choose-us h2 {
        font-size: 1.5rem;
    }

    .benefit-content h3 {
        font-size: 1rem;
    }

    .benefit-content p {
        font-size: 0.85rem;
    }

    .benefit-icon {
        width: 32px;
        height: 32px;
    }
}

/* Responsive adjustments for FAQ section */
@media (max-width: 968px) {
    .faq-section {
        padding: 2rem 1rem;
    }

    .faq-container {
        padding: 1.5rem;
    }

    .faq-container h2 {
        font-size: 1.8rem;
        margin-bottom: 1.5rem;
    }
}

@media (max-width: 480px) {
    .faq-section {
        padding: 1.5rem 1rem;
    }

    .faq-container {
        padding: 1rem;
    }

    .faq-container h2 {
        font-size: 1.5rem;
    }

    .faq-question span {
        font-size: 1rem;
    }

    .faq-answer {
        font-size: 0.9rem;
    }
}

/* Responsive adjustments for Customer Reviews section */
@media (max-width: 968px) {
    .customer-reviews {
        padding: 2rem 0;
    }

    .review-content {
        padding: 1.5rem;
    }

    .review-content h2 {
        font-size: 1.8rem;
        margin-bottom: 1.5rem;
    }

    .review-text {
        font-size: 1.1rem;
    }
}

@media (max-width: 480px) {
    .customer-reviews {
        padding: 1.5rem 0;
    }

    .review-container {
        gap: 1rem;
    }

    .review-content {
        padding: 1rem;
    }

    .review-content h2 {
        font-size: 1.5rem;
    }

    .review-text {
        font-size: 1rem;
    }

    .review-author {
        font-size: 0.9rem;
    }

    .nav-arrow {
        font-size: 1.5rem;
        padding: 0.5rem;
    }
}

/* System Requirements Section */
.system-requirements {
    padding: 2rem 0;
    background: #f8f9fa;
}

.system-requirements-container {
    max-width: 900px;
    margin: 0 auto;
    padding: 1.5rem;
    background: white;
    border-radius: 16px;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.08);
}

.system-requirements h2 {
    text-align: center;
    color: #1a1a1a;
    font-size: 2.2rem;
    font-weight: 700;
    margin-bottom: 1.5rem;
}

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

.requirement-item {
    display: flex;
    align-items: flex-start;
    gap: 1rem;
}

.requirement-icon {
    width: 40px;
    height: 40px;
    flex-shrink: 0;
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
}

.requirement-content h3 {
    color: #333;
    font-size: 1.1rem;
    font-weight: 600;
    margin-bottom: 0.5rem;
}

/* Responsive adjustments for System Requirements section */
@media (max-width: 968px) {
    .system-requirements {
        padding: 2rem 1rem;
    }

    .system-requirements-container {
        padding: 1.5rem;
    }

    .requirements-grid {
        grid-template-columns: 1fr;
        gap: 1.5rem;
    }

    .system-requirements h2 {
        font-size: 1.8rem;
        margin-bottom: 1.5rem;
    }
}

@media (max-width: 480px) {
    .system-requirements {
        padding: 1.5rem 1rem;
    }

    .system-requirements-container {
        padding: 1rem;
    }

    .system-requirements h2 {
        font-size: 1.5rem;
    }

    .requirement-content h3 {
        font-size: 1rem;
    }

    .requirement-icon {
        width: 32px;
        height: 32px;
    }
}

/* Ready to Get Started Section */
.get-started {
    background-color: #1a73e8;
    padding: 2rem 1rem;
    text-align: center;
    color: white;
}

.get-started-container {
    max-width: 900px;
    margin: 0 auto;
}

.get-started h2 {
    font-size: 2.5rem;
    font-weight: 700;
    margin-bottom: 1rem;
}

.get-started p {
    font-size: 1.2rem;
    margin-bottom: 2rem;
    opacity: 0.9;
}

.get-started-button {
    display: inline-block;
    background-color: #ffd700;
    color: #000;
    padding: 1rem 2rem;
    border-radius: 8px;
    font-size: 1.1rem;
    font-weight: 600;
    text-decoration: none;
    transition: background-color 0.3s;
}

.get-started-button:hover {
    background-color: #ffed4a;
}

/* Footer */
.footer {
    background-color: #f8f9fa;
    padding: 2rem 1rem;
    text-align: center;
    border-top: 1px solid #e0e0e0;
}

.footer-content {
    max-width: 900px;
    margin: 0 auto;
}

.footer-links {
    margin-bottom: 1rem;
}

.footer-links a {
    color: #1a73e8;
    text-decoration: none;
    font-size: 0.9rem;
}

.footer-links a:hover {
    text-decoration: underline;
}

.separator {
    color: #666;
    margin: 0 0.5rem;
}

.copyright {
    color: #666;
    font-size: 0.9rem;
}

/* Responsive adjustments */
@media (max-width: 968px) {
    .get-started {
        padding: 2rem 1rem;
    }

    .get-started h2 {
        font-size: 2rem;
    }

    .get-started p {
        font-size: 1.1rem;
    }
}

@media (max-width: 480px) {
    .get-started {
        padding: 1.5rem 1rem;
    }

    .get-started h2 {
        font-size: 1.8rem;
    }

    .get-started p {
        font-size: 1rem;
    }

    .get-started-button {
        padding: 0.875rem 1.5rem;
        font-size: 1rem;
    }

    .footer {
        padding: 1.5rem 1rem;
    }

    .footer-links a {
        font-size: 0.8rem;
    }

    .copyright {
        font-size: 0.8rem;
    }
}

/* Back to Top Button */
.back-to-top {
    position: fixed;
    bottom: 80px;
    right: 20px;
    background-color: #1a73e8;
    color: white;
    width: 45px;
    height: 45px;
    border-radius: 50%;
    border: none;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    opacity: 0;
    visibility: hidden;
    transition: all 0.3s ease;
    z-index: 1000;
    box-shadow: 0 2px 5px rgba(0,0,0,0.2);
    font-size: 20px;
}

.back-to-top.visible {
    opacity: 1;
    visibility: visible;
}

.back-to-top:hover {
    background-color: #1557b0;
    transform: translateY(-3px);
}

/* WhatsApp Button */
.whatsapp-button {
    position: fixed;
    bottom: 20px;
    right: 20px;
    background-color: #25D366;
    color: white;
    padding: 12px 20px 12px 45px;
    border-radius: 25px;
    text-decoration: none;
    font-weight: 600;
    z-index: 1000;
    box-shadow: 0 2px 5px rgba(0,0,0,0.2);
    transition: all 0.3s ease;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='white'%3E%3Cpath d='M12.04 2C6.58 2 2.13 6.45 2.13 11.91C2.13 13.66 2.59 15.36 3.45 16.86L2.05 22L7.3 20.62C8.75 21.41 10.38 21.83 12.04 21.83C17.5 21.83 21.95 17.38 21.95 11.92C21.95 9.27 20.92 6.78 19.05 4.91C17.18 3.03 14.69 2 12.04 2M12.05 3.67C14.25 3.67 16.31 4.53 17.87 6.09C19.42 7.65 20.28 9.72 20.28 11.92C20.28 16.46 16.58 20.15 12.04 20.15C10.56 20.15 9.11 19.76 7.85 19L7.55 18.83L4.43 19.65L5.26 16.61L5.06 16.29C4.24 15 3.8 13.47 3.8 11.91C3.81 7.37 7.5 3.67 12.05 3.67M8.53 7.33C8.37 7.33 8.1 7.39 7.87 7.64C7.65 7.89 7 8.5 7 9.71C7 10.93 7.89 12.1 8 12.27C8.14 12.44 9.76 14.94 12.25 16C12.84 16.27 13.3 16.42 13.66 16.53C14.25 16.72 14.79 16.69 15.22 16.63C15.7 16.56 16.68 16.03 16.89 15.45C17.1 14.87 17.1 14.38 17.04 14.27C16.97 14.17 16.81 14.11 16.56 14C16.31 13.86 15.09 13.26 14.87 13.18C14.64 13.1 14.5 13.06 14.31 13.3C14.15 13.55 13.67 14.11 13.53 14.27C13.38 14.44 13.24 14.46 13 14.34C12.74 14.21 11.94 13.95 11 13.11C10.26 12.45 9.77 11.64 9.62 11.39C9.5 11.15 9.61 11 9.73 10.89C9.84 10.78 10 10.6 10.1 10.45C10.23 10.31 10.27 10.2 10.35 10.04C10.43 9.87 10.39 9.73 10.33 9.61C10.27 9.5 9.77 8.26 9.56 7.77C9.36 7.29 9.16 7.35 9 7.34C8.86 7.34 8.7 7.33 8.53 7.33Z'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: 15px center;
    background-size: 24px;
}

.whatsapp-button:hover {
    background-color: #128C7E;
    transform: translateY(-3px);
}

/* Additional responsive styles */
@media (max-width: 968px) {
    .hero-content {
        flex-direction: column;
        gap: 2rem;
        padding: 2rem 1rem;
    }

    .hero-text {
        max-width: 100%;
        text-align: center;
    }

    .hero-text h1 {
        font-size: 2rem;
    }

    .hero-image {
        max-width: 100%;
    }

    .product-card {
        max-width: 100%;
    }

    .nav-links {
        display: none;
        position: absolute;
        top: 100%;
        left: 0;
        right: 0;
        background: white;
        padding: 1rem;
        box-shadow: 0 4px 8px rgba(0,0,0,0.1);
        flex-direction: column;
        gap: 1rem;
    }

    .nav-links.active {
        display: flex;
    }

    .nav-container {
        position: relative;
    }

    .logo {
        display: flex;
        align-items: center;
        justify-content: space-between;
        width: 100%;
    }

    .logo::after {
        content: "☰";
        font-size: 1.5rem;
        cursor: pointer;
    }

    .dropdown-content {
        position: static;
        box-shadow: none;
        display: none;
        padding: 0.5rem 1rem;
    }

    .products-dropdown:hover .dropdown-content,
    .resources-dropdown:hover .dropdown-content {
        display: none;
    }

    .products-dropdown.active .dropdown-content,
    .resources-dropdown.active .dropdown-content {
        display: block;
    }

    .license-grid {
        grid-template-columns: 1fr;
    }

    .features-grid {
        grid-template-columns: 1fr;
    }

    .benefits-grid {
        grid-template-columns: 1fr;
    }

    .purchase-info-grid {
        grid-template-columns: 1fr;
    }

    .requirements-grid {
        grid-template-columns: 1fr;
    }

    .get-started h2 {
        font-size: 1.8rem;
    }
}

@media (max-width: 480px) {
    .hero-text h1 {
        font-size: 1.8rem;
    }

    .feature-item {
        font-size: 0.9rem;
    }

    .plus-icon {
        min-width: 28px;
        width: 28px;
        height: 28px;
        font-size: 16px;
    }

    .cta-button {
        padding: 0.75rem 1.5rem;
        font-size: 1rem;
    }

    .product-card {
        padding: 1rem;
    }

    .logo-text {
        font-size: 1rem;
    }

    .product-title {
        font-size: 1.2rem;
    }

    .benefits-section ul {
        font-size: 0.75rem;
    }

    .get-started h2 {
        font-size: 1.5rem;
    }

    .get-started p {
        font-size: 1rem;
    }

    .whatsapp-button {
        padding: 10px 15px 10px 40px;
        font-size: 0.9rem;
        background-size: 20px;
        background-position: 12px center;
    }

    .back-to-top {
        width: 40px;
        height: 40px;
        font-size: 18px;
    }
}