/* About Hero */
.about-hero {
    padding: 180px 0 100px;
    background: var(--light-bg);
    text-align: center;
}
.container { max-width: 1100px; margin: 0 auto; padding: 0 20px; }
.about-hero h1 { font-family: 'Playfair Display', serif; font-size: 56px; color: var(--dark); margin-bottom: 20px; }
.about-hero p { font-size: 20px; color: #64748b; max-width: 800px; margin: 0 auto; font-weight: 300; }

/* Section Styling */
.section-padding { padding: 100px 0; }
.grid-2 { display: grid; grid-template-columns: 1fr 1fr; gap: 60px; align-items: center; }
h2 { font-family: 'Playfair Display', serif; font-size: 38px; margin-bottom: 25px; }
.accent-text { color: var(--primary); font-weight: 800; text-transform: uppercase; font-size: 13px; letter-spacing: 2px; display: block; margin-bottom: 10px; }

/* Cards Styling */
.problem-card {
    background: #fff;
    padding: 30px;
    border-radius: 20px;
    border: 1px solid var(--border);
    transition: 0.3s;
    margin-bottom: 20px;
}
.problem-card:hover { border-color: var(--primary-soft); transform: translateY(-5px); }
.problem-card i { color: var(--primary); margin-right: 15px; font-size: 20px; }

/* Solution Grid */
.solution-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 25px; margin-top: 40px; }
.sol-item { background: var(--light-bg); padding: 40px; border-radius: 30px; border: 1px solid var(--border); }
.sol-item h3 { font-size: 20px; margin-bottom: 15px; display: flex; align-items: center; gap: 12px; }
.sol-item h3 i { color: var(--primary); }

/* Revenue Model */
.revenue-box {
    background: var(--dark);
    color: white;
    padding: 80px;
    border-radius: 40px;
    text-align: center;
    margin-top: 50px;
}
.revenue-list { display: flex; justify-content: center; gap: 40px; margin-top: 30px; flex-wrap: wrap; }
.rev-tag { background: rgba(255,255,255,0.1); padding: 10px 25px; border-radius: 100px; font-weight: 600; font-size: 14px; border: 1px solid rgba(255,255,255,0.2); }