/* styles.css */

:root{
--bg: #0b0b0c;
--text: #ffffff;
--muted: #cfcfcf;

--gold: #d4af37;
--gold-light: #e7c766;

--accent: var(--gold);
--accent-2: var(--gold-light);
}

*{box-sizing:border-box}

body{
margin:0;
font-family: Inter, system-ui, Arial;
background: var(--bg);
color: var(--text);
line-height:1.5;
}

.container{
width:min(1100px,92%);
margin:0 auto;
}

/* HEADER */
.site-header{
position:sticky;
top:0;
backdrop-filter:blur(8px);
background:rgba(0,0,0,0.6);
padding:1rem 0;
border-bottom:1px solid rgba(212,175,55,0.25);
}

.header-inner{
display:flex;
align-items:center;
justify-content:space-between;
gap:1rem;
}

.brand{
display:flex;
gap:.8rem;
align-items:center;
text-decoration:none;
color:var(--text);
}

.logo-mark{
width:44px;
height:44px;
display:grid;
place-items:center;
border-radius:10px;
background:linear-gradient(135deg,var(--gold),var(--gold-light));
color:#1a1a1a;
font-weight:700;
}

.nav{
display:flex;
gap:1rem;
}

.nav a{
color:var(--muted);
text-decoration:none;
padding:.4rem .6rem;
border-radius:8px;
}

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

.cta{
background:linear-gradient(90deg,var(--gold),var(--gold-light));
color:#1a1a1a;
padding:.45rem .9rem;
border-radius:10px;
text-decoration:none;
font-weight:700;
}

/* HERO */
.hero{
min-height:70vh;
display:flex;
align-items:center;
position:relative;
padding:4rem 0;
overflow:hidden;
}

.hero-bg{
position:absolute;
inset:0;
background-image:url('https://images.unsplash.com/photo-1503676260728-1c00da094a0b?q=80&w=1600&auto=format&fit=crop');
background-size:cover;
background-position:center;
filter:brightness(.25);
}

.hero-inner{
display:grid;
grid-template-columns:1fr 420px;
gap:2.4rem;
z-index:2;
align-items:center;
}

.hero-left h1{
font-size:clamp(1.6rem,4vw,2.6rem);
margin:0;
}

.lead{
color:var(--muted);
margin:.6rem 0 1.2rem;
}

.accent{
background:linear-gradient(90deg,var(--gold),var(--gold-light));
-webkit-background-clip:text;
color:transparent;
font-weight:800;
}

.btn{
display:inline-flex;
align-items:center;
justify-content:center;
padding:.6rem .95rem;
border-radius:10px;
font-weight:700;
text-decoration:none;
border:1px solid transparent;
cursor:pointer;
}

.btn-primary{
background:linear-gradient(90deg,var(--gold),var(--gold-light));
color:#1a1a1a;
}

.btn-outline{
background:transparent;
color:var(--gold);
border:1px solid var(--gold);
}

.quick-info{
display:flex;
gap:1.2rem;
margin-top:1rem;
list-style:none;
padding:0;
color:var(--muted);
}

/* CARDS */
.card-glass{
background:rgba(255,255,255,0.05);
padding:1.2rem;
border-radius:14px;
border:1px solid rgba(212,175,55,0.25);
}

.services-grid{
display:grid;
grid-template-columns:repeat(3,1fr);
gap:1.2rem;
}

.service-card{
background:rgba(255,255,255,0.05);
padding:1.2rem;
border-radius:12px;
border:1px solid rgba(212,175,55,0.25);
}

/* CONTACT FORM */
.contact-form{
max-width:760px;
margin:1.4rem auto;
}

.form-grid{
display:grid;
grid-template-columns:1fr 1fr;
gap:.8rem;
}

.contact-form input,
.contact-form textarea{
width:100%;
padding:.9rem;
border-radius:10px;
background:rgba(255,255,255,0.07);
border:1px solid rgba(212,175,55,0.3);
color:var(--text);
}

.form-actions{
display:flex;
gap:.8rem;
margin-top:1rem;
}

/* FOOTER */
.footer-inner{
display:flex;
justify-content:space-between;
align-items:center;
padding:1.2rem 0;
border-top:1px solid rgba(212,175,55,0.25);
}

/* SCROLL REVEAL */
.reveal{
opacity:0;
transform:translateY(16px);
transition:opacity .6s, transform .6s;
}
.reveal.visible{
opacity:1;
transform:none;
}

/* RESPONSIVE */
@media(max-width:980px){
.hero-inner{
grid-template-columns:1fr;
padding:1rem 0;
}
.services-grid{
grid-template-columns:repeat(2,1fr);
}
.nav{
display:none;
}
}

@media(max-width:640px){
.services-grid{
grid-template-columns:1fr;
}
.form-grid{
grid-template-columns:1fr;
}
.quick-info{
flex-direction:column;
}
}