.home-hero {
        padding: 80px 0 60px;
    }

    .home-title {
        font-size: clamp(2.2rem, 5vw, 4.6rem);
        line-height: 1.05;
        font-weight: 700;
        color: #25273a;
        letter-spacing: -0.04em;
    }

    .home-subtitle {
        max-width: 760px;
        margin: 24px auto 0;
        font-size: 1.25rem;
        line-height: 1.6;
        color: #5f6472;
    }

    .home-actions {
        margin-top: 36px;
        display: flex;
        justify-content: center;
        gap: 14px;
        flex-wrap: wrap;
    }

    .home-btn-primary {
        min-width: 210px;
        padding: 14px 24px;
        border-radius: 14px;
        font-weight: 600;
    }

    .home-btn-secondary {
        min-width: 160px;
        padding: 14px 24px;
        border-radius: 14px;
        font-weight: 600;
    }

    .features-section {
        padding: 40px 0 80px;
    }

    .section-title {
        font-size: clamp(2rem, 4vw, 3.4rem);
        font-weight: 700;
        color: #25273a;
        letter-spacing: -0.035em;
    }

    .section-subtitle {
        margin-top: 16px;
        font-size: 1.2rem;
        color: #5f6472;
    }

    .feature-card {
        height: 100%;
        padding: 34px;
        border: 1px solid rgba(37, 39, 58, 0.06);
        border-radius: 26px;
        background: #fff;
        box-shadow: 0 16px 40px rgba(20, 28, 45, 0.06);
        transition: transform 0.2s ease, box-shadow 0.2s ease;
    }

    .feature-card:hover {
        transform: translateY(-4px);
        box-shadow: 0 22px 50px rgba(20, 28, 45, 0.09);
    }

    .feature-mark {
        width: 54px;
        height: 54px;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        border-radius: 16px;
        background: rgba(37, 99, 235, 0.08);
        color: #245895;
        font-weight: 700;
        font-size: 1.1rem;
        margin-bottom: 72px;
    }

    .feature-title {
        font-size: 1.55rem;
        line-height: 1.25;
        font-weight: 650;
        color: #25273a;
        margin-bottom: 16px;
    }

    .feature-text {
        color: #666b78;
        font-size: 1rem;
        line-height: 1.5;
        margin: 0;
    }

    .home-preview {
        margin: 48px auto 0;
        max-width: 1120px;
        border-radius: 28px;
        padding: 16px;
        background:
            radial-gradient(circle at 15% 20%, rgba(37, 99, 235, 0.16), transparent 28%),
            radial-gradient(circle at 85% 30%, rgba(46, 204, 113, 0.14), transparent 30%),
            linear-gradient(135deg, #f8fbff, #ffffff);
        border: 1px solid rgba(37, 39, 58, 0.08);
        box-shadow: 0 24px 70px rgba(20, 28, 45, 0.10);
    }

    .home-preview-img {
        display: block;
        width: 100%;
        height: auto;
        border-radius: 20px;
        border: 1px solid rgba(37, 39, 58, 0.08);
        box-shadow: 0 12px 35px rgba(20, 28, 45, 0.08);
    }

     @media (max-width: 768px) {
        .home-preview {
            margin-top: 32px;
            padding: 8px;
            border-radius: 20px;
        }

        .home-preview-img {
            border-radius: 14px;
        }
    }
    }