body{
        font-family:system-ui;
    }

    .navbar{
        padding:15px 0;
    }

    .hero{
        background:linear-gradient(120deg,#1e3c72,#2a5298);
        color:white;
        padding:140px 0;
    }

    .hero h1{
        font-weight:700;
    }

    .section{
        padding:80px 0;
    }

    .feature-icon{
        font-size:40px;
    }

    .product-card{
        border:1px solid #eee;
        border-radius:10px;
        padding:25px;
        transition:.3s;
    }

    .product-card:hover{
        transform:translateY(-5px);
        box-shadow:0 10px 25px rgba(0,0,0,0.1);
    }

    .logo-bar img{
        opacity:.7;
        max-height:50px;
    }

    footer{
        background:#111;
        color:#bbb;
    }

    .zoom-box:hover{
        transform: scale(1.2);
    }

    .zoom-box{
        transition: transform 0.3s ease;
    }