body{

background:#000;
color:#b3b3b3;

font-family:'Inter',sans-serif;

margin:0;
line-height:1.8;

text-align:center;

}



/* GRID BACKGROUND */

.grid-bg{

position:fixed;
top:0;
left:0;

width:100%;
height:100%;

background-image:
linear-gradient(rgba(255,255,255,0.03) 1px, transparent 1px),
linear-gradient(90deg, rgba(255,255,255,0.03) 1px, transparent 1px);

background-size:70px 70px;

z-index:-1;

}



/* HERO */

.hero{

padding:200px 20px 140px;

}



/* LOGO */

.logo{

width:140px;

margin-bottom:40px;

filter:drop-shadow(0 0 18px rgba(80,160,255,0.4));

}



/* BRAND */

.brand{

font-size:96px;

margin:0;

letter-spacing:-2px;

}

.baseline{

color:white;

}

.execution{

color:#7a7a7a;

}



/* TAGLINE */

.tagline{

margin-top:20px;

font-size:36px;

color:#b3b3b3;

}



/* CTA */

.cta{

display:inline-block;

margin-top:50px;

background:white;

color:black;

padding:22px 46px;

font-size:22px;

font-weight:500;

border-radius:8px;

text-decoration:none;

transition:all .25s ease;

}

.cta:hover{

transform:translateY(-4px);

box-shadow:0 12px 30px rgba(255,255,255,0.2);

}



/* CONTENT */

.content{

max-width:1100px;

margin:auto;

}



/* SECTIONS */

.section{

max-width:720px;

margin:auto;

padding:120px 20px;

border-top:1px solid #111;

}



/* LEAD */

.lead{

font-size:34px;

color:#d0d0d0;

margin-bottom:40px;

}



/* PARAGRAPHS */

p{

font-size:22px;

margin-bottom:24px;

}



/* HEADINGS */

h2{

font-size:40px;

color:white;

margin-bottom:50px;

}



/* SERVICES GRID */

.services{

display:grid;

grid-template-columns:1fr 1fr;

gap:30px;

max-width:720px;

margin:60px auto;

}



/* SERVICE CARD */

.service{

background:#0a0a0a;

padding:30px;

border:1px solid #1a1a1a;

border-radius:8px;

font-size:22px;

transition:all .2s ease;

}

.service:hover{

border-color:#333;

transform:translateY(-3px);

}



/* LINKEDIN */

.linkedin{

font-size:22px;

color:#b3b3b3;

text-decoration:none;

}



/* FOOTER */

footer{

padding:100px 20px;

font-size:16px;

color:#6e6e6e;

border-top:1px solid #111;

margin-top:120px;

}
/* MOBILE OPTIMIZATION */

@media (max-width: 768px) {

.brand{
font-size:56px;
}

.tagline{
font-size:24px;
}

.lead{
font-size:26px;
}

p{
font-size:18px;
}

h2{
font-size:30px;
}

.services{
grid-template-columns:1fr;
gap:18px;
}

.service{
font-size:18px;
padding:22px;
}

.cta{
font-size:18px;
padding:16px 30px;
}

.hero{
padding:120px 20px 80px;
}

.section{
padding:80px 20px;
}

}