*{
margin:0;
padding:0;
box-sizing:border-box;
}

body{

font-family:'Poppins',sans-serif;
background:#0F0F0F;
color:#fff;

line-height:1.6;

}

img{
max-width:100%;
display:block;
}

:root{

--accent:#26A69A;

--text-soft:rgba(255,255,255,.6);

--border-soft:rgba(255,255,255,.08);

--transition:cubic-bezier(.16,1,.3,1);

}

section{

position:relative;

}

.container{

max-width:1100px;
margin:auto;

}

.section-header{

max-width:640px;

margin-bottom:120px;

}

.section-eyebrow{

font-size:.7rem;
letter-spacing:3px;

color:var(--accent);

display:block;

margin-bottom:16px;

}

.section-title{

font-size:2.2rem;

margin-bottom:18px;

}

.section-intro{

color:var(--text-soft);

}

/* ===== SCROLL PROGRESS ===== */

.scroll-progress{

position:fixed;

top:0;
left:0;

width:100%;
height:3px;

z-index:9999;

background:transparent;

}

.scroll-bar{

height:100%;

width:0%;

background:linear-gradient(
90deg,
rgba(38,166,154,.6),
rgba(38,166,154,1)
);

box-shadow:0 0 12px rgba(38,166,154,.8);

transition:width .1s linear;

}

.scroll-bar{

background:linear-gradient(
90deg,
rgba(38,166,154,.4),
rgba(38,166,154,1),
rgba(38,166,154,.4)
);

}

.scroll-progress{
mix-blend-mode:screen;
}