/* ==========================================
   LOGNEXUS TYPOGRAPHY
========================================== */

@import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&display=swap');

body{

    font-family:'Inter',sans-serif;

    font-size:16px;

    font-weight:400;

    line-height:1.6;

    color:var(--text);

}

/* ==========================
   HEADINGS
========================== */

h1,
h2,
h3,
h4,
h5,
h6{

    color:var(--white);

    font-weight:700;

    line-height:1.2;

}

h1{

    font-size:clamp(2.8rem,5vw,4.5rem);

    letter-spacing:-2px;

}

h2{

    font-size:clamp(2rem,4vw,3rem);

}

h3{

    font-size:1.5rem;

}

h4{

    font-size:1.25rem;

}

h5{

    font-size:1.1rem;

}

h6{

    font-size:1rem;

}

/* ==========================
   PARAGRAPHS
========================== */

p{

    color:var(--muted);

    font-size:1rem;

}

/* ==========================
   LINKS
========================== */

a{

    transition:var(--transition);

}

a:hover{

    color:var(--primary);

}

/* ==========================
   TEXT HELPERS
========================== */

.text-center{

    text-align:center;

}

.text-left{

    text-align:left;

}

.text-right{

    text-align:right;

}

.text-primary{

    color:var(--primary);

}

.text-success{

    color:var(--success);

}

.text-warning{

    color:var(--warning);

}

.text-danger{

    color:var(--danger);

}

.text-muted{

    color:var(--muted);

}

.text-white{

    color:var(--white);

}

/* ==========================
   SECTION TITLE
========================== */

.section-title{

    text-align:center;

    margin-bottom:18px;

}

.section-subtitle{

    text-align:center;

    max-width:700px;

    margin:auto;

    margin-bottom:60px;

}
/*==========================================
HOMEPAGE HERO RESPONSIVE
==========================================*/

@media (max-width:992px){

.hero{

    padding:140px 0 80px;

}

.hero-container{

    display:flex;

    flex-direction:column;

    text-align:center;

    gap:60px;

}

.hero-left{

    width:100%;

}

.hero-right{

    width:100%;

    display:flex;

    justify-content:center;

}

.hero-left h1{

    font-size:48px;

    line-height:1.2;

}

.hero-left p{

    max-width:650px;

    margin:20px auto;

}

.hero-features{

    justify-content:center;

    flex-wrap:wrap;

}

.hero-buttons{

    justify-content:center;

    flex-wrap:wrap;

}

.hero-trust{

    justify-content:center;

}

}
@media (max-width:768px){

.hero{

    padding:120px 0 60px;

}

.hero-left h1{

    font-size:36px;

}

.hero-left p{

    font-size:16px;

}

.hero-buttons{

    flex-direction:column;

    width:100%;

}

.hero-buttons a{

    width:100%;

    justify-content:center;

}

.hero-features{

    flex-direction:column;

    align-items:center;

    gap:15px;

}

.hero-badge{

    font-size:13px;

}

}
@media (max-width:480px){

.hero{

    padding:110px 0 50px;

}

.hero-left h1{

    font-size:30px;

}

.hero-left p{

    font-size:15px;

}

.hero-buttons{

    gap:15px;

}

.hero-buttons a{

    height:50px;

}

}