* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}


body {
    font-family: Arial, Helvetica, sans-serif;
    background: #ffffff;
    color: #111111;
    line-height: 1.6;
}


/* Navigation */

header {
    width:100%;
    border-bottom:1px solid #eeeeee;
}


nav {
    height:80px;
    display:flex;
    align-items:center;
    justify-content:space-between;
    padding:0 80px;
}


.logo {
    font-size:28px;
    font-weight:700;
    letter-spacing:3px;
}


.logo span {
    color:#C8A951;
}


.nav-links a {

    text-decoration:none;
    color:#111;
    margin:0 15px;
    font-size:14px;

}


.nav-button {

    background:#111;
    color:white;
    text-decoration:none;
    padding:14px 28px;
    font-size:14px;

}


/* Hero */

.hero {

    min-height:90vh;
    display:flex;
    align-items:center;
    padding:80px;

}


.hero-content {

    width:55%;

}


.eyebrow {

    color:#C8A951;
    letter-spacing:3px;
    font-size:13px;
    margin-bottom:25px;

}


.hero h1 {

    font-size:72px;
    line-height:1.05;
    letter-spacing:-3px;
    margin-bottom:30px;

}


.hero h1 span {

    color:#C8A951;

}


.hero-text {

    font-size:20px;
    color:#555;
    max-width:600px;
    margin-bottom:40px;

}



.hero-buttons a {

    display:inline-block;
    text-decoration:none;
    padding:16px 30px;
    margin-right:15px;

}


.primary-btn {

    background:#111;
    color:white;

}


.secondary-btn {

    border:1px solid #111;
    color:#111;

}


.hero-image {

    width:45%;
    height:550px;
    background:#f5f5f5;
    display:flex;
    align-items:center;
    justify-content:center;

}


.image-placeholder {

    color:#999;
    text-align:center;

}



/* Sections */

section {

    padding:100px 80px;

}


h2 {

    font-size:48px;
    letter-spacing:-1px;
    margin-bottom:50px;

}



/* Cards */

.cards {

    display:flex;
    gap:30px;

}


.card {

    flex:1;
    padding:40px;
    border:1px solid #e5e5e5;
    background:white;

}


.card h3 {

    margin-bottom:15px;
    font-size:24px;

}


.card p {

    color:#666;

}



/* Dark Section */

.who {

    background:#111;
    color:white;

}


.who .card {

    background:#111;
    border-color:#333;

}


.who .card p {

    color:#aaa;

}



/* Case Studies */

.case-grid {

    display:flex;
    gap:30px;

}


.case-grid div {

    flex:1;
    padding:40px;
    background:#f7f7f7;

}



/* About */

.about {

    max-width:900px;

}


.about p {

    font-size:22px;
    color:#555;

}



/* Footer */

footer {

    padding:50px;
    text-align:center;
    border-top:1px solid #eee;
    color:#777;

}



/* Mobile */

@media(max-width:900px){


nav {

    padding:20px;

}


.nav-links {

    display:none;

}


.hero {

    flex-direction:column;
    padding:40px;

}


.hero-content,
.hero-image {

    width:100%;

}


.hero h1 {

    font-size:45px;

}


.cards,
.case-grid {

    flex-direction:column;

}


section {

    padding:60px 30px;

}


}