:root{--bg:#080909;--panel:#101111;--gold:#d4af37;--text:#f1f1ee;--muted:#b7b7b2;--line:#6f5720}
*{box-sizing:border-box} html{scroll-behavior:smooth} body{margin:0;background:var(--bg);color:var(--text);font-family:Arial,Helvetica,sans-serif;line-height:1.55}
a{color:inherit;text-decoration:none}.nav{height:84px;display:flex;align-items:center;gap:28px;padding:10px 4vw;border-bottom:1px solid #242424;position:sticky;top:0;background:rgba(8,9,9,.96);z-index:20}
.brand img{width:245px;height:64px;object-fit:contain}.nav nav{display:flex;gap:24px;margin-left:auto;font-size:12px;text-transform:uppercase;letter-spacing:.06em}.nav nav a:hover{color:var(--gold)}
.btn{display:inline-flex;padding:13px 22px;border:1px solid var(--gold);text-transform:uppercase;font-size:12px;letter-spacing:.04em}.gold{background:var(--gold);color:#090909;font-weight:700}.ghost{color:var(--gold)}
.hero{min-height:650px;display:grid;grid-template-columns:48% 52%;border-bottom:1px solid var(--line)}.hero-copy{padding:76px 5vw 55px}.hero-image{background:linear-gradient(90deg,#080909 0%,rgba(8,9,9,.25) 30%,rgba(8,9,9,.03)),url('hero-approved.jpg') center/cover no-repeat}
.eyebrow{color:var(--gold);font-size:12px;letter-spacing:.16em;font-weight:700}.hero h1{font-size:60px;line-height:1.03;margin:16px 0 25px}.hero h1 span{color:var(--gold)}.lead{max-width:560px;color:#ddd;font-size:18px}.actions{display:flex;gap:14px;margin-top:32px;flex-wrap:wrap}
.pillars{display:grid;grid-template-columns:repeat(4,1fr);border-bottom:1px solid var(--line)}.pillars article{padding:26px 35px;text-align:center;border-right:1px solid #30291b}.pillars b{color:var(--gold);font-size:30px}.pillars h3{color:var(--gold);text-transform:uppercase;font-size:14px;margin:6px}.pillars p{margin:0;color:var(--muted)}
.section{padding:70px 5vw;border-bottom:1px solid #27200f}.section h2{font-family:Georgia,'Times New Roman',serif;font-weight:400;font-size:40px;line-height:1.18;margin:10px 0 25px}.split{display:grid;grid-template-columns:40% 60%;gap:50px;align-items:center}.visual-card{height:390px;background:url('hero-approved.jpg') center/cover;border:1px solid var(--line)}
.center{text-align:center}.narrow{max-width:720px;margin:0 auto 30px;color:var(--muted)}
.services{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-top:35px}.services article,.value-grid article{background:linear-gradient(145deg,#111,#0b0c0c);border:1px solid #3d331b;padding:25px;min-height:200px}.services i{font-style:normal;color:var(--gold);font-size:32px}.services h3{font-size:15px;text-transform:uppercase}.services p,.value-grid p{color:var(--muted);font-size:14px}
.method{background:radial-gradient(circle at center,#15130d 0,#080909 55%)}.steps{display:flex;align-items:center;justify-content:center;gap:14px;margin-top:40px;flex-wrap:wrap}.steps div{width:135px;height:135px;border:1px solid var(--gold);border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}.steps b{color:var(--gold);font-size:22px}.steps h3{font-size:12px;text-transform:uppercase}.steps span{color:var(--gold);font-size:26px}
.value-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.value-grid h3{color:var(--gold)}
.contact{display:grid;grid-template-columns:1.25fr .75fr;gap:50px;align-items:center}.contact-card{border:1px solid var(--gold);padding:28px;display:flex;flex-direction:column;gap:8px}.contact-card h3{font-size:24px;margin:0;color:var(--gold)}.contact-card .btn{margin-top:15px;justify-content:center}
footer{display:flex;align-items:center;justify-content:space-between;padding:28px 5vw;color:#aaa;font-size:12px}footer img{width:220px;height:70px;object-fit:contain}
@media(max-width:900px){
 .nav nav{display:none}.nav{height:72px}.brand img{width:180px}.nav .btn{margin-left:auto;padding:10px 14px}
 .hero{grid-template-columns:1fr;min-height:auto}.hero-copy{padding:55px 6vw 35px}.hero-image{height:300px}.hero h1{font-size:42px}
 .pillars{grid-template-columns:1fr 1fr}.split,.contact{grid-template-columns:1fr}.services{grid-template-columns:1fr 1fr}.value-grid{grid-template-columns:1fr 1fr}.section h2{font-size:32px}
 .steps{gap:8px}.steps span{display:none}.steps div{width:105px;height:105px}
 footer{flex-direction:column;gap:10px;text-align:center}
}
@media(max-width:540px){
 .hero h1{font-size:35px}.hero-image{height:230px}.pillars,.services,.value-grid{grid-template-columns:1fr}.section{padding:52px 6vw}.actions .btn{width:100%;justify-content:center}
 .visual-card{height:260px}.section h2{font-size:28px}.steps div{width:92px;height:92px}
}