:root{
--blue:#1572ff;
--dark:#05070c;
--dark2:#0d1b2a;
--slate:#1e293b;
--gray:#94a3b8;
--white:#fff;
--line:rgba(255,255,255,.12);
}

*{
box-sizing:border-box;
}

html{
scroll-behavior:smooth;
}

body{
margin:0;
font-family:Inter,system-ui,sans-serif;
background:radial-gradient(circle at top,#0d1b2a 0,#05070c 45%,#000 100%);
color:var(--white);
}

a{
color:inherit;
text-decoration:none;
}

/* HEADER */

.header{
position:sticky;
top:0;
z-index:20;
display:flex;
align-items:center;
justify-content:space-between;
padding:14px 6%;
background:rgba(0,0,0,.72);
backdrop-filter:blur(14px);
border-bottom:1px solid var(--line);
}

.brand{
display:flex;
align-items:center;
gap:12px;
font-family:Rajdhani,sans-serif;
font-size:28px;
font-weight:700;
text-transform:uppercase;
letter-spacing:1px;
}

.brand img{
width:44px;
height:44px;
object-fit:cover;
border-radius:10px;
}

.brand span span,
.hero h1 span,
.eyebrow{
color:var(--blue);
}

.nav{
display:flex;
gap:28px;
color:#cbd5e1;
font-weight:600;
}

.nav a:hover{
color:var(--white);
}

/* BOTÕES */

.btn{
display:inline-flex;
align-items:center;
justify-content:center;
padding:14px 24px;
border-radius:999px;
background:linear-gradient(135deg,#1572ff,#00aeff);
color:#fff;
font-weight:800;
box-shadow:0 0 30px rgba(21,114,255,.32);
border:1px solid rgba(255,255,255,.16);
transition:.3s;
}

.btn:hover{
transform:translateY(-2px);
}

.btn.secondary{
background:rgba(255,255,255,.08);
box-shadow:none;
}

.btn.small{
padding:10px 16px;
}

/* HERO */

.hero{
position:relative;
display:flex;
align-items:center;
min-height:calc(100vh - 74px);
padding:90px 6%;
overflow:hidden;

background-image:
linear-gradient(
90deg,
rgba(0,5,15,.97) 0%,
rgba(0,10,25,.90) 28%,
rgba(0,10,25,.45) 55%,
rgba(0,0,0,.12) 100%
),
url("/hero-layertech-bg.png");

background-size:cover;
background-position:center right;
background-repeat:no-repeat;
}

.glow{
display:none;
}

.hero-content{
position:relative;
z-index:2;
max-width:700px;
}

.hero-card{
display:none;
}

.eyebrow{
font-family:Rajdhani,sans-serif;
text-transform:uppercase;
letter-spacing:3px;
font-weight:700;
}

.hero h1{
font-family:Rajdhani,sans-serif;
font-size:clamp(54px,8vw,112px);
line-height:.88;
margin:16px 0;
text-transform:uppercase;
}

.lead{
font-size:20px;
line-height:1.7;
color:#cbd5e1;
max-width:720px;
}

.actions{
display:flex;
gap:14px;
flex-wrap:wrap;
margin-top:28px;
}

.actions.center{
justify-content:center;
}

/* STATS */

.stats{
display:grid;
grid-template-columns:repeat(3,1fr);
gap:14px;
margin-top:42px;
}

.stats div,
.card,
.steps div,
.portfolio-grid div{
border:1px solid var(--line);
background:linear-gradient(
180deg,
rgba(255,255,255,.08),
rgba(255,255,255,.03)
);
border-radius:22px;
padding:22px;
backdrop-filter:blur(8px);
}

.stats strong{
display:block;
font-family:Rajdhani;
font-size:30px;
color:#fff;
}

.stats span{
color:#94a3b8;
}

/* SEÇÕES */

.section{
padding:90px 6%;
}

.section-title{
text-align:center;
max-width:800px;
margin:0 auto 48px;
}

.section-title h2,
.split h2,
.cta h2{
font-family:Rajdhani,sans-serif;
font-size:clamp(36px,5vw,64px);
line-height:1;
margin:10px 0;
text-transform:uppercase;
}

/* CARDS */

.grid{
display:grid;
grid-template-columns:repeat(3,1fr);
gap:20px;
}

.card{
transition:.3s;
}

.card:hover{
transform:translateY(-6px);
border-color:rgba(21,114,255,.5);
}

.card span{
font-size:36px;
color:var(--blue);
}

.card h3,
.steps h3{
font-size:24px;
margin:16px 0 8px;
}

.card p,
.split p,
.steps p,
.cta p{
color:#cbd5e1;
line-height:1.7;
}

/* PORTFÓLIO */

.split{
display:grid;
grid-template-columns:.85fr 1.15fr;
gap:40px;
align-items:center;
padding:90px 6%;
background:linear-gradient(
90deg,
rgba(21,114,255,.12),
transparent
);
}

.portfolio-grid{
display:grid;
grid-template-columns:repeat(2,1fr);
gap:18px;
}

.portfolio-grid div{
min-height:150px;
display:flex;
align-items:end;
font-family:Rajdhani;
font-size:28px;
font-weight:700;
text-transform:uppercase;
background:linear-gradient(
145deg,
rgba(21,114,255,.22),
rgba(255,255,255,.04)
);
}

/* PROCESSO */

.dark{
background:rgba(255,255,255,.03);
}

.steps{
display:grid;
grid-template-columns:repeat(4,1fr);
gap:18px;
}

.steps strong{
font-family:Rajdhani;
font-size:42px;
color:var(--blue);
}

/* CTA */

.cta{
text-align:center;
padding:100px 6%;
background:radial-gradient(
circle,
#102a55 0,
#05070c 62%
);
}

/* FOOTER */

.footer{
display:flex;
justify-content:space-between;
gap:20px;
padding:26px 6%;
border-top:1px solid var(--line);
color:#94a3b8;
}

/* RESPONSIVO */

@media(max-width:900px){

.nav{
display:none;
}

.hero,
.split{
grid-template-columns:1fr;
}

.grid,
.steps,
.stats{
grid-template-columns:1fr;
}

.portfolio-grid{
grid-template-columns:1fr;
}

.footer{
flex-direction:column;
}

.hero{
min-height:auto;
padding-top:120px;
padding-bottom:80px;

```
background-position:center center;
```

}

.hero h1{
font-size:64px;
}

.lead{
font-size:18px;
}
}