/* GlanzTranz — Black & Gold */
:root{
  --bg:#0e0f12; --bg-2:#0a0b0e; --card:#16181d; --border:#272a31;
  --fg:#f3efe6; --muted:#9a9385; --gold:#d4a955; --gold-2:#f0d089; --silver:#cfd2d8;
  --gradient-gold:linear-gradient(135deg,#f0d089,#b8862f);
  --shadow-gold:0 20px 60px -20px rgba(212,169,85,.35);
  --radius:14px;
}
*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body{font-family:Inter,system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;background:var(--bg);color:var(--fg);line-height:1.6;-webkit-font-smoothing:antialiased}
img{max-width:100%;display:block}
a{color:inherit;text-decoration:none;transition:color .25s}
a:hover{color:var(--gold)}
.serif{font-family:Georgia,"Times New Roman",serif;font-weight:500;letter-spacing:-.01em}
.container{max-width:1200px;margin:0 auto;padding:0 24px}
.gold{color:var(--gold)}
.gold-grad{background:var(--gradient-gold);-webkit-background-clip:text;background-clip:text;color:transparent}

/* Header */
.header{position:sticky;top:0;z-index:50;backdrop-filter:blur(16px);background:rgba(14,15,18,.8);border-bottom:1px solid var(--border)}
.nav{display:flex;align-items:center;justify-content:space-between;height:80px}
.logo{display:flex;align-items:center;gap:12px}
.logo img{height:70px;width:auto}
.logo span{font-family:Georgia,"Times New Roman",serif;font-size:18px;letter-spacing:.04em}
.nav-links{display:flex;align-items:center;gap:32px}
.nav-links a{font-size:14px;color:rgba(243,239,230,.8)}
.nav-links a.active,.nav-links a:hover{color:var(--gold)}
.btn{display:inline-flex;align-items:center;gap:8px;padding:12px 24px;border-radius:999px;font-weight:500;font-size:14px;color:#0e0f12;background:var(--gradient-gold);border:0;cursor:pointer;transition:transform .2s,box-shadow .25s}
.btn:hover{transform:translateY(-1px);box-shadow:var(--shadow-gold);color:#0e0f12}
.btn-lg{padding:16px 32px;font-size:15px}
.menu-btn{display:none;background:none;border:0;color:var(--fg);cursor:pointer}
@media(max-width:860px){
  .nav-links{display:none;position:absolute;top:80px;left:0;right:0;background:var(--bg);flex-direction:column;align-items:flex-start;padding:20px 24px;gap:14px;border-bottom:1px solid var(--border)}
  .nav-links.open{display:flex}
  .nav-links .btn{align-self:flex-start}
  .menu-btn{display:block}
}

/* Hero */
.hero{position:relative;overflow:hidden}
.hero-bg{position:absolute;inset:0}
.hero-bg img{width:100%;height:100%;object-fit:cover;opacity:.4}
.hero-bg::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(14,15,18,.7),rgba(14,15,18,.6),var(--bg))}
.hero-inner{position:relative;padding:120px 0 160px;max-width:760px}
.eyebrow{display:inline-flex;align-items:center;gap:8px;padding:6px 16px;border-radius:999px;border:1px solid rgba(212,169,85,.3);background:rgba(212,169,85,.1);color:var(--gold);font-size:11px;letter-spacing:.25em;text-transform:uppercase;margin-bottom:24px}
h1.display{font-family:Georgia,"Times New Roman",serif;font-size:clamp(44px,7vw,84px);line-height:1.05;letter-spacing:-.02em;font-weight:500}
.lead{margin-top:24px;font-size:18px;color:var(--muted);max-width:560px}

/* Service cards (interactive split) */
.split{margin-top:-100px;position:relative;padding-bottom:80px}
.split-eyebrow{text-align:center;font-size:11px;letter-spacing:.3em;text-transform:uppercase;color:var(--gold);margin-bottom:24px}
.split-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}
@media(max-width:860px){.split-grid{grid-template-columns:1fr}}
.service-card{position:relative;overflow:hidden;border-radius:24px;border:1px solid var(--border);background:var(--card);aspect-ratio:5/6;display:block;transition:border-color .4s;box-shadow:0 30px 80px -40px rgba(0,0,0,.6)}
.service-card:hover{border-color:rgba(212,169,85,.5)}
.service-card .bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform 1.2s ease-out;opacity:1}
.service-card:hover .bg{transform:scale(1.08)}
.service-card .overlay{position:absolute;inset:0;background:linear-gradient(to top,var(--bg),rgba(14,15,18,.7),rgba(14,15,18,.1))}
.service-card .content{position:absolute;inset:0;padding:40px;display:flex;flex-direction:column;justify-content:flex-end}
.service-card .tag{display:flex;align-items:center;gap:12px;color:var(--gold);font-size:11px;letter-spacing:.25em;text-transform:uppercase;margin-bottom:12px}
.service-card h3{font-family:Georgia,"Times New Roman",serif;font-size:clamp(32px,4vw,52px);margin-bottom:12px;font-weight:500}
.service-card p{color:var(--muted);max-width:420px;margin-bottom:24px}
.service-card .arrow{color:var(--gold);font-size:14px;font-weight:500}

/* Trust strip */
.trust{border-top:1px solid var(--border);border-bottom:1px solid var(--border);background:rgba(22,24,29,.4)}
.trust-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:32px;padding:48px 0}
@media(max-width:860px){.trust-grid{grid-template-columns:1fr 1fr}}
.trust-item{display:flex;gap:16px;align-items:flex-start}
.trust-item svg{color:var(--gold);flex-shrink:0;margin-top:2px}
.trust-item strong{display:block;font-weight:500}
.trust-item span{font-size:14px;color:var(--muted)}

/* Sections */
section.block{padding:96px 0}
.two-col{display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:center}
@media(max-width:860px){.two-col{grid-template-columns:1fr}}
.two-col h2{font-family:Georgia,"Times New Roman",serif;font-size:clamp(32px,5vw,56px);margin-bottom:24px;font-weight:500}
.two-col p{color:var(--muted);margin-bottom:24px}
.list{list-style:none;display:flex;flex-direction:column;gap:12px;font-size:14px}
.list li{display:flex;gap:12px}
.list li::before{content:"→";color:var(--gold);flex-shrink:0}
.rounded{border-radius:20px;overflow:hidden;box-shadow:0 30px 80px -30px rgba(0,0,0,.6)}

/* Feature grid */
.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
@media(max-width:860px){.feature-grid{grid-template-columns:1fr}}
.feature{padding:32px;border:1px solid var(--border);background:var(--card);border-radius:20px;transition:border-color .3s}
.feature:hover{border-color:rgba(212,169,85,.4)}
.feature svg{color:var(--gold);margin-bottom:16px}
.feature h3{font-family:Georgia,"Times New Roman",serif;font-size:24px;margin-bottom:8px;font-weight:500}
.feature p{font-size:14px;color:var(--muted)}

/* CTA */
.cta{border-radius:28px;padding:64px 32px;text-align:center;border:1px solid rgba(212,169,85,.2);background:radial-gradient(circle at 50% 0%,rgba(212,169,85,.18),transparent 60%),var(--card)}
.cta h2{font-family:Georgia,"Times New Roman",serif;font-size:clamp(32px,5vw,56px);margin-bottom:16px;font-weight:500}
.cta p{color:var(--muted);max-width:520px;margin:0 auto 32px}

/* Footer */
footer{border-top:1px solid var(--border);background:rgba(22,24,29,.4);margin-top:48px}
.footer-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:40px;padding:56px 0}
@media(max-width:860px){.footer-grid{grid-template-columns:1fr 1fr}}
.footer-grid h4{font-size:12px;color:var(--gold);text-transform:uppercase;letter-spacing:.2em;margin-bottom:12px}
.footer-grid ul{list-style:none;display:flex;flex-direction:column;gap:8px;font-size:14px;color:var(--muted)}
.footer-grid img{height:70px;margin-bottom:16px}
.footer-grid address{font-style:normal;font-size:14px;color:var(--muted);line-height:1.8}
.copy{border-top:1px solid var(--border);padding:20px 0;text-align:center;font-size:12px;color:var(--muted)}

/* Page hero */
.page-hero{position:relative;overflow:hidden}
.page-hero .hero-inner{padding:96px 0 120px}

/* Forms */
.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:48px}
@media(max-width:860px){.form-grid{grid-template-columns:1fr}}
.field{display:flex;flex-direction:column;gap:8px;margin-bottom:16px}
.field label{font-size:11px;text-transform:uppercase;letter-spacing:.15em;color:var(--muted)}
.field input,.field select,.field textarea{background:#1c1f25;border:1px solid var(--border);border-radius:10px;padding:14px 16px;color:var(--fg);font:inherit;font-size:15px;outline:none;transition:border-color .2s}
.field input:focus,.field select:focus,.field textarea:focus{border-color:var(--gold)}
.row-2{display:grid;grid-template-columns:1fr 1fr;gap:16px}
@media(max-width:560px){.row-2{grid-template-columns:1fr}}
.info-card{display:flex;gap:16px;padding:24px;border:1px solid var(--border);background:var(--card);border-radius:16px;margin-bottom:16px}
.info-card svg{color:var(--gold);flex-shrink:0;margin-top:4px}
.info-card .label{font-size:11px;text-transform:uppercase;letter-spacing:.15em;color:var(--gold);margin-bottom:6px}
.alert{padding:14px 18px;border-radius:10px;margin-bottom:20px;font-size:14px}
.alert.ok{background:rgba(76,175,80,.12);border:1px solid rgba(76,175,80,.4);color:#a5d6a7}
.alert.err{background:rgba(244,67,54,.12);border:1px solid rgba(244,67,54,.4);color:#ef9a9a}

/* Legal pages */
.legal{max-width:760px}
.legal h2{font-family:Georgia,"Times New Roman",serif;font-size:26px;font-weight:500;color:var(--fg);margin-bottom:8px}
.legal .block{margin-bottom:32px;color:var(--muted)}