/* VERSION_MARKER_20260206 */
/* Agent Accelerator HQ — Professional Theme (v8) */
:root{
  --aa-bg:#070b1a;
  --aa-ink:#0b1024;
  --aa-muted:#5b6478;
  --aa-card:#ffffff;
  --aa-line:#e7eaf2;
  --aa-primary:#4f46e5;
  --aa-primary2:#2563eb;
  --aa-accent:#22c55e;
  --aa-radius:18px;
  --aa-shadow:0 18px 55px rgba(2,6,23,.18);
}
html,body{background:#f6f8fd;}
body{color:var(--aa-ink);}
.aa-nav{position:sticky;top:0;z-index:50;background:rgba(255,255,255,.86);backdrop-filter:saturate(180%) blur(10px);border-bottom:1px solid var(--aa-line);}
.aa-brand{font-weight:800;letter-spacing:-.02em;}
.aa-pill{display:inline-flex;align-items:center;gap:.45rem;padding:.35rem .65rem;border:1px solid rgba(255,255,255,.16);border-radius:999px;color:rgba(255,255,255,.85);font-size:12px;background:rgba(255,255,255,.08);}
.aa-hero{background: radial-gradient(1200px 600px at 15% 15%, rgba(79,70,229,.18), transparent 60%),radial-gradient(900px 500px at 85% 20%, rgba(37,99,235,.16), transparent 60%),linear-gradient(180deg, #0b1024 0%, #070b1a 100%);color:#fff;padding:74px 0 62px;}
.aa-hero h1{font-size:42px;line-height:1.12;margin:10px 0 14px;letter-spacing:-.03em;}
.aa-hero p{color:rgba(255,255,255,.78);font-size:16px;line-height:1.7;margin:0 0 16px;}
.aa-cta-row{display:flex;flex-wrap:wrap;gap:10px;margin-top:16px;}
.aa-btn-primary{background:linear-gradient(135deg,var(--aa-primary),var(--aa-primary2));border:0;}
.aa-btn-primary:hover{filter:brightness(1.05);}
.aa-btn-ghost{background:rgba(255,255,255,.10);border:1px solid rgba(255,255,255,.18);color:#fff;}
.aa-btn-ghost:hover{background:rgba(255,255,255,.14);}
.aa-note{font-size:13px;color:rgba(255,255,255,.70);margin-top:10px;}
.aa-hero-card{background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.14);border-radius:var(--aa-radius);padding:18px;}
.aa-mock{width:100%;height:auto;display:block;border-radius:14px;box-shadow:0 18px 60px rgba(0,0,0,.35);border:1px solid rgba(255,255,255,.12);}
.aa-section{padding:58px 0;}
@media (max-width:768px){.aa-hero{padding:56px 0 48px;}.aa-hero h1{font-size:34px;}.aa-section{padding:44px 0;}}
.aa-kicker{font-size:12px;letter-spacing:.12em;text-transform:uppercase;font-weight:800;color:rgba(79,70,229,.95);}
.aa-h2{font-size:28px;letter-spacing:-.02em;margin:10px 0 14px;}
.aa-sub{color:var(--aa-muted);line-height:1.65;margin:0 0 18px;}
.aa-grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;}
@media (max-width:840px){.aa-grid-3{grid-template-columns:1fr;}}
.aa-feature{background:var(--aa-card);border:1px solid var(--aa-line);border-radius:var(--aa-radius);padding:18px;box-shadow:0 1px 0 rgba(2,6,23,.04);}
.aa-feature .t{font-weight:800;margin-bottom:6px;}
.aa-feature .d{color:var(--aa-muted);font-size:14px;line-height:1.6;margin:0;}
.aa-packages{display:grid;grid-template-columns:1fr 1fr;gap:16px;}
@media (max-width:840px){.aa-packages{grid-template-columns:1fr;}}
.aa-card{background:var(--aa-card);border:1px solid var(--aa-line);border-radius:calc(var(--aa-radius) + 4px);padding:22px;box-shadow:var(--aa-shadow);}
.aa-badge{display:inline-flex;align-items:center;gap:.4rem;font-size:12px;font-weight:800;padding:6px 10px;border-radius:999px;border:1px solid rgba(79,70,229,.25);background:rgba(79,70,229,.10);color:rgba(79,70,229,.95);}
.aa-price{font-size:34px;font-weight:900;letter-spacing:-.02em;margin:10px 0 6px;}
.aa-price span{font-size:14px;color:var(--aa-muted);font-weight:700;}
.aa-list{margin:12px 0 16px 18px;}
.aa-list li{margin-bottom:8px;color:#2a3350;}
.aa-mini{font-size:13px;color:var(--aa-muted);margin-top:10px;}
.aa-divider{height:1px;background:var(--aa-line);margin:18px 0;}
.aa-faq{background:#fff;border:1px solid var(--aa-line);border-radius:var(--aa-radius);padding:20px;}
details{border:1px solid var(--aa-line);border-radius:14px;padding:14px 14px;background:#fff;}
details + details{margin-top:10px;}
summary{cursor:pointer;font-weight:800;}
details p{margin:10px 0 0;color:var(--aa-muted);line-height:1.65;}
.aa-footer{padding:26px 0;color:var(--aa-muted);}
.aa-footer a{color:var(--aa-muted);}


/* --- v8 header readability + tighter spacing (edits1) --- */
.aa-nav .navbar{padding-top:.35rem !important; padding-bottom:.35rem !important;}
.aa-nav .btn{font-weight:800;}
/* Make header CTAs higher-contrast and readable */
.aa-nav .aa-btn-primary{
  background:#0b1024 !important;
  color:#ffffff !important;
  border:1px solid rgba(11,16,36,.18) !important;
}
.aa-nav .aa-btn-primary:hover{filter:brightness(1.07);}
/* Make link-style Essentials more button-like */
.aa-nav .btn.btn-link{
  color:#0b1024 !important;
  font-weight:800;
}
.aa-nav .btn.btn-link:hover{text-decoration:underline;}
/* Reduce hero top padding a bit */
.aa-hero{padding-top:62px !important;}
@media (max-width:768px){.aa-hero{padding-top:50px !important;}}


/* --- Header height tighten + logo styling (edits3) --- */
.aa-nav{padding:0 !important;}
.aa-nav .navbar{padding-top:6px !important; padding-bottom:6px !important;}
.aa-nav .navbar-section{gap:8px;}
.aa-brandwrap{display:flex; align-items:center; gap:10px;}
.aa-logo{height:28px; width:auto; display:block;}
@media (max-width:768px){
  .aa-logo{height:26px;}
  .aa-nav .navbar{padding-top:6px !important; padding-bottom:6px !important;}
}
/* Reduce extra top spacing so content starts higher */
.aa-hero{padding-top:56px !important;}
@media (max-width:768px){.aa-hero{padding-top:44px !important;}}



/* Keep it compact without forcing a hard height */
.aa-nav{
  padding:0 !important;
}
.aa-nav .navbar{
  padding-top:6px !important;
  padding-bottom:6px !important;
  min-height:54px;
  align-items:center !important;
}
.aa-nav .navbar-section{
  gap:10px;
}
/* Brand */
.aa-brandwrap{
  display:flex;
  align-items:center;
  gap:10px;
}
.aa-logo{
  height:34px !important;
  width:auto;
  display:block;
}
/* Buttons: readable, not loud */
.aa-nav .aa-btn-primary{
  background:#0b1024 !important;
  color:#fff !important;
  border:1px solid rgba(11,16,36,.14) !important;
  font-weight:800;
}
.aa-nav .btn.btn-link{
  color:#0b1024 !important;
  font-weight:800;
}
/* Slightly tighter on mobile */
@media (max-width:768px){
  .aa-nav .navbar{
    padding-top:6px !important;
    padding-bottom:6px !important;
    min-height:52px;
  }
  .aa-logo{ height:32px !important; }
}



/* Goal: compact header, bigger logo, and NO wrapping */
.aa-nav{ padding:0 !important; }
.aa-nav .navbar{
  padding-top:6px !important;
  padding-bottom:6px !important;
  min-height:56px;
  align-items:center !important;
  flex-wrap:nowrap !important;
}
.aa-nav .navbar-section{
  flex-wrap:nowrap !important;
  gap:10px;
}
.aa-nav .navbar-section a{ white-space:nowrap; }

/* Brand */
.aa-brandwrap{ display:flex; align-items:center; gap:10px; }
.aa-logo{ height:42px !important; width:auto; display:block; }

/* Make sure brand doesn't force a wrap */
.aa-brandwrap span{ font-weight:800; }

/* Buttons: readable, not loud */
.aa-nav .aa-btn-primary{
  background:#0b1024 !important;
  color:#fff !important;
  border:1px solid rgba(11,16,36,.14) !important;
  font-weight:800;
}
.aa-nav .btn.btn-link{ color:#0b1024 !important; font-weight:800; }

/* If viewport is tight, reduce link padding so they stay on one line */
.aa-nav .btn.btn-link{ padding-left:.35rem; padding-right:.35rem; }

/* Mobile: hide secondary nav links to prevent wrapping; keep Packages + CTA */
@media (max-width:768px){
  .aa-logo{ height:38px !important; }
  .aa-nav .navbar{ min-height:54px; }
  /* Hide FAQ and Legal on very small screens to avoid wrapping */
  .aa-nav a[href="#faq"], .aa-nav a[href="legal.html"]{ display:none !important; }
}


/* --- Normal header (v13) --- */
/* Clean, standard header: compact, readable, no wrap, big logo */
.aa-nav{
  position: sticky;
  top: 0;
  z-index: 50;
  background: #ffffff;
  border-bottom: 1px solid var(--aa-line);
  box-shadow: 0 6px 18px rgba(2,6,23,.06);
}
.aa-nav .navbar{
  padding: 6px 0 !important;
  min-height: 60px;
  align-items: center !important;
  flex-wrap: nowrap !important;
}
.aa-nav .navbar-section{
  flex-wrap: nowrap !important;
  gap: 12px;
}
.aa-nav .navbar-section a{ white-space: nowrap; }

/* Brand */
.aa-brandwrap{
  display:flex;
  align-items:center;
  gap: 12px;
}
.aa-logo{
  height: 54px !important;
  width:auto;
  display:block;
}
.aa-brandwrap span{
  font-size: 18px;
  font-weight: 900;
  letter-spacing: -0.02em;
}

/* CTAs */
.aa-nav .aa-btn-primary{
  background:#0b1024 !important;
  color:#ffffff !important;
  border:1px solid rgba(11,16,36,.14) !important;
  font-weight:900;
}
.aa-nav .btn.btn-link{
  color:#0b1024 !important;
  font-weight:800;
}
.aa-nav .btn.btn-link:hover{ text-decoration: underline; }

/* Keep everything on one line without dropping below */
@media (max-width: 1060px){
  .aa-brandwrap span{ display:none; }          /* preserve one-line layout */
  .aa-nav .btn.btn-link{ padding-left:.30rem; padding-right:.30rem; }
}

/* Mobile: keep header normal and uncluttered */
@media (max-width: 768px){
  .aa-nav .navbar{ min-height: 56px; }
  .aa-logo{ height: 48px !important; }
  /* Avoid wrapping on small screens */
  .aa-nav a[href="#faq"], .aa-nav a[href="legal.html"]{ display:none !important; }
}


/* --- Header fix 2026-02-06: reduce vertical height + make logo read larger --- */
.aa-nav .navbar{
  padding: 4px 0 !important;
  min-height: 52px !important;
}
.aa-logo{
  height: 44px !important;
  width: auto !important;
  display: block;
}
/* Keep the brand from adding extra line-height */
.aa-brandwrap{ line-height: 1 !important; }

@media (max-width: 768px){
  .aa-nav .navbar{ min-height: 50px !important; }
  .aa-logo{ height: 40px !important; }
}

/* --- Buttons unify 2026-02-06: match homepage primary/ghost styling sitewide --- */
.btn{
  font-weight: 800;
  letter-spacing: .2px;
  border-radius: 10px;
}

/* Primary buttons -> match .aa-btn-primary */
.btn.btn-primary,
.btn-primary{
  background: linear-gradient(135deg,var(--aa-primary),var(--aa-primary2)) !important;
  border: 0 !important;
  color: #fff !important;
}
.btn.btn-primary:hover,
.btn-primary:hover{ filter: brightness(1.05); }

/* Outline buttons -> clean readable outline that works on light sections */
.btn.btn-outline,
.btn-outline{
  background: transparent !important;
  border: 1px solid rgba(11,16,36,.28) !important;
  color: var(--aa-primary) !important;
}
.btn.btn-outline:hover,
.btn-outline:hover{
  background: rgba(11,16,36,.06) !important;
}

/* Link buttons -> improve readability across the site */
.btn.btn-link,
.btn-link{
  font-weight: 800;
  text-decoration: none !important;
  opacity: 0.92;
}
.btn.btn-link:hover,
.btn-link:hover{
  opacity: 1;
  text-decoration: underline !important;
  text-underline-offset: 3px;
}

/* Keep "hire me" style consistent if used on any page */
.btn-hire-me{ box-shadow: 0 8px 22px rgba(0,0,0,.12); }