:root {
            --primary: #1a3a6c;
            --secondary: #2c5282;
            --accent: #3182ce;
            --light: #f0f7ff;
            --dark: #152c52;
            --text: #333;
            --background: #f8fafc;
        }
        body { background-color: var(--background); }
        .container { max-width: 1200px; margin: 0 auto; padding: 0 20px; }

        /* Hero Section */
        .why-hero {
            background: url('https://bizplanaipro.in/wp-content/uploads/2025/08/why-bizplan-hero.png') no-repeat center center;
            background-size: cover;
            color: #fff;
            text-align: center;
            padding: 120px 20px;
            position: relative;
            overflow: hidden;
        }
        .why-hero::before {
            content: "";
            position: absolute;
            top: 0; left: 0; right: 0; bottom: 0;
            background: rgba(26,58,108,0.7); /* Blue overlay for readability */
            z-index: 1;
        }
        .why-hero-content {
            position: relative;
            z-index: 2;
            max-width: 800px;
            margin: 0 auto;
        }
        .why-hero h1 { font-size: 48px; margin-bottom: 20px; line-height: 1.2; }
        .why-hero p { font-size: 20px; margin-bottom: 30px; opacity: 0.95; }
        .btn-primary {
            background: var(--accent);
            color: #fff;
            padding: 14px 32px;
            border-radius: 50px;
            text-decoration: none;
            font-weight: bold;
            margin-right: 15px;
            display: inline-block;
            transition: background 0.3s ease;
        }
        .btn-primary:hover { background: #2563eb; }
        .btn-outline {
            border: 2px solid var(--accent);
            color: var(--accent);
            padding: 14px 32px;
            border-radius: 50px;
            text-decoration: none;
            font-weight: bold;
            display: inline-block;
            transition: all 0.3s ease;
        }
        .btn-outline:hover {
            background: var(--accent);
            color: #fff;
        }

        /* Value Proposition */
        .why-section { padding: 80px 20px; text-align: center; }
        .why-section h2 { font-size: 36px; color: var(--primary); margin-bottom: 40px; }
        .value-grid { display: flex; flex-wrap: wrap; gap: 20px; justify-content: center; }
        .value-card {
            flex: 1; min-width: 280px; background: #fff; padding: 30px; border-radius: 12px;
            box-shadow: 0 4px 10px rgba(0,0,0,0.05);
            transition: transform 0.3s ease, box-shadow 0.3s ease;
        }
        .value-card:hover {
            transform: translateY(-8px);
            box-shadow: 0 10px 20px rgba(0,0,0,0.1);
        }
        .value-card h3 { margin-bottom: 10px; color: var(--secondary); }

        /* Comparison Table */
        .comparison { background: var(--light); padding: 80px 20px; }
        .comparison table {
            width: 100%; border-collapse: collapse; background: #fff;
            border-radius: 12px; overflow: hidden; box-shadow: 0 4px 10px rgba(0,0,0,0.05);
        }
        .comparison th { background: var(--dark); color: #fff; padding: 15px; text-align: left; font-size: 18px; }
        .comparison td { padding: 15px; text-align: center; border-bottom: 1px solid #eee; font-size: 16px; }
        .comparison tr:nth-child(even) { background: #f9f9f9; }

        /* CTA */
        .cta-section {
            background: var(--primary); color: #fff; text-align: center;
            padding: 80px 20px;
        }
        .cta-section h2 { font-size: 36px; margin-bottom: 20px; }
        .cta-section p { font-size: 20px; margin-bottom: 30px; }