/* ═══════════════════════════════════════════════
   BOXFORGE — VISUAL ENHANCEMENT LAYER
   ═══════════════════════════════════════════════ */

/* ── Richer background gradient ── */
.bfwrap {
  background: linear-gradient(145deg, #E8EEF2 0%, #EFEFEF 30%, #EFEFEF 60%, #C8DDE8 100%) !important;
}

/* ── Make blobs more vivid ── */
.bfwrap .bg-blob-1 {
  background: radial-gradient(circle, rgba(46,104,128,0.18) 0%, transparent 65%) !important;
  width: 900px !important; height: 900px !important;
}
.bfwrap .bg-blob-2 {
  background: radial-gradient(circle, rgba(232,113,10,0.09) 0%, transparent 65%) !important;
  width: 700px !important; height: 700px !important;
}
.bfwrap .bg-blob-3 {
  background: radial-gradient(circle, rgba(30,74,92,0.12) 0%, transparent 65%) !important;
}

/* ── Header: frosted glass glow ── */
.bfwrap .header-bar {
  background: rgba(239,239,239,0.72) !important;
  backdrop-filter: blur(18px) saturate(1.6) !important;
  -webkit-backdrop-filter: blur(18px) saturate(1.6) !important;
  border-bottom: 1px solid rgba(46,104,128,0.22) !important;
  box-shadow: 0 2px 24px rgba(30,74,92,0.08) !important;
}

/* ── Logo text: gradient ── */
.bfwrap .logo-text {
  background: linear-gradient(135deg, #1A1520 0%, #2E6880 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
}

/* ── Status pill: animated glow pulse ── */
.bfwrap .status-pill {
  border-color: rgba(232,113,10,0.35) !important;
  animation: pill-pulse 2.5s ease infinite !important;
}
@keyframes pill-pulse {
  0%,100% { box-shadow: 0 0 10px rgba(232,113,10,0.15), inset 0 0 8px rgba(46,104,128,0.05); }
  50%      { box-shadow: 0 0 22px rgba(232,113,10,0.32), inset 0 0 8px rgba(46,104,128,0.08); }
}

/* ── Hero headline: depth and glow ── */
.bfwrap h1.hero-headline .line-gray {
  color: #9BA8B0 !important;
  text-shadow: 1px 2px 0 rgba(0,0,0,0.06);
}
.bfwrap h1.hero-headline .line-teal-h {
  text-shadow: 0 2px 32px rgba(46,104,128,0.22), 0 1px 0 rgba(46,104,128,0.1);
}
.bfwrap h1.hero-headline .line-teal-h::after {
  height: 4px !important;
  background: linear-gradient(90deg, #E8710A, #2E6880, #E8710A) !important;
  background-size: 200% !important;
  animation: grow-line 1.3s ease 1.2s forwards, shimmer-line 3s ease-in-out 2.5s infinite !important;
}
@keyframes shimmer-line {
  0%,100% { background-position: 0% 50%; }
  50%      { background-position: 100% 50%; }
}

/* ── Eyebrow line: shimmer ── */
.bfwrap .eyebrow-line {
  background: linear-gradient(90deg, #2E6880, #E8710A, #2E6880) !important;
  background-size: 200% !important;
  animation: shimmer-eyebrow 3s ease-in-out infinite !important;
  height: 2px !important;
}
@keyframes shimmer-eyebrow {
  0%,100% { background-position: 0% 50%; }
  50%      { background-position: 100% 50%; }
}

/* ── Corner marks: brighter amber ── */
.bfwrap .corner-tl, .bfwrap .corner-tr,
.bfwrap .corner-bl, .bfwrap .corner-br {
  border-color: rgba(232,113,10,0.5) !important;
}

/* ── Pulse rings: glowing dots ── */
.bfwrap .ring-1 {
  border-color: rgba(46,104,128,0.35) !important;
  box-shadow: 0 0 0 1px rgba(46,104,128,0.06);
}
.bfwrap .ring-2 {
  border-color: rgba(232,113,10,0.18) !important;
}
.bfwrap .ring-1::after {
  box-shadow: 0 0 14px 3px #E8710A, 0 0 4px 1px rgba(255,255,255,0.5) !important;
  width: 10px !important; height: 10px !important; top: -5px !important;
}
.bfwrap .ring-2::after {
  box-shadow: 0 0 12px 3px #2E6880, 0 0 4px 1px rgba(255,255,255,0.4) !important;
  width: 10px !important; height: 10px !important; top: -5px !important;
}

/* ── Cube: richer shadow ── */
.bfwrap .cube-frame svg.main-cube {
  filter: drop-shadow(0 20px 56px rgba(30,74,92,0.38))
          drop-shadow(0 4px 16px rgba(46,104,128,0.26))
          drop-shadow(0 -2px 8px rgba(232,113,10,0.12)) !important;
}

/* ── Stat grid: glass card treatment ── */
.bfwrap .stats-grid {
  background: rgba(30,74,92,0.22) !important;
  border-color: rgba(30,74,92,0.28) !important;
  box-shadow: 0 8px 32px rgba(30,74,92,0.12), inset 0 1px 0 rgba(255,255,255,0.4) !important;
}
.bfwrap .stat-cell {
  background: rgba(239,239,239,0.75) !important;
  position: relative;
  overflow: hidden;
  transition: background 0.3s, transform 0.2s !important;
}
.bfwrap .stat-cell::before {
  content: '';
  position: absolute;
  inset: 0;
  background: linear-gradient(145deg, rgba(255,255,255,0.4) 0%, transparent 60%);
  pointer-events: none;
}
.bfwrap .stat-cell:hover {
  background: rgba(46,104,128,0.18) !important;
  transform: translateY(-2px);
}
.bfwrap .stat-val {
  text-shadow: 0 1px 0 rgba(255,255,255,0.5) !important;
}

/* ── Mission strip ── */
.bfwrap .mission-strip {
  background: linear-gradient(135deg, rgba(200,225,238,0.5) 0%, rgba(210,230,238,0.4) 100%) !important;
  border-top: 1px solid rgba(46,104,128,0.2) !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,0.5) !important;
}
.bfwrap .mission-quote em {
  text-shadow: 0 0 20px rgba(232,113,10,0.3) !important;
}

/* ── Positioning strip & feature cards ── */
.bfwrap .positioning-strip {
  background: linear-gradient(135deg, rgba(195,220,234,0.45) 0%, rgba(210,230,238,0.35) 100%) !important;
  border-top: 1px solid rgba(46,104,128,0.18) !important;
}
.bfwrap .pos-item {
  padding: 24px;
  background: rgba(239,239,239,0.45);
  border: 1px solid rgba(46,104,128,0.1);
  transition: background 0.3s, transform 0.25s, box-shadow 0.25s;
  position: relative;
  overflow: hidden;
}
.bfwrap .pos-item::before {
  content: '';
  position: absolute;
  inset: 0;
  background: linear-gradient(145deg, rgba(255,255,255,0.35) 0%, transparent 55%);
  pointer-events: none;
}
.bfwrap .pos-item:hover {
  background: rgba(46,104,128,0.1) !important;
  transform: translateY(-4px) !important;
  box-shadow: 0 12px 32px rgba(30,74,92,0.14) !important;
}
.bfwrap .pos-num {
  text-shadow: 0 0 12px rgba(232,113,10,0.3) !important;
}

/* ── Scroll-triggered fade-in for cards & stats ── */
/* Items start visible; JS adds .bfx-animate class on body to enable animations */
body.bfx-animate .bfwrap .pos-item,
body.bfx-animate .bfwrap .stat-cell {
  opacity: 0;
  transform: translateY(18px);
}
.bfwrap .pos-item.bfx-visible,
.bfwrap .stat-cell.bfx-visible {
  opacity: 1 !important;
  transform: translateY(0) !important;
  transition: opacity 0.6s ease, transform 0.6s ease,
              background 0.3s, box-shadow 0.25s;
}
.bfwrap .pos-item.bfx-visible:hover {
  transform: translateY(-4px) !important;
}

/* ── Ticker: gradient, bolder ── */
.bfwrap .ticker {
  background: linear-gradient(90deg, #1E4A5C 0%, #2E6880 50%, #1E4A5C 100%) !important;
  padding: 12px 0 !important;
  box-shadow: 0 -2px 16px rgba(30,74,92,0.2), 0 2px 16px rgba(30,74,92,0.2) !important;
}
.bfwrap .ticker-item {
  font-size: 1.1rem !important;
  opacity: 1 !important;
  letter-spacing: 0.16em !important;
}
.bfwrap .ticker-item::after {
  text-shadow: 0 0 8px rgba(232,113,10,0.5) !important;
}

/* ── Email button: gradient + hover glow ── */
.bfwrap .email-btn {
  background: linear-gradient(135deg, #1E4A5C 0%, #2E6880 100%) !important;
  box-shadow: 0 4px 16px rgba(30,74,92,0.25) !important;
  transition: all 0.2s !important;
}
.bfwrap .email-btn:hover {
  background: linear-gradient(135deg, #2E6880 0%, #1E4A5C 100%) !important;
  box-shadow: 0 6px 24px rgba(30,74,92,0.35), 0 0 0 2px rgba(232,113,10,0.3) !important;
  transform: translateY(-2px) !important;
}

/* ── Footer ── */
.bfwrap .footer {
  border-top: 1px solid rgba(46,104,128,0.15) !important;
  background: linear-gradient(to bottom, rgba(200,221,232,0.2), transparent) !important;
}