:root {
    --primary: #005BAC;
    --dark: #0F172A;
    --text: #334155;
    --white: #ffffff;
    --container: 1200px;
}

body {
    font-family: Arial, Helvetica, sans-serif;
    color: var(--text);
    background: var(--white);
}

.container {
    max-width: var(--container);
    margin: 0 auto;
    padding: 0 20px;
}

/* ==========================
   MAIN NAVBAR
========================== */

.main-navbar{
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    background: #ffffff;
    z-index: 9999;
    box-shadow: 0 2px 15px rgba(0,0,0,.08);
}

.main-navbar .container{
    display:flex;
    justify-content:space-between;
    align-items:center;
    height:80px;
}

.main-navbar .logo img{
    height:42px;
    width:auto;
    max-width:220px;
    display:block;
}

.main-nav .nav-menu{
    display:flex;
    list-style:none;
    gap:35px;
    margin:0;
    padding:0;
}

.main-nav .nav-menu a{
    text-decoration:none;
    color:#222;
    font-size:15px;
    font-weight:600;
}

.main-nav .nav-menu a:hover{
    color:var(--primary);
}

#hero{
    margin-top:80px;
}
/* ==========================
   HERO
========================== */

.hero{
    padding:140px 0 80px;
    background:#f8fafc;
}

.hero-container{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:80px;
}

.hero-left{
    flex:1;
}

.hero-right{
    flex:1;
    text-align:right;
}

.hero-right img{
    width:100%;
    max-width:600px;
}

.hero-tag{
    color:#005BAC;
    font-weight:700;
    letter-spacing:2px;
}

.hero h1{
    margin-top:20px;
    font-size:56px;
    line-height:1.1;
    font-weight:800;
    color:#111827;
}

.hero p{
    margin:30px 0;
    font-size:20px;
    line-height:1.8;
    color:#64748b;
}

.hero-buttons{
    display:flex;
    gap:20px;
}

.btn-primary{
    background:#005BAC;
    color:#fff;
    padding:15px 30px;
    border-radius:8px;
    text-decoration:none;
    font-weight:700;
}

.btn-secondary{
    border:2px solid #005BAC;
    color:#005BAC;
    padding:15px 30px;
    border-radius:8px;
    text-decoration:none;
    font-weight:700;
}