/* ==========================================================================
   style.css
   KV SecureTech Innovation
   Global Theme & Page-specific Styles
   ========================================================================== */

/* Global */
body{
    overflow-x:hidden;
}

main{
    display:block;
}

::selection{
    background:var(--color-primary);
    color:#fff;
}

/* Hero */
.hero{
    background:var(--color-bg);
    color:var(--color-text);
}

.hero h1,
.hero h2,
.hero h3{
    color:var(--color-heading);
}

.hero p{
    color:var(--color-text-light);
    max-width:700px;
}

/* Sticky Header */
.site-header.scrolled{
    box-shadow:var(--shadow-sm);
}

/* Sections */
.section:nth-of-type(even):not(.section-dark){
    background:var(--color-bg-alt);
}

/* Cards */
.service-card{
    height:100%;
}

.card h3{
    color:var(--color-primary);
}

/* CTA */
.cta-box{
    background:linear-gradient(135deg,var(--color-primary),var(--color-primary-dark));
    color:#fff;
    border:none;
}

.cta-box h2,
.cta-box p{
    color:#fff;
}

/* Forms */
form{
    display:flex;
    flex-direction:column;
}

button.btn{
    align-self:flex-start;
}

input::placeholder,
textarea::placeholder{
    color:#9ca3af;
}

/* Footer */
footer{
    color:var(--color-text-light);
}

footer a{
    transition:color var(--transition-fast);
}

footer a:hover{
    color:var(--color-primary);
}

/* Utilities */
.text-center{
    text-align:center;
}

.text-primary{
    color:var(--color-primary);
}

.mt-0{margin-top:0;}
.mt-1{margin-top:var(--space-2);}
.mt-2{margin-top:var(--space-4);}
.mt-3{margin-top:var(--space-6);}

.mb-0{margin-bottom:0;}
.mb-1{margin-bottom:var(--space-2);}
.mb-2{margin-bottom:var(--space-4);}
.mb-3{margin-bottom:var(--space-6);}

/* Responsive */
@media (max-width:900px){

    .hero{
        text-align:center;
    }

    button.btn{
        align-self:stretch;
    }

    .cta-box{
        padding:var(--space-7);
    }
}

@media (max-width:600px){

    .hero{
        padding:4.5rem 0;
    }

    .hero h1{
        font-size:2.25rem;
    }

    .section-heading{
        margin-bottom:var(--space-6);
    }

    .cta-box{
        padding:var(--space-5);
    }
}