/* BuilderLab banner palette: graphite, electric lime, technical cyan, and white. */
:root {
  --bg: #050706;
  --bg-2: #0a0d0c;

  --glass: rgba(18, 23, 21, 0.62);
  --glass-strong: rgba(24, 30, 27, 0.76);
  --glass-2: rgba(9, 13, 12, 0.7);
  --glass-grad: linear-gradient(165deg, rgba(29, 36, 33, 0.68), rgba(9, 13, 12, 0.78));
  --card-grad: var(--glass-grad);
  --card: var(--glass);
  --card-2: var(--glass-2);
  --card-top: var(--glass-strong);

  --border: rgba(199, 240, 0, 0.19);
  --border-soft: rgba(255, 255, 255, 0.075);
  --hair: rgba(255, 255, 255, 0.1);

  --text: #f3f6f4;
  --muted: #b4bfbb;
  --faint: #7f8d88;

  --lime: #c7f000;
  --lime-bright: #dcff25;
  --lime-dark: #88a900;
  --lime-soft: rgba(199, 240, 0, 0.14);
  --cyan: #25c8ef;
  --cyan-bright: #6de5ff;
  --neon-1: var(--lime);
  --neon-2: #a7d000;
  --neon-3: var(--cyan);
  --accent: var(--lime);
  --accent-bright: var(--lime-bright);
  --red: var(--lime);
  --red-dark: var(--lime-dark);
  --red-soft: var(--lime-soft);
  --neon-grad: linear-gradient(135deg, #a7d000 0%, var(--lime) 52%, var(--lime-bright) 100%);

  --glow: 0 0 0 1px rgba(199, 240, 0, 0.18), 0 0 24px -4px rgba(199, 240, 0, 0.42);
  --shadow-card: 0 1px 0 rgba(255, 255, 255, 0.06) inset, 0 24px 60px -30px rgba(0, 0, 0, 0.96), 0 0 42px -32px rgba(199, 240, 0, 0.38);
}

body {
  background:
    radial-gradient(980px 640px at 62% -12%, rgba(199, 240, 0, 0.12), transparent 68%),
    radial-gradient(800px 560px at 100% 20%, rgba(37, 200, 239, 0.08), transparent 70%),
    var(--bg);
}

.navbar {
  background: rgba(5, 7, 6, 0.82);
  border-bottom-color: rgba(199, 240, 0, 0.18);
}

.logo-lockup {
  filter: drop-shadow(0 0 13px rgba(199, 240, 0, 0.3));
}

.blob { opacity: 0.13; }
.b1 { background: radial-gradient(circle, var(--lime), transparent 62%); }
.b2 { background: radial-gradient(circle, var(--cyan), transparent 62%); }
.b3 { background: radial-gradient(circle, #f7f7f7, transparent 65%); opacity: 0.045; }

button:hover,
.ghost-btn:hover {
  border-color: rgba(199, 240, 0, 0.56);
}

.primary,
.cta {
  color: #0b0e08;
  text-shadow: none;
  box-shadow: 0 0 22px -5px rgba(199, 240, 0, 0.58);
}

.primary:hover,
.cta:hover {
  box-shadow: 0 0 32px -3px rgba(199, 240, 0, 0.72);
}

.hero-title em,
.lp-ai-title em,
.lp-2k27-title em {
  background: linear-gradient(135deg, #ffffff 0%, var(--lime-bright) 42%, var(--lime) 78%, #88a900 100%);
  -webkit-background-clip: text;
  background-clip: text;
}

.lp-2k27-card {
  background: linear-gradient(135deg, rgba(199, 240, 0, 0.1), rgba(37, 200, 239, 0.06));
  border-color: rgba(199, 240, 0, 0.32);
  box-shadow: 0 18px 50px -26px rgba(199, 240, 0, 0.5), inset 0 1px 0 rgba(255, 255, 255, 0.065);
}

.lp-2k27-card::before {
  background: radial-gradient(120% 150% at 100% 0%, rgba(37, 200, 239, 0.16), transparent 55%);
}

.lp-2k27-badge,
.lp-ai-badge {
  color: var(--lime-bright);
  background: rgba(199, 240, 0, 0.1);
  border-color: rgba(199, 240, 0, 0.34);
}

.lp-ai {
  background: linear-gradient(135deg, rgba(199, 240, 0, 0.07), rgba(37, 200, 239, 0.05));
  border-color: rgba(199, 240, 0, 0.28);
}

.lp-ai-glow {
  background: radial-gradient(circle, rgba(199, 240, 0, 0.25), transparent 65%);
}

.lp-step-n,
.lp-ai-cbchip {
  color: var(--lime-bright);
  background: rgba(199, 240, 0, 0.11);
  border-color: rgba(199, 240, 0, 0.32);
}

.lp-ai-prompt,
.lp-ai-result {
  background: rgba(7, 11, 10, 0.92);
  border-color: rgba(199, 240, 0, 0.28);
  box-shadow: 0 12px 42px -18px rgba(199, 240, 0, 0.42);
}

.lp-ai-go,
.lp-ai-check,
.lp-ai-result-ovr,
.lp-ai-result-foot {
  color: var(--lime-bright);
}

.lp-fcard { --fc: var(--cyan) !important; }
.lp-fcard:nth-child(2) { --fc: var(--lime) !important; }
.lp-fcard:nth-child(3) { --fc: var(--cyan-bright) !important; }
.lp-fcard:hover { border-color: color-mix(in srgb, var(--fc) 48%, transparent); }

.lp-tag-free,
.lp-tag-pro {
  color: var(--lime-bright);
  background: rgba(199, 240, 0, 0.1);
  border-color: rgba(199, 240, 0, 0.3);
}

.lp-ovr {
  border-color: rgba(37, 200, 239, 0.42);
  background: radial-gradient(circle at 50% 35%, rgba(37, 200, 239, 0.17), rgba(7, 11, 10, 0.94));
}

.lp-bar-t i,
.lp-gen-mt i {
  background: linear-gradient(90deg, #88a900, var(--lime) 58%, var(--lime-bright)) !important;
  box-shadow: 0 0 10px -1px rgba(199, 240, 0, 0.68) !important;
}

.lp-cb-dot,
.lp-g-dot {
  background: var(--lime);
  box-shadow: 0 0 8px rgba(199, 240, 0, 0.86);
}

.lp-grade-ring circle[stroke="#a855f7"] { stroke: var(--cyan); }
.lp-grade-big,
.lp-grade-row b,
.lp-gen-pct { color: var(--cyan-bright) !important; }
.lp-gen-1 .lp-gen-rank {
  background: linear-gradient(135deg, var(--lime-bright), #a7d000);
  color: #0b0e08;
  box-shadow: 0 0 12px -2px rgba(199, 240, 0, 0.72);
}

.sf-logo img {
  filter: drop-shadow(0 0 12px rgba(199, 240, 0, 0.28));
}