:root{--header-h:56px;--nav-py:6px;}
/* Background gradient tuned: like original, but middle band less bright */
html, body {
margin: 0;
  /* removed legacy body top offset */ */ */
}
body {
margin: 0;
}


/* Logo positioning */




/* --- Header + Nav (no header background) --- */


.primary-nav {
margin: 0;  /* agent-opt: nav Y -25% */ margin-top: 0px; background: transparent;

padding:var(--nav-py) 16px; /* agent-opt */
}
.primary-nav ul {
list-style: none; display: flex; gap: 8px; margin: 0; padding: 0;
}
.primary-nav a { display:inline-block; text-decoration:none; color:#d4af37; font-weight:700;  background:transparent; border:none; 
line-height:1; /* agent-opt */
padding:6px 8px; /* agent-opt */
}
.primary-nav a:hover, .primary-nav a:focus {
  outline: none;
  
}
@media (max-width: 720px) {
  
  .primary-nav ul {
list-style: none; display: flex; gap: 8px; margin: 0; padding: 0;
}
  .primary-nav a { display:inline-block; text-decoration:none; color:#d4af37; font-weight:700; padding:6px 8px; background:transparent; border:none; }
}


/* Under construction page styling */
.under-construction {
  min-height: 100vh;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
}
.under-construction h1 {
  color: #ffffff;
  font-family: system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
  font-weight: 700;
}


/* Banner buttons with lighter gold background */
.primary-nav a.btn-banner {
  background-color: #f9e79f;
  color: #000000;
  border-radius: 4px;
  padding: 4px 8px; /* tighter padding */
}
.primary-nav a.btn-banner:hover {
  background-color: #f7dc6f;
}


/* Request Consult banner specific styling */
.primary-nav a[href="request-consult.html"].btn-banner {
  background-color: #d4af37;
  color: #1e803b;
  border-radius: 4px;
  padding: 4px 8px;
}
.primary-nav a[href="request-consult.html"].btn-banner:hover {
  background-color: #b8860b;
}


/* Request Consult banner update */
.primary-nav a[href="request-consult.html"].btn-banner {
  background-color: #d4af37;
  color: #0e4a31;
  border-radius: 4px;
  padding: 4px 8px;
}
.primary-nav a[href="request-consult.html"].btn-banner:hover {
  background-color: #f9e79f;
}


/* Synced Request Consult and Sign In styling */
.primary-nav a[href="request-consult.html"].btn-banner {
  background-color: #d4af37;
  color: #0e4a31;
  border-radius: 4px;
  padding: 4px 8px;
}
.primary-nav a[href="request-consult.html"].btn-banner:hover {
  background-color: #f7dc6f;
}

.primary-nav a[href="sign-in.html"].btn-banner {
  background-color: #f9e79f; /* keep Sign In background lighter gold */
  color: #0e4a31;
  border-radius: 4px;
  padding: 4px 8px;
}
.primary-nav a[href="sign-in.html"].btn-banner:hover {
  background-color: #f7dc6f;
}


/* Hero section styling */
.hero {
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 80vh;
  text-align: center;
  padding: 2rem;
}
.hero h1 {
  color: #ffffff;
  font-weight: 700;
  font-size: clamp(2rem, 5vw, 3.5rem);
  line-height: 1.3;
  max-width: 1000px;
  margin: 0 auto;
}

/* HERO NOWRAP FIX */
.hero h1{word-break:normal;overflow-wrap:normal;max-width:1200px}


/* === Hero Emphasis Enhancements === */
.hero {
  position: relative;
}
/* Subtle radial vignette behind the text for contrast */
.hero::before {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  background: radial-gradient(60% 50% at 50% 45%, rgba(0,0,0,0.25) 0%, rgba(0,0,0,0.10) 40%, rgba(0,0,0,0.0) 70%);
  z-index: 0;
}
.hero h1 {
  position: relative;
  z-index: 1;
  font-weight: 800;                 /* stronger weight */
  letter-spacing: 0.01em;           /* subtle tracking for clarity */
  line-height: 1.2;                 /* tighten lines without altering breaks */
  /* Simulated stroke + depth using layered shadows */
  text-shadow:
    /* subtle dark outline for crisp edges (stroke simulation) */
    -1px 0 0 rgba(10,58,41,0.85),
     1px 0 0 rgba(10,58,41,0.85),
     0 -1px 0 rgba(10,58,41,0.85),
     0  1px 0 rgba(10,58,41,0.85),
    /* soft lift/glow for readability over gradient */
     0 2px 4px rgba(0,0,0,0.35),
     0 8px 18px rgba(0,0,0,0.25);
}
@media (max-width: 720px) {
  .hero h1 {
    line-height: 1.25;
    letter-spacing: 0.005em;
  }
}


/* append gold glow to existing shadows */
  text-shadow:
    -1px 0 0 rgba(10,58,41,0.85),
     1px 0 0 rgba(10,58,41,0.85),
     0 -1px 0 rgba(10,58,41,0.85),
     0  1px 0 rgba(10,58,41,0.85),
     0 2px 4px rgba(0,0,0,0.35),
     0 8px 18px rgba(0,0,0,0.25),
     0 0 12px rgba(212,175,55,0.65), /* gold glow */
     0 0 24px rgba(212,175,55,0.45);
}

/* === Targeted Hero Glow Fix === */
.hero h1 {
  font-weight: 800;
  letter-spacing: 0.01em;
  line-height: 1.2;
}
.hero h1 span.glow {
  text-shadow:
     -1px 0 0 rgba(10,58,41,0.85),
      1px 0 0 rgba(10,58,41,0.85),
      0 -1px 0 rgba(10,58,41,0.85),
      0  1px 0 rgba(10,58,41,0.85),
      0 2px 4px rgba(0,0,0,0.35),
      0 8px 18px rgba(0,0,0,0.25),
      0 0 12px rgba(212,175,55,0.65),
      0 0 24px rgba(212,175,55,0.45);
}

/* HERO GLOW SCOPE FIX v2 */
.hero h1 {
  /* stroke only, no soft glow */
  text-shadow:
    -1px 0 0 rgba(10,58,41,0.85),
     1px 0 0 rgba(10,58,41,0.85),
     0 -1px 0 rgba(10,58,41,0.85),
     0  1px 0 rgba(10,58,41,0.85);
}


/* Line-specific hero styling */
.hero h1 span.line2 {
  color: #d4af37;
  text-shadow: none; /* no glow */
}

.hero h1 span.glow-strong {
  text-shadow:
      -1px 0 0 rgba(10,58,41,0.98),  1px 0 0 rgba(10,58,41,0.98),  0 -1px 0 rgba(10,58,41,0.98),  0  1px 0 rgba(10,58,41,0.98),  0 3px 8px rgba(0,0,0,0.55),  0 14px 32px rgba(0,0,0,0.45),  0 0 22px rgba(212,175,55,0.95),  0 0 42px rgba(212,175,55,0.80),  0 0 64px rgba(212,175,55,0.55)}


/* === Hero Line Realign === */
.hero h1 span.line2 { display: block; }
.hero h1 span.line3 { display: block; text-align: center; margin-left: 2rem; }
.hero h1 span.line4 { display: block; text-align: center; margin-left: 4rem; }

.hero h1 span.glow-strong {
  display: block;
  margin-top: 0.5rem;
  text-shadow:
     -1px 0 0 rgba(10,58,41,1),
      1px 0 0 rgba(10,58,41,1),
      0 -1px 0 rgba(10,58,41,1),
      0  1px 0 rgba(10,58,41,1),
      0 4px 12px rgba(0,0,0,0.65),
      0 16px 36px rgba(0,0,0,0.55),
      0 0 26px rgba(212,175,55,1),
      0 0 48px rgba(212,175,55,0.95),
      0 0 72px rgba(212,175,55,0.85);
}

/* === Pixel Perfect Hero Alignment === */
.hero h1 span.line2,
.hero h1 span.line3,
.hero h1 span.line4 {
  display: block;
  width: 100%;
}
.hero h1 span.line2 { text-align: center; }
.hero h1 span.line3 { text-align: center; margin-top: 0.2rem; }
.hero h1 span.line4 { text-align: center; margin-top: 0.2rem; }

/* Enhanced glow for line 5 */
.hero h1 span.glow-strong {
  display: block;
  text-align: center;
  margin-top: 0.6rem;
  text-shadow:
     -2px 0 0 rgba(10,58,41,1),
      2px 0 0 rgba(10,58,41,1),
      0 -2px 0 rgba(10,58,41,1),
      0  2px 0 rgba(10,58,41,1),
      0 5px 14px rgba(0,0,0,0.75),
      0 18px 40px rgba(0,0,0,0.65),
      0 0 30px rgba(212,175,55,1),
      0 0 60px rgba(212,175,55,0.95),
      0 0 90px rgba(212,175,55,0.85),
      0 0 120px rgba(212,175,55,0.75);
}


/* === Hero spacing + stronger glow (v3) === */
.hero h1 { line-height: 1.12; margin: 0; }
.hero h1 span { display: block; margin: 0; }
.hero h1 .line2, .hero h1 .line3, .hero h1 .line4, .hero h1 .line5, .hero h1 .line6 { text-align: left; }
.hero h1 .line6.glow-strong {
  text-shadow:
     -2px 0 0 rgba(10,58,41,1),
      2px 0 0 rgba(10,58,41,1),
      0 -2px 0 rgba(10,58,41,1),
      0  2px 0 rgba(10,58,41,1),
      0 6px 16px rgba(0,0,0,0.78),
      0 22px 46px rgba(0,0,0,0.62),
      0 0 34px rgba(212,175,55,1),
      0 0 72px rgba(212,175,55,0.96),
      0 0 120px rgba(212,175,55,0.85);
}
/* preserve existing stroke-only base on lines without glow */
.hero h1 { text-shadow:
    -1px 0 0 rgba(10,58,41,0.85),
     1px 0 0 rgba(10,58,41,0.85),
     0 -1px 0 rgba(10,58,41,0.85),
     0  1px 0 rgba(10,58,41,0.85);
}
@media (max-width: 640px) {
  .hero h1 { line-height: 1.15; }
  .hero h1 .line2, .hero h1 .line3, .hero h1 .line4 { font-size: 0.96em; }
}


/* nudged left so "Grow" centers under Work */
.hero h1 .line4 { text-align: center; transform: translateX(0.6em); }  /* nudged right so "Live" centers under Profit */
.hero h1 .line5 { text-align: center; margin-top: 0.25rem; }
.hero h1 .line6 { text-align: center; margin-top: 0.25rem; }


/* Reduce Work in logo gold */
.hero h1 .line3 .w1 { display:inline-block; transform: translateX(1.1em); } /* center "Grow" under "Work" */
.hero h1 .line4 .w1 { display:inline-block; transform: translateX(1.0em); } /* center "Live" under "Profit" */
.hero h1 .line5 { margin-top: 0.15rem; }
.hero h1 .line6 { margin-top: 0.15rem; }
/* keep strong glow from prior build */


/* === Clean Hero v1 === */
.hero-text {
  text-align: center;
  line-height: 1.1;
  margin: 0;
  font-weight: 700;
}
.hero-text div { margin: 0.3rem 0; }
.hero-text .gold { color: #d4af37; }
.hero-text .glow-strong {
  color: #fff;
  text-shadow: 0 0 10px #d4af37, 0 0 20px #d4af37, 0 0 30px #d4af37;
}


/* === Gold + Right Shift v1 === */
.hero-text .gold { color: #d4af37; }
.hero-text .shift-right { transform: translateX(3em); display:inline-block; }


/* === Hero: one-element-per-line (clean) === */
.hero-text { text-align: center; line-height: 1.08; margin: 0; font-weight: 700; }
.hero-text .line { display: block; margin: 0.2rem 0; white-space: nowrap; }
.hero-text .line2, .hero-text .line3, .hero-text .line4 { transform:translateX(2.5em); } /* gold */
.hero-text .line3 { transform:translateX(0em); } /* shift right */
.hero-text .line4 { transform:translateX(2.5em); } /* shift right */



/* === Hero Lines Fixed v2 === */
.hero-text { text-align: center; line-height: 1.08; margin: 0; font-weight: 700; }
.hero-text .line { display: block; margin: 0.25rem 0; white-space: nowrap; }
.hero-text .line2, .hero-text .line3, .hero-text .line4 { transform:translateX(2.5em); }
.hero-text .line3 { transform:translateX(0em); }
.hero-text .line4 { transform:translateX(2.5em); }



/* === Hero Lines Fixed v5 === */
.hero-text { text-align: center; line-height: 1.08; margin: 0; font-weight: 700; }
.hero-text .line { display: block; margin: 0.25rem 0; white-space: nowrap; }
.hero-text .gold { color: #d4af37; }



/* adjust to align with line1's left edge */
  transform: none !important;
}


/* lower line 4 */
}


/* Lamp 'shine' on text using gradient clip */
  background: linear-gradient(to bottom, rgba(255,255,255,0.95) 0%, rgba(255,255,255,1) 40%, rgba(230,230,230,0.85) 60%, rgba(200,200,200,0.65) 100%);
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
  color: transparent;
  /* Soft top highlight + subtle under-shadow for lit effect */
  text-shadow:
    0 -3px 8px rgba(255,255,210,0.65),
    0  1px 0 rgba(0,0,0,0.15),
    0  3px 6px rgba(0,0,0,0.25);
}


/* gold */
  text-shadow: none !important;
}


/* === Hero Gold Shine v1 === */



}


/* keep shimmer gradient from previous build */
  text-shadow:
    0 0 8px rgba(255, 215, 0, 0.7),
    0 0 15px rgba(255, 223, 100, 0.5),
    0 0 25px rgba(255, 255, 200, 0.3);
}


/* === Hero Gold Glimmer v2 === */



/* === Hero Shimmer + Glow v1 === */
.hero-text .line6 {
  text-align: center !important;
  font-style: italic;
  /* Metallic shimmer */
  background: linear-gradient(90deg, #d4af37, #ffd700, #fff8dc, #d4af37);
  background-size: 200% auto;
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
  color: transparent;
  animation: shine 4s linear infinite;
  /* Glowing aura */
  text-shadow:
    0 0 12px rgba(255, 215, 0, 0.9),
    0 0 22px rgba(255, 223, 100, 0.75),
    0 0 38px rgba(255, 255, 200, 0.5);
}
@keyframes shine { to { background-position: 200% center; } }


/* === Glass Header (no bottom line, tighter padding) === */
html body 
html body .site-header .inner{ padding-top:2px !important; /* agent-opt */ /* agent-opt */ padding-bottom:2px !important; /* agent-opt */ /* agent-opt */ }

/* Top of page: light gloss + strong blur, NO inner stroke */
html body:not(.scrolled) 
html body:not(.scrolled) .site-header::before{
  content:""; position:absolute; inset:0; pointer-events:none;
  background: linear-gradient(to bottom,
    rgba(255,255,255,0.22) 0%,
    rgba(255,255,255,0.10) 12%,
    rgba(255,255,255,0.00) 38%);
  opacity:.28;
}

/* Scrolled: keep very light glass (no line) */
html body.scrolled 
html body.scrolled .site-header::before{ opacity: .12; }


/* === Glass Header: 1px padding, +50% transparency, no border/line === */
html body 
html body .site-header .inner{ padding-top:1px !important; /* agent-opt */ /* agent-opt */ padding-bottom:1px !important; /* agent-opt */ /* agent-opt */ }

/* Top of page: lighter glass, same blur */
html body:not(.scrolled) 
html body:not(.scrolled) .site-header::before{
  content:""; position:absolute; inset:0; pointer-events:none;
  background: linear-gradient(to bottom,
    rgba(255,255,255,0.14) 0%,
    rgba(255,255,255,0.06) 12%,
    rgba(255,255,255,0.00) 38%);
  opacity:.24;
}

/* Scrolled: keep ultra-light glass (also 50% lighter) */
html body.scrolled 
html body.scrolled .site-header::before{ opacity: .08; }

/* agent-opt v5: headerless top nav */
.primary-nav {
  position: absolute; /* was inside absolute header; keep same visual behavior */
  top: 0; left: 0; right: 0;
  z-index: 10;
  background: transparent;
}
/* Make sure the UL stays centered and horizontal as before */
.primary-nav ul { margin: 0 auto; }
/* Optional: ensure page content does not hide under nav if not using absolute */
.main, .hero, section:first-of-type {
  position: relative;
}


/* agent-opt v6: headerless, minimal, fixed top nav */
.primary-nav {
  position: fixed;
  top: 0; left: 0; right: 0;
  z-index: 100;
  padding: 4px 16px; /* minimal vertical padding */
  background: transparent;
  display: flex;
  justify-content: flex-end;
  align-items: center;
}

.primary-nav ul {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  gap: 16px;
  align-items: center;
}

.primary-nav li { margin: 0; padding: 0; }

.primary-nav a {
  display: inline-block;
  text-decoration: none;
  line-height: 1;
  padding: 6px 8px; /* keep button look */
  background: transparent;
  border: none;
}


/* agent-opt v6.2: tighten top spacing on About pages */
.header-offset{display:none !important;height:0 !important;margin:0 !important;padding:0 !important;}
.ai-page{min-height:auto !important;display:block !important;margin-top:0 !important;padding-top:8px !important;}
.ai-page h1:first-of-type{margin-top:0 !important;padding-top:0 !important;}
.wrap-about, .ai-wrap, .content, section:first-of-type{margin-top:0 !important;padding-top:0 !important;}

/* === Added by ChatGPT: Header logo placement === */
.site-logo {
  position: absolute;
  top: 12px;
  left: 16px;
  display: block;
  line-height: 0;
  z-index: 20;
}
.site-logo img{
  height: 56px; /* about the size of inner bottom circles */
  width: auto;
  display: block;
}
@media (max-width: 720px){
  .site-logo img{ height: 48px; }
}
/* push nav slightly right so it doesn't overlap on small screens */
.primary-nav{ padding-left: 96px; }
@media (max-width: 720px){
  .primary-nav{ padding-left: 72px; }
}