body {
        font-family: "Inter", sans-serif;
        background: #fff;
    }

    /* NAVBAR */
    .navbar {
        padding: 18px 0;
    }

    .navbar-brand {
        font-weight: 700;
        font-size: 1.4rem;
    }

    .nav-link {
        font-weight: 500;
        margin: 0 10px;
        color: #444 !important;
    }

    .nav-link:hover {
        color: #000 !important;
    }

    .btn-sign {
        border: 1px solid #ccc;
    }

     .btn-start {
        background: #0d6efd;
        color: #fff;
    }

    /* HERO */
    .hero {
        padding: 120px 0;
    }

    .hero h1 {
        font-weight: 700;
        font-size: 3rem;
        line-height: 1.2;
    }

    .hero p {
        font-size: 1.2rem;
        color: #555;
    }

    .hero-btns .btn {
        padding: 12px 28px;
        font-size: 1.1rem;
        border-radius: 8px;
    }

    .btn-primary-fill {
        background: #0d6efd;
        border: none;
    }

    .btn-primary-outline {
        border: 1px solid #4F46E5;
        color: #4F46E5;
    }

    /* FEATURES */
    .features .card {
        border: 1px solid #eee;
        padding: 30px;
        border-radius: 14px;
        transition: .3s;
    }

    .features .card:hover {
        box-shadow: 0 15px 30px rgba(0, 0, 0, 0.06);
        transform: translateY(-5px);
    }

    .features h5 {
        font-weight: 600;
    }

    /* PRICING */
    .pricing .card {
        border: 1px solid #e8e8e8;
        padding: 40px;
        border-radius: 16px;
        transition: .3s;
    }

    .pricing .card:hover {
        transform: scale(1.05);
        box-shadow: 0 20px 40px rgba(0, 0, 0, 0.07);
    }

    .pricing .price {
        font-size: 2.4rem;
        font-weight: 700;
    }

    .best-plan {
        border: 2px solid #4F46E5;
    }

    /* FAQ */
    .accordion-button {
        font-weight: 600;
    }

    .accordion-button:focus {
        box-shadow: none;
    }

    /* TESTIMONIAL */
 .testimonial-card {
        background: #ffffff;
        border-radius: 20px;
        padding: 25px;
        box-shadow: 0 8px 25px rgba(0, 0, 0, 0.06);
        transition: 0.3s ease;
        height: 100%;
    }

    .testimonial-card:hover {
        transform: translateY(-5px);
        box-shadow: 0 12px 35px rgba(0, 0, 0, 0.12);
    }

    .testimonial-card p {
        font-size: 15px;
        color: #555;
        line-height: 1.7;
    }

    .testimonial-card h6 {
        margin-bottom: 0;
        font-weight: 700;
    }
    .testimonial-img{
        width: 40px;
    }
    /* FOOTER */
    footer {
        background: #f9fafb;
        padding: 70px 0;
        font-size: 0.95rem;
    }

    footer a {
        color: #555;
        text-decoration: none;
    }

    footer a:hover {
        color: #000;
    }