:root{
  --black:#030303;
  --charcoal:#0b0d10;
  --panel:#11151b;
  --silver:#d8dbe0;
  --muted:#9ca3af;
  --line:rgba(255,255,255,.14);
  --gold:#c8b27a;
  --white:#ffffff;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--black);color:var(--white);font-family:Inter,system-ui,-apple-system,Segoe UI,sans-serif;line-height:1.6}
a{color:inherit;text-decoration:none}
.site-header{position:fixed;top:0;left:0;right:0;z-index:50;display:flex;align-items:center;justify-content:space-between;padding:18px 6vw;background:linear-gradient(180deg,rgba(0,0,0,.88),rgba(0,0,0,.45));backdrop-filter:blur(12px);border-bottom:1px solid rgba(255,255,255,.08)}
.brand img{width:92px;height:56px;object-fit:cover;object-position:center;border-radius:2px}
.nav{display:flex;gap:28px;font-size:13px;letter-spacing:.16em;text-transform:uppercase;color:var(--silver)}
.nav a{opacity:.82}.nav a:hover{opacity:1;color:var(--gold)}
.hero{position:relative;min-height:100vh;display:grid;place-items:center;padding:130px 6vw 80px;background:radial-gradient(circle at center,rgba(192,192,192,.12),transparent 30%),linear-gradient(135deg,#020202,#090b0f 48%,#000)}
.hero:before{content:"";position:absolute;inset:0;background:url('assets/logo.jpg') center/560px no-repeat;opacity:.06;filter:grayscale(1)}
.hero-overlay{position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.10),rgba(0,0,0,.85))}
.hero-content{position:relative;max-width:980px;text-align:center;margin:auto}.hero-logo{width:min(380px,82vw);border:1px solid rgba(255,255,255,.08);box-shadow:0 30px 90px rgba(0,0,0,.65);margin-bottom:26px}.eyebrow,.section-label{color:var(--gold);letter-spacing:.28em;text-transform:uppercase;font-size:12px;font-weight:700}.hero h1,.section h2{font-family:Cinzel,serif;line-height:1.08;margin:0;color:var(--white)}.hero h1{font-size:clamp(38px,7vw,82px);max-width:960px;margin:0 auto 22px}.hero-copy{max-width:760px;margin:0 auto 34px;color:var(--silver);font-size:18px}.hero-actions{display:flex;justify-content:center;gap:14px;flex-wrap:wrap}.button{display:inline-flex;align-items:center;justify-content:center;min-height:52px;padding:0 26px;border-radius:999px;font-weight:700;letter-spacing:.04em;transition:.2s ease}.button.primary{background:linear-gradient(135deg,#f4f4f5,#aeb4bd);color:#060606}.button.primary:hover{transform:translateY(-2px);box-shadow:0 18px 35px rgba(216,219,224,.18)}.button.secondary{border:1px solid var(--line);color:var(--silver)}.button.secondary:hover{border-color:var(--gold);color:var(--white)}
.section{padding:100px 6vw}.intro{max-width:980px;margin:auto;text-align:center}.intro h2,.section-header h2,.process-copy h2,.about h2,.contact h2{font-size:clamp(30px,4.5vw,56px);margin:14px 0 18px}.intro p{max-width:760px;margin:auto;color:var(--muted);font-size:18px}.services{background:linear-gradient(180deg,#050505,#0b0d10)}.section-header{display:flex;align-items:end;justify-content:space-between;gap:30px;margin-bottom:34px}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.card{padding:34px;background:linear-gradient(180deg,rgba(255,255,255,.06),rgba(255,255,255,.025));border:1px solid var(--line);border-radius:22px;min-height:280px}.card-number{color:var(--gold);font-weight:800}.card h3{font-family:Cinzel,serif;font-size:27px;margin:45px 0 12px}.card p{color:var(--muted);margin:0}.process{display:grid;grid-template-columns:1fr 1fr;gap:54px;align-items:center;background:#08090b}.process-copy p,.about p,.contact p{color:var(--muted);font-size:17px}.steps{display:grid;gap:14px}.step{display:grid;gap:6px;padding:24px;border:1px solid var(--line);border-radius:18px;background:rgba(255,255,255,.04)}.step strong{font-family:Cinzel,serif;font-size:24px}.step span{color:var(--muted)}.about{display:grid;grid-template-columns:360px 1fr;gap:52px;align-items:center}.about-logo-wrap{padding:18px;border:1px solid var(--line);background:rgba(255,255,255,.03);border-radius:26px}.about-logo-wrap img{display:block;width:100%;border-radius:18px}.contact{background:linear-gradient(180deg,#0b0d10,#020202)}.contact-panel{display:grid;grid-template-columns:.85fr 1.15fr;gap:48px;padding:46px;border:1px solid var(--line);border-radius:28px;background:linear-gradient(135deg,rgba(255,255,255,.07),rgba(255,255,255,.025))}.contact-form{display:grid;gap:16px}.contact-form label{display:grid;gap:7px;color:var(--silver);font-weight:700}.contact-form input,.contact-form textarea{width:100%;border:1px solid var(--line);border-radius:14px;background:rgba(0,0,0,.35);color:var(--white);padding:15px 16px;font:inherit}.contact-form input:focus,.contact-form textarea:focus{outline:1px solid var(--gold);border-color:var(--gold)}

.footer{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:28px 6vw;border-top:1px solid var(--line);color:var(--muted);font-size:14px}.footer img{width:80px;height:48px;object-fit:cover}
@media (max-width:850px){.site-header{position:absolute;align-items:flex-start}.nav{display:none}.brand img{width:86px;height:54px}.cards,.process,.about,.contact-panel{grid-template-columns:1fr}.section{padding:74px 6vw}.hero{padding-top:120px}.hero-logo{width:min(320px,88vw)}.footer{flex-direction:column;text-align:center}.card{min-height:auto}.section-header{display:block}.about-logo-wrap{max-width:360px}}
