*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{
margin:0;
background:#071426;
color:#f7f8fb;
font-family:Inter,Segoe UI,Arial,sans-serif;
line-height:1.6
}
.nav{
height:76px;
display:flex;
align-items:center;
justify-content:space-between;
padding:0 7%;
border-bottom:1px solid rgba(255,255,255,.08);
position:sticky;
top:0;
background:rgba(7,20,38,.94);
backdrop-filter:blur(14px);
z-index:10
}
.brand{
color:#fff;
text-decoration:none;
font-weight:900;
letter-spacing:.08em
}
.brand span{color:#d8ae4a;font-size:.65em}
.nav nav{display:flex;gap:28px}
.nav nav a{
color:#cbd4df;
text-decoration:none;
font-size:.9rem
}
.hero{
min-height:82vh;
display:flex;
flex-direction:column;
justify-content:center;
padding:8% 9%;
background:radial-gradient(circle at 80% 20%,rgba(216,174,74,.14),transparent 32%)
}
.compass{font-size:48px;color:#d8ae4a}
.eyebrow{
letter-spacing:.18em;
color:#d8ae4a;
font-size:.72rem;
font-weight:800
}
.hero h1{
font-size:clamp(3.4rem,9vw,8rem);
line-height:.9;
margin:18px 0;
letter-spacing:-.05em
}
.hero h1 span{color:#d8ae4a}
.lead{
max-width:650px;
color:#b9c5d3;
font-size:1.15rem
}
.button{
display:inline-block;
width:max-content;
margin-top:22px;
padding:13px 22px;
background:#d8ae4a;
color:#071426;
text-decoration:none;
font-weight:900
}
.section{
padding:100px 9%;
max-width:1400px;
margin:auto
}
.section h2,.cta h2{
font-size:clamp(2rem,4vw,4rem);
line-height:1.05;
margin:10px 0 45px
}
.grid{
display:grid;
grid-template-columns:repeat(auto-fit,minmax(220px,1fr));
gap:18px
}
.grid article{
padding:28px;
border:1px solid rgba(216,174,74,.25);
background:rgba(255,255,255,.025);
min-height:150px
}
.grid b{font-size:1.15rem;color:#fff}
.grid p{color:#9eacbb}
.split{
display:grid;
grid-template-columns:1fr 1fr;
gap:60px;
border-top:1px solid rgba(255,255,255,.08)
}
.split>p{
color:#bdc7d2;
font-size:1.15rem
}
.cta{
margin:50px 9% 100px;
padding:70px;
border:1px solid rgba(216,174,74,.3);
background:linear-gradient(135deg,rgba(216,174,74,.12),rgba(255,255,255,.02))
}
footer{
text-align:center;
padding:35px;
color:#7f8d9c;
border-top:1px solid rgba(255,255,255,.08);
font-size:.8rem
}
@media(max-width:700px){
.nav nav{display:none}
.hero{min-height:75vh}
.split{grid-template-columns:1fr}
.cta{margin-left:5%;margin-right:5%;padding:40px 25px}
}