
body{margin:0;font-family:Arial;background:#090909;color:#fff}
.nav{display:flex;align-items:center;justify-content:space-between;padding:12px 20px;background:#111;position:sticky;top:0}
.logo{height:60px}.menu{display:flex;gap:20px;list-style:none}.menu a{color:#d4af37;text-decoration:none}
.menu-btn{display:none;background:none;border:0;color:#d4af37;font-size:28px}
#backTop{position:fixed;right:20px;bottom:20px;background:#d4af37;color:#000;width:48px;height:48px;border-radius:50%;display:flex;align-items:center;justify-content:center;text-decoration:none}
@media(max-width:768px){.menu-btn{display:block}.menu{display:none;position:absolute;top:84px;right:10px;background:#111;padding:15px;flex-direction:column}.menu.open{display:flex}}


.hero{position:relative;overflow:hidden}
.hero::before{
content:"";
position:absolute;inset:0;
background:linear-gradient(rgba(0,0,0,.45),rgba(0,0,0,.8));
pointer-events:none;
}
.hero-content{position:relative;z-index:2;max-width:900px;padding:4rem}
.card{transition:.35s ease}
.card:hover{transform:translateY(-8px);box-shadow:0 16px 40px rgba(0,0,0,.35)}
.menu.open{display:flex!important}

.menu-toggle{display:none;background:none;border:0;color:#c9a227;font-size:2rem}
.nav-links{display:flex;gap:1rem}
@media(max-width:768px){
.menu-toggle{display:block}
.nav-links{display:none;position:absolute;top:70px;left:0;right:0;background:#111;flex-direction:column;padding:1rem}
.nav-links.open{display:flex}
}
.hero{background:linear-gradient(rgba(0,0,0,.55),rgba(0,0,0,.75)),url('https://images.unsplash.com/photo-1517048676732-d65bc937f952?auto=format&fit=crop&w=1600&q=80') center/cover;min-height:85vh}
.feature-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:20px}
.feature{background:#181818;border:1px solid #c9a22733;padding:20px;border-radius:16px}

img{max-width:100%;height:auto}
.fa-solid,.fa-brands{display:inline-block}

:root{--gold:#c9a227}
.hero{position:relative;min-height:90vh;background:
linear-gradient(rgba(0,0,0,.55),rgba(0,0,0,.8)),
url('https://images.unsplash.com/photo-1517048676732-d65bc937f952?auto=format&fit=crop&w=1800&q=80')
center/cover}
.hero-content{max-width:900px;padding:5rem 2rem}
.glass{background:rgba(20,20,20,.55);backdrop-filter:blur(12px);border:1px solid rgba(201,162,39,.3);border-radius:18px}
.premium-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:24px}


.section{padding:80px 6%}
.two-col{display:grid;grid-template-columns:1.2fr .8fr;gap:2rem;align-items:center}
@media(max-width:900px){.two-col{grid-template-columns:1fr}}
.kpi-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:18px}
.kpi{background:#171717;border:1px solid rgba(201,162,39,.25);border-radius:16px;padding:24px;text-align:center}
.kpi strong{display:block;font-size:2rem;color:#c9a227}
.cta-banner{background:linear-gradient(90deg,#171717,#0b0b0b);border:1px solid rgba(201,162,39,.25);border-radius:18px;padding:32px}


.timeline{display:grid;gap:18px;margin:2rem 0}
.timeline .step{padding:20px;border-left:4px solid #c9a227;background:#151515;border-radius:10px}
.team-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:20px}
.team-card{background:#171717;border:1px solid rgba(201,162,39,.25);padding:20px;border-radius:16px;text-align:center}
.team-card img{width:96px;height:96px;border-radius:50%;object-fit:cover;background:#333}

.testimonials{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:20px}
.testimonial{background:#151515;border:1px solid rgba(201,162,39,.25);padding:24px;border-radius:16px}
.ref-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px}
.ref-card{background:#171717;border-radius:16px;padding:20px;border:1px solid rgba(201,162,39,.2)}
.counter-grid{display:grid;grid-template-columns:repeat(4,minmax(120px,1fr));gap:16px}
.counter{padding:18px;background:#111;border-radius:14px;text-align:center}
@media(max-width:800px){.counter-grid{grid-template-columns:repeat(2,1fr)}}

.quicklinks{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:18px}
.quick-card{padding:20px;border-radius:16px;background:#141414;border:1px solid rgba(201,162,39,.25);transition:.3s}
.quick-card:hover{transform:translateY(-6px)}
footer{margin-top:60px;padding:40px 6%;background:#0d0d0d;border-top:1px solid rgba(201,162,39,.2)}
footer .cols{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:24px}

/* Iteration 5 */
.sticky-cta{position:fixed;left:20px;bottom:20px;z-index:9999}
.sticky-cta a{display:inline-block;padding:14px 18px;background:#25D366;color:#fff;
border-radius:999px;text-decoration:none;font-weight:bold;box-shadow:0 8px 24px rgba(0,0,0,.3)}
.badge-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:16px}
.badge{background:#171717;border:1px solid rgba(201,162,39,.25);padding:18px;border-radius:14px;text-align:center}
.service-highlight{border-left:4px solid #c9a227;padding-left:16px}

/* Iteration 6 */
.service-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:22px}
.service-item{background:#181818;border:1px solid rgba(201,162,39,.25);border-radius:18px;padding:24px;transition:.3s}
.service-item:hover{transform:translateY(-8px)}
.notice{padding:18px;border-left:4px solid #c9a227;background:#131313;border-radius:12px}

/* Iteration 7 */
.hero-overlay{background:linear-gradient(135deg,rgba(0,0,0,.75),rgba(20,20,20,.45));padding:5rem 0}
.feature-strip{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:20px}
.feature-box{background:rgba(255,255,255,.04);border:1px solid rgba(201,162,39,.25);backdrop-filter:blur(10px);padding:22px;border-radius:18px}
.cta-panel{padding:40px;border-radius:20px;background:#111;border:1px solid rgba(201,162,39,.25);text-align:center}

/* Iteration 8 */
.logo-bar{display:flex;gap:18px;flex-wrap:wrap;margin:2rem 0}
.logo-item{flex:1;min-width:180px;background:#141414;border:1px solid rgba(201,162,39,.25);padding:20px;border-radius:16px;text-align:center}
.process-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:20px}
.process-card{background:#171717;border-radius:18px;padding:24px;border:1px solid rgba(201,162,39,.25)}
.process-card h3{color:#c9a227}
