:root {

  /* BRAND */
  --brand:#00BF62;
  --brand-dark:#00a956;
  --brand-soft:rgba(0,191,98,0.15);

  /* BACKGROUNDS */
  --bg-main:#0B1220;
  --bg-section:#0F172A;
  --bg-soft:#111827;
  --bg-elevated:#151E2F;
  --bg-light:#F8FAFC;

  /* TEXT */
  --text-main:#E5E7EB;
  --text-muted:#9CA3AF;
  --text-soft:#6B7280;
  --text-dark:#020617;

  /* BORDERS */
  --border-soft:rgba(255,255,255,0.06);

}

/* RESET */

*{
margin:0;
padding:0;
box-sizing:border-box;
font-family:'Inter',sans-serif;
}

html{
scroll-behavior:smooth;
overflow-x:hidden;
}

body{
background:var(--bg-main);
color:var(--text-main);
line-height:1.65;
overflow-x:hidden;
}

/* LINKS */

a{
text-decoration:none;
color:inherit;
transition:all .25s ease;
}

a:hover{
color:var(--brand);
}

/* CONTAINER */

.container{
max-width:1200px;
margin:auto;
padding:0 24px;
}

/* SECTIONS */

section{
padding:120px 0;
background:var(--bg-main);
}

section:nth-of-type(even){
background:linear-gradient(
180deg,
var(--bg-section),
var(--bg-main)
);
}

/* HERO */

.hero{

padding-top:260px;
padding-bottom:160px;

background:radial-gradient(
circle at top,
rgba(0,191,98,0.08),
transparent 55%
);

}

/* RESPONSIVO */

@media (max-width:768px){

section{
padding:72px 0;
}

.hero{
padding-top:160px;
padding-bottom:96px;
}

}

@media (max-width:480px){

.container{
padding:0 16px;
}

}