body{
    margin:0;
    padding:0;
    background:#f5f8fc;
    font-family:'Segoe UI',Tahoma,sans-serif;
}

/* ================================= */
/* HEADER                            */
/* ================================= */

.header-switalia{

    background:#ffffff;

    padding:20px 40px;

    border-bottom:1px solid #e5e7eb;
}

.logo-switalia{

    max-width:320px;

    width:100%;

    height:auto;

    display:block;
}

.header-slogan{

    text-align:right;
}

.slogan-line1{

    color:#0057D8;

    font-size:2rem;

    font-weight:700;

    line-height:1.1;
}

.slogan-line2{

    color:#6b7280;

    font-size:1.4rem;

    font-weight:300;

    line-height:1.1;
}

/* ================================= */
/* ECOSISTEMA                        */
/* ================================= */

.ecosystem-section{

    padding:25px;
}

.ecosystem-image{

    display:block;

    width:100%;

    max-width:1500px;

    margin:auto;

    border-radius:20px;

    box-shadow:0 15px 40px rgba(0,0,0,.08);
}

/* ================================= */
/* FOOTER                            */
/* ================================= */

footer{

    background:#ffffff;

    margin-top:50px;

    padding:40px 20px;

    text-align:center;

    border-top:1px solid #e5e7eb;
}

.footer-logo{

    height:60px;

    margin-bottom:20px;
}

.footer-company{

    color:#4b5563;

    line-height:1.8;

    font-size:0.95rem;
}

.footer-company a{

    color:#0057D8;

    text-decoration:none;
}

.footer-company a:hover{

    text-decoration:underline;
}

.footer-link{

    font-weight:700;

    font-size:1.05rem;
}

.copyright{

    margin-top:20px;

    color:#9ca3af;

    font-size:.9rem;
}

/* ================================= */
/* TABLET                            */
/* ================================= */

@media(max-width:992px){

    .header-switalia{

        padding:20px;
    }

    .logo-switalia{

        max-width:260px;
    }

    .slogan-line1{

        font-size:1.8rem;
    }

    .slogan-line2{

        font-size:1.2rem;
    }

}

/* ================================= */
/* SMARTPHONE                        */
/* ================================= */

@media(max-width:768px){

    .header-switalia{

        padding:15px;

        text-align:center;
    }

    .logo-switalia{

        max-width:180px;

        margin:0 auto 15px auto;
    }

    .header-slogan{

        text-align:center;

        margin-top:10px;
    }

    .slogan-line1{

        font-size:1.4rem;
    }

    .slogan-line2{

        font-size:0.95rem;
    }

    .ecosystem-section{

        padding:10px;
    }

    .footer-logo{

        height:50px;
    }

}

/* ================================= */
/* SMARTPHONE PICCOLI                */
/* ================================= */

@media(max-width:480px){

    .logo-switalia{

        max-width:150px;
    }

    .slogan-line1{

        font-size:1.2rem;
    }

    .slogan-line2{

        font-size:0.85rem;
    }

    .footer-company{

        font-size:0.85rem;
    }

}
/* ================================= */
/* SEZIONE PRODOTTI                  */
/* ================================= */

.products-section{

    padding:60px 20px;

    background:#ffffff;
}

.products-title{

    text-align:center;

    color:#0057D8;

    font-size:2rem;

    font-weight:700;

    margin-bottom:40px;
}

.product-card{

    background:#ffffff;

    border:1px solid #e5e7eb;

    border-radius:15px;

    padding:25px;

    height:100%;

    transition:all .3s ease;

    box-shadow:0 4px 15px rgba(0,0,0,.05);
}

.product-card:hover{

    transform:translateY(-5px);

    box-shadow:0 10px 25px rgba(0,0,0,.10);
}

.product-card h3{

    color:#0057D8;

    font-size:1.3rem;

    margin-bottom:15px;
}

.product-card p{

    color:#4b5563;

    line-height:1.6;

    margin-bottom:20px;
}

.product-card a{

    color:#0057D8;

    text-decoration:none;

    font-weight:600;
}

.product-card a:hover{

    text-decoration:underline;
}
.demo-floating-btn{

    position:fixed;

    bottom:20px;

    right:20px;

    z-index:9999;

    border-radius:50px;

    box-shadow:0 5px 20px rgba(0,0,0,.2);
}
/* SOFTWARE HOUSE */

.software-house-section{

    background:#ffffff;

    padding:70px 20px;

    margin-top:40px;

    border-top:1px solid #e5e7eb;
}

.software-house-title{

    color:#0057D8;

    font-size:2rem;

    font-weight:700;

    margin-bottom:30px;

    text-align:center;
}

.software-house-section h4{

    color:#0057D8;

    margin-top:30px;

    margin-bottom:15px;

    font-weight:600;
}

.software-house-section p{

    color:#4b5563;

    line-height:1.8;
}

.software-house-section ul{

    color:#4b5563;

    line-height:1.8;
}
.demo-floating-btn{

    position:fixed;

    right:20px;

    bottom:20px;

    background:#0057D8;

    color:#fff;

    padding:14px 22px;

    border-radius:50px;

    text-decoration:none;

    font-weight:600;

    z-index:9999;

    box-shadow:0 5px 20px rgba(0,0,0,.25);
}

.demo-floating-btn:hover{

    color:#fff;

    transform:translateY(-2px);
}