body {
            font-family: 'Plus Jakarta Sans', sans-serif;
            background-color: #ffffff;
            color: #1a2b49;
            line-height: 1.6;
            margin: 0;
            overflow-x: hidden;
        }

        /* Hero Section */
        .hero-section {
            background: radial-gradient(circle at top right, #1e3a8a, #0f172a);
            padding: 80px 0;
            color: #ffffff;
            position: relative;
        }

        .hero-badge {
            display: inline-block;
            background: rgba(59, 130, 246, 0.2);
            color: #93c5fd;
            font-weight: 700;
            font-size: 0.75rem;
            text-transform: uppercase;
            padding: 8px 20px;
            border-radius: 50px;
            border: 1px solid rgba(59, 130, 246, 0.3);
            margin-bottom: 20px;
        }

        .hero-video-wrapper {
            position: relative;
            max-width: 300px;
            margin: 0 auto;
        }
        
        .video-frame {
            border: 10px solid #334155;
            border-radius: 40px;
            overflow: hidden;
            box-shadow: 0 20px 40px rgba(0,0,0,0.3);
        }

        .efficiency-badge {
            position: absolute;
            bottom: -20px;
            left: -40px;
            background: rgba(30, 58, 138, 0.9);
            backdrop-filter: blur(10px);
            padding: 20px;
            border-radius: 20px;
            border: 1px solid rgba(255,255,255,0.1);
            color: white;
            text-align: left;
            min-width: 160px;
        }
        .efficiency-badge small { color: #60a5fa; font-weight: 700; display: block; font-size: 0.7rem; text-transform: uppercase; }

        /* Content Sections */
        .feature-card {
            background: #f9fafb;
            padding: 40px;
            border-radius: 24px;
            border: 1px solid #f3f4f6;
            transition: 0.3s;
            height: 100%;
        }
        .feature-card:hover { background: #ffffff; box-shadow: 0 10px 30px rgba(0,0,0,0.05); }

        .stat-box {
            background: #0f172a;
            color: white;
            padding: 30px;
            border-radius: 24px;
            text-align: center;
        }

        .choose-card {
            padding: 40px;
            border-radius: 24px;
            border: 1px solid #e5e7eb;
            transition: 0.3s;
            height: 100%;
        }
        .choose-card:hover { border-color: #2563eb; }

        .deep-dive-container {
            background: #f9fafb;
            padding: 60px;
            border-radius: 40px;
        }

        @media (max-width: 992px) {
            .hero-section { padding: 60px 0; text-align: center; }
            .efficiency-badge { left: 50%; transform: translateX(-50%); }
            .deep-dive-container { padding: 30px; }
        }