:root{
--bg:#000;--gold:#d4af37;--text:#f8fafc;--muted:#cbd5e1}
body{margin:0;font-family:system-ui;background:#000;color:var(--text)}
.logo-bg{position:fixed;inset:0;background:url('logo.png') center/45% no-repeat;opacity:1;z-index:-1}
.nav{display:flex;justify-content:center;gap:1.5rem;padding:1.5rem}
.nav a{color:var(--gold);text-decoration:none;font-weight:600}
.hero{text-align:center;padding:5rem 2rem}
.hero.small{padding:3rem 2rem}
.hero h1{font-size:3.2rem}
.disclaimer{max-width:900px;margin:1.5rem auto;color:var(--muted)}
.section{max-width:1200px;margin:0 auto;padding:4rem 2rem}
.steps.large li{margin:1rem 0;font-size:1.3rem}
.tiers{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:2rem}
.tier{border:1px solid rgba(212,175,55,.4);border-radius:18px;padding:2.5rem;background:rgba(0,0,0,.85)}
.featured{box-shadow:0 0 40px rgba(212,175,55,.6)}
.price{font-size:2rem;color:var(--gold)}
.subhead{margin-top:4rem;font-size:2rem}
.portfolio-links li{margin:.5rem 0}
.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:3rem}
.option{display:flex;gap:14px;margin:1rem 0;align-items:flex-start}
.option span{color:var(--muted);font-size:.95rem}
input[type=email]{width:100%;padding:14px;margin:1.5rem 0;border-radius:10px;border:1px solid rgba(255,255,255,.3);background:#000;color:var(--text)}
button,.cta{display:inline-block;margin-top:2rem;padding:16px 36px;border-radius:999px;background:linear-gradient(135deg,var(--gold),#f5d77a);border:none;font-weight:800;text-decoration:none;color:#1a1200}
footer{text-align:center;padding:2.5rem;opacity:.8}


.faq-item { border-bottom: 1px solid #333; padding: 10px 0; }
.faq-item p { display: none; margin-top: 6px; }
.faq-item.open p { display: block; }
.faq-item h3 { cursor: pointer; }


/* Testimonials Slider */
.testimonial-slider { position: relative; overflow: hidden; }
.testimonial-slide { display: none; text-align: center; }
.testimonial-slide.active { display: block; }

.stars {
  color: #f4c430;
  font-size: 1.2rem;
  margin-bottom: 10px;
}

.slider-controls {
  display: flex;
  justify-content: center;
  gap: 10px;
  margin-top: 10px;
}

.slider-controls button {
  background: #000;
  color: #fff;
  border: none;
  padding: 6px 10px;
  cursor: pointer;
}

.section.dark {
  background: #000;
  color: #fff;
  padding: 80px 20px;
}

.section.dark h2,
.section.dark h3,
.section.dark strong {
  color: #fff;
}

.section.dark span {
  color: #bbb;
}

.section.dark a {
  color: #d4af37;
}

.section.dark .option {
  background: #111;
  border: 1px solid #222;
  border-radius: 8px;
  padding: 14px;
  margin-bottom: 12px;
  cursor: pointer;
}

.section.dark input[type="radio"],
.section.dark input[type="checkbox"] {
  accent-color: #d4af37;
}

.section.dark input[type="email"] {
  width: 100%;
  padding: 12px;
  background: #111;
  border: 1px solid #333;
  color: #fff;
}

.section.dark button {
  margin-top: 20px;
  background: #d4af37;
  color: #000;
  border: none;
  padding: 14px 24px;
  font-weight: bold;
  cursor: pointer;
}

.policy-check {
  display: block;
  margin-top: 16px;
  font-size: 0.9rem;
}


/* === Mobile spacing + typography upgrades === */
html { font-size: 16px; }
body { line-height: 1.6; -webkit-text-size-adjust: 100%; }
.container { width: min(1100px, 92vw); margin: 0 auto; }

.btn, button { min-height: 44px; padding: 12px 18px; }
input, select, textarea { font-size: 16px; }

.form-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 18px; }
.compare-grid, .feature-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 16px; }

@media (max-width: 1100px) {
  .compare-grid, .feature-grid { grid-template-columns: 1fr 1fr; }
}

@media (max-width: 860px) {
  .form-grid { grid-template-columns: 1fr; }
  .compare-grid, .feature-grid { grid-template-columns: 1fr; }
  h1 { font-size: 1.8rem; }
  h2 { font-size: 1.4rem; }
  .lead { font-size: 1rem; }
}

.card {
  background: rgba(255,255,255,0.04);
  border: 1px solid rgba(255,255,255,0.12);
  border-radius: 14px;
  padding: 16px;
}

.footer-links { display:flex; gap:12px; flex-wrap:wrap; justify-content:center; }
.mini-nav { display:flex; gap:10px; flex-wrap:wrap; align-items:center; }
.btn.btn-sm { padding: 8px 12px; min-height: 36px; }

/* All-in-one services section */
.all-in-one .note { margin-top: 12px; font-size: 0.95rem; opacity: 0.9; }

/* LinkedIn header link */
.linkedin-link {
  font-weight: 600;
  opacity: 0.9;
}
.linkedin-link:hover {
  opacity: 1;
}


/* Sticky Header */
.site-header.sticky {
  position: sticky;
  top: 0;
  z-index: 999;
  background: #000;
}

/* Active nav link */
.main-nav a.active {
  color: #d4af37;
}

/* Mobile Nav */
.nav-toggle {
  display: none;
  font-size: 1.6rem;
  background: none;
  color: #fff;
  border: none;
}

@media (max-width: 860px) {
  .nav-toggle {
    display: block;
  }
  .main-nav {
    display: none;
    flex-direction: column;
    background: #000;
    padding: 12px;
  }
  .main-nav.open {
    display: flex;
  }
}

/* Footer Sitemap */
.footer-sitemap {
  margin-top: 30px;
}
.footer-sitemap ul {
  list-style: none;
  padding: 0;
}
.footer-sitemap li {
  margin-bottom: 6px;
}


.breadcrumb-ui{font-size:.85rem;opacity:.85;margin:12px 0}
.breadcrumb-ui ol{list-style:none;padding:0;display:flex;gap:6px}
.breadcrumb-ui li::after{content:"/";margin-left:6px}
.breadcrumb-ui li:last-child::after{content:""}

@media(max-width:860px){
.main-nav{position:fixed;top:60px;right:-100%;width:80%;height:calc(100vh - 60px);background:#000;transition:right .3s ease}
.main-nav.open{right:0}
}

.site-header.scrolled{box-shadow:0 6px 16px rgba(0,0,0,.4)}