.hero-section {
    padding: 100px 20px;
    background: linear-gradient(135deg, #f8f9fa 0%, #e9ecef 100%);
    text-align: center;
}

.hero-content h1 { font-size: 3rem; color: #333; margin-bottom: 20px; line-height: 1.2; }
.hero-intro { max-width: 800px; margin: 0 auto 30px; font-size: 1.2rem; color: #666; line-height: 1.6; }

.btn-main {
    background: #333; color: white; padding: 15px 40px;
    border-radius: 30px; text-decoration: none; font-weight: bold;
    display: inline-block; transition: 0.3s;
}
.btn-main:hover { background: #000; transform: translateY(-2px); }

.mission-section { padding: 80px 20px; background: white; text-align: center; }
.mission-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 40px; margin-top: 50px; }
.mission-item .icon { font-size: 3rem; margin-bottom: 20px; display: block; }
.mission-item h3 { margin-bottom: 15px; color: #333; }
.mission-item p { color: #777; line-height: 1.5; }

/* Pricing */
.pricing-section { padding: 80px 20px; background: #f4f7f6; text-align: center; }
.pricing-grid { display: flex; flex-wrap: wrap; justify-content: center; gap: 30px; margin-top: 50px; }

.price-card {
    background: white; padding: 40px; border-radius: 15px; width: 300px;
    box-shadow: 0 10px 30px rgba(0,0,0,0.05); position: relative;
    transition: 0.3s; display: flex; flex-direction: column;
}

.price-card.featured { border: 2px solid #333; transform: scale(1.05); }
.price-card.featured .ribbon {
    position: absolute; top: 10px; right: 10px; background: #333;
    color: white; font-size: 0.7rem; padding: 5px 10px; border-radius: 5px;
}

.price { font-size: 2.5rem; font-weight: bold; margin: 20px 0; }
.price span { font-size: 1rem; color: #aaa; }

.price-card ul { list-style: none; padding: 0; margin-bottom: 30px; flex-grow: 1; }
.price-card li { margin-bottom: 12px; color: #666; font-size: 0.9rem; }

.btn-outline {
    border: 2px solid #333; color: #333; padding: 12px;
    border-radius: 30px; text-decoration: none; font-weight: bold;
    transition: 0.3s;
}
.btn-outline:hover { background: #333; color: white; }