body{
margin:0;
background:#0d1015;
color:white;
font-family:Inter,Arial;
}

.hero{

min-height:100vh;

display:flex;

align-items:center;

justify-content:center;

text-align:center;

background:

linear-gradient(
135deg,
#0b1220,
#121212,
#ff9900
);

}

.overlay{

width:100%;

padding:100px 30px;

}

.container{

max-width:1200px;

margin:auto;

}

.eyebrow{

color:#ff9900;

font-weight:700;

letter-spacing:5px;

}

.hero h1{

font-size:84px;

margin:20px 0;

}

.hero p{

font-size:24px;

max-width:900px;

margin:auto;

}

.button{

display:inline-block;

margin-top:40px;

padding:18px 40px;

background:#ff9900;

color:black;

border-radius:12px;

text-decoration:none;

font-weight:700;

}

.section{

padding:100px 30px;

}

.dark{

background:#12161d;

}

.grid{

display:grid;

grid-template-columns:
repeat(auto-fit,minmax(260px,1fr));

gap:24px;

}

.card{

padding:40px;

background:#191f29;

border-radius:20px;

}

footer{

padding:40px;

text-align:center;

background:black;

}

.hero{

background:

radial-gradient(
circle at top right,
rgba(255,153,0,.18),
transparent 40%
),

linear-gradient(
135deg,
#090b10 0%,
#10141d 45%,
#171717 100%
);

}

.card:hover{

transform:translateY(-6px);

transition:.25s;

}

.button:hover{

opacity:.92;

}


.hero{

background:

radial-gradient(
circle at top right,
rgba(255,153,0,.18),
transparent 40%
),

linear-gradient(
135deg,
#090b10 0%,
#10141d 45%,
#171717 100%
);

}

.card:hover{

transform:translateY(-6px);

transition:.25s;

}

.button:hover{

opacity:.92;

}


.hero{

position:relative;

overflow:hidden;

}

.hero:before{

content:"";

position:absolute;

inset:0;

background:

radial-gradient(
circle at 20% 20%,
rgba(255,153,0,.22),
transparent 35%
),

radial-gradient(
circle at 80% 30%,
rgba(255,153,0,.12),
transparent 30%
),

linear-gradient(
135deg,
#080b10,
#0f141d,
#171717
);

}

.hero .container{

position:relative;

z-index:2;

}

.hero h1{

font-size:clamp(56px,8vw,92px);

line-height:.95;

letter-spacing:-3px;

max-width:900px;

margin:auto;

}

.hero p{

max-width:760px;

margin:32px auto;

font-size:24px;

color:#d1d5db;

}

.button{

box-shadow:

0 18px 60px rgba(255,153,0,.35);

}

.section-title{

font-weight:800;

}

.card{

transition:
transform .25s,
box-shadow .25s;

}

.card:hover{

transform:translateY(-8px);

box-shadow:
0 18px 50px rgba(0,0,0,.35);

}

footer{

color:#9ca3af;

}