:root{
    --r:#ef4444;
    --t:#111827;
    --m:#6b7280;
    --b:#f7f7fb;
    --s:0 14px 40px rgba(15,23,42,.08);
}

html{
    scroll-behavior:smooth;
}

body{
    font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
    color:var(--t);
    background:#fff;
}

.pad{
    padding:78px 0;
}

.title{
    font-weight:800;
    letter-spacing:-.03em;
}

.sub{
    color:var(--m);
}

.btn-r,
.btn-o{
    border-radius:999px;
    font-weight:700;
    border:0;
    padding:.8rem 1.35rem;
}

.btn-r{
    background:var(--r);
    color:#fff;
}

.btn-r:hover{
    background:#dc2626;
    color:#fff;
}

.btn-o{
    background:#fff;
    color:var(--r);
    border:1px solid var(--r);
}

.btn-o:hover{
    background:var(--r);
    color:#fff;
}

#site-header{
    position:relative;
    width:100%;
    z-index:1000;
    padding:12px 0 0;
}

.header-pill{
    max-width:780px;
    margin:0 auto;
    padding:8px 18px;
    border-radius:999px;
    background:rgba(255,255,255,.96);
    border:1px solid rgba(229,231,235,.9);
    box-shadow:0 10px 30px rgba(15,23,42,.08);
}

.header-pill .navbar-nav{
    gap:28px;
}

.logo{
    width:136px;
    height:auto;
}

.nav-link{
    color:#374151!important;
    font-weight:600;
    font-size:15px;
    padding:0!important;
}

.nav-link:hover{
    color:var(--r)!important;
}

.section-head{
    text-align:center;
    margin-bottom:34px;
}

.tag{
    color:#6b7280;
    font-size:.8rem;
    font-weight:700;
    letter-spacing:.08em;
    text-transform:uppercase;
}

.heading{
    font-size:32px;
    line-height:1.2;
    font-weight:700;
    margin:8px 0 0;
}

#top{
    margin: 60px;
}