 

        .divvv {
            font-family: 'Rubik', sans-serif;
            display: flex;
            flex-direction: column;
            align-items: center;
            justify-content: center;
           
        }

        /* ── FEATURES ROW ── */
        .features {
            display: flex;
            justify-content: center;
            gap: 80px;
            width: 100%;
            max-width: 900px;
        }

        .feature {
            display: flex;
            flex-direction: column;
            align-items: center;
            text-align: center;
            gap: 14px;
        }

        .feature-icon {
            width: 72px;
            height: 72px;
            background: #ffffff;
            border-radius: 20px;
            display: flex;
            align-items: center;
            justify-content: center;
            box-shadow: 0 2px 12px rgba(0,0,0,0.06);
        }

        .feature-icon svg {
            width: 28px;
            height: 28px;
            stroke: #1aab8b;
            fill: none;
            stroke-width: 1.8;
            stroke-linecap: round;
            stroke-linejoin: round;
        }

        .feature-title {
            font-size: 15px;
            font-weight: 700;
            color: #1a2b2b;
        }

        .feature-desc {
            font-size: 13.5px;
            color: #7a8f8f;
            font-weight: 400;
            line-height: 1.5;
        }

        /* ── CTA BANNER ── */
        .cta-banner {
            width: 100%;
            max-width: 1200px;
            background: linear-gradient(110deg, #a9d039 0%, #0d3d5c 100%);
            border-radius: 20px;
            padding: 40px 48px;
            display: flex;
            align-items: center;
            justify-content: space-between;
            gap: 32px;
        }

        .cta-left {
            display: flex;
            align-items: center;
            gap: 22px;
        }

        .cta-icon {
            width: 52px;
            height: 52px;
            background: rgba(255,255,255,0.12);
            border-radius: 14px;
            display: flex;
            align-items: center;
            justify-content: center;
            flex-shrink: 0;
        }

        .cta-icon svg {
            width: 24px;
            height: 24px;
            stroke: #fff;
            fill: none;
            stroke-width: 1.8;
            stroke-linecap: round;
            stroke-linejoin: round;
        }

        .cta-text h2 {
            font-size: 20px;
            font-weight: 700;
            color: #ffffff;
            margin-bottom: 5px;
            line-height: 1.3;
        }

        .cta-text p {
            font-size: 13.5px;
            color: rgba(255,255,255,0.6);
            font-weight: 400;
        }

        .cta-buttons {
            display: flex;
            gap: 14px;
            flex-shrink: 0;
        }

        .btn-primary {
            display: inline-flex;
            align-items: center;
            gap: 9px;
            background: #ffffff;
            color: #0a5c52;
            font-family: 'Inter', sans-serif;
            font-size: 14px;
            font-weight: 700;
            padding: 14px 28px;
            border-radius: 10px;
            border: none;
            cursor: pointer;
            letter-spacing: 0.01em;
            transition: transform 0.2s ease, box-shadow 0.2s ease;
            white-space: nowrap;
        }

        .btn-primary:hover {
            transform: translateY(-2px);
            box-shadow: 0 8px 24px rgba(0,0,0,0.2);
        }

        .btn-primary svg {
            width: 16px; height: 16px;
            stroke: #0a5c52;
            fill: none;
            stroke-width: 2;
            stroke-linecap: round;
            stroke-linejoin: round;
        }

        .btn-secondary {
            display: inline-flex;
            align-items: center;
            gap: 9px;
            background: transparent;
            color: rgba(255,255,255,0.85);
            font-family: 'Inter', sans-serif;
            font-size: 14px;
            font-weight: 500;
            padding: 14px 28px;
            border-radius: 10px;
            border: 1.5px solid rgba(255,255,255,0.25);
            cursor: pointer;
            letter-spacing: 0.01em;
            transition: border-color 0.2s, color 0.2s, background 0.2s;
            white-space: nowrap;
        }

        .btn-secondary:hover {
            border-color: rgba(255,255,255,0.6);
            color: #fff;
            background: rgba(255,255,255,0.05);
        }

        /* ── RESPONSIVE ── */
        @media (max-width: 860px) {
            .features { gap: 40px; }
            .cta-banner {
                flex-direction: column;
                align-items: flex-start;
                padding: 32px 28px;
            }
            .cta-buttons { width: 100%; flex-direction: column; }
            .btn-primary, .btn-secondary { justify-content: center; }
        }

        @media (max-width: 580px) {
            .features { flex-direction: column; gap: 32px; }
        }