:root{
    --bg: #0a0a0a;
    --surface: #101010;
    --muted: #1a1a1a;
    --text: #ffffff;
    --sub: #b6b6b6;
    --a1: #34d399;
    --a2: #06b6d4;
    --a3: #a78bfa;
    --border: rgba(255,255,255,0.1);

    --transition-01: .1s;
    --transition-02: .2s;
    --transition-03: .3s;
}

*{margin: 0;padding: 0;box-sizing: border-box;-webkit-tap-highlight-color: transparent;outline: none;}

html{
    cursor: default;
    font-family: "Poppins", sans-serif;
    font-weight: 400;
    font-size: 16px;
    scroll-behavior: smooth;
    scroll-padding: 80px;
    --ms-text-size-adjust: 100%;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    user-select: none;
    outline: none;
    overflow-x: hidden;
}

body{
    font-family: "Poppins", sans-serif;
    background:var(--bg);
    color:var(--text);
    height: auto;
    overflow-x: hidden;
}

a{
    color:inherit;
    text-decoration:none;
    transition: var(--transition-02);
}

li{
    list-style: none;
}

img{
    max-width:100%;
    height:auto;
}

section{
    padding: 80px 20px;
}

.container{
    max-width: 80vw;
    margin: 0 auto;
}

.row{
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 16px;
    align-items:center;
}

.mt{
    margin-top:18px
} 
.mt-sm{
    margin-top:12px;
}

.desc{
    margin: 0 0 20px;
    color:#c8c8c8;
}

.muted{
    color:#c8c8c8;
}
.muted.tiny{
    font-size: 12px;
}

.section-title{
    font-size:clamp(24px,3.5vw,34px);
}

.brand{
    font-weight:600;
}

.sub{
    font-size:10px;
    letter-spacing:.18em;
    text-transform:uppercase;
    color:#9f9f9f;
}

i{
    font-size: 20px;
}