/* ══════════════════════════════════════════════════════════════
   Delta Efficiency — Futuristic Design System v1.0
   Dark neon theme · Glassmorphism · 3D depth · HUD elements
   ══════════════════════════════════════════════════════════════ */

/* ── FUTURISTIC CSS VARIABLES ────────────────────────────────── */
:root {
  --fu-bg:          #030712;
  --fu-bg2:         #080f1e;
  --fu-bg3:         #0d1527;
  --fu-navy:        #0a0e1a;
  --fu-cyan:        #00f3ff;
  --fu-cyan-dim:    rgba(0,243,255,0.15);
  --fu-cyan-glow:   rgba(0,243,255,0.35);
  --fu-magenta:     #ff0077;
  --fu-magenta-dim: rgba(255,0,119,0.15);
  --fu-red:         #c0392b;
  --fu-red-neon:    #ff3855;
  --fu-green-neon:  #00ff88;
  --fu-gold-neon:   #ffcc00;
  --fu-purple:      #7b2fff;
  --fu-white:       #e8f4ff;
  --fu-muted:       #4a6080;
  --fu-text:        #a8c4d8;
  --fu-border:      rgba(0,243,255,0.12);
  --fu-border-hot:  rgba(0,243,255,0.5);
  --fu-glass:       rgba(8,15,30,0.75);
  --fu-glass-light: rgba(255,255,255,0.04);
  --fu-radius:      8px;
  --fu-radius-lg:   16px;
  --fu-radius-xl:   24px;
  --fu-ease:        cubic-bezier(0.25,1,0.5,1);
  --fu-ease-spring: cubic-bezier(0.34,1.56,0.64,1);
}

/* ── KEYFRAME ANIMATIONS ─────────────────────────────────────── */
@keyframes fu-flicker {
  0%,100%{opacity:1;} 2%{opacity:.7;} 4%{opacity:1;} 60%{opacity:1;} 62%{opacity:.8;} 64%{opacity:1;}
}
@keyframes fu-scan {
  0%{transform:translateY(-100%);}100%{transform:translateY(100vh);}
}
@keyframes fu-pulse-ring {
  0%{transform:scale(1);opacity:.6;}100%{transform:scale(2.5);opacity:0;}
}
@keyframes fu-data-stream {
  0%{background-position:0% 0%;}100%{background-position:0% 100%;}
}
@keyframes fu-glow-breathe {
  0%,100%{box-shadow:0 0 20px var(--fu-cyan-glow);}
  50%{box-shadow:0 0 50px var(--fu-cyan-glow),0 0 100px rgba(0,243,255,0.15);}
}
@keyframes fu-orbit {
  from{transform:rotate(0deg) translateX(120px) rotate(0deg);}
  to{transform:rotate(360deg) translateX(120px) rotate(-360deg);}
}
@keyframes fu-float-y {
  0%,100%{transform:translateY(0);} 50%{transform:translateY(-18px);}
}
@keyframes fu-spin-slow {
  from{transform:rotate(0deg);}to{transform:rotate(360deg);}
}
@keyframes fu-slide-right {
  from{transform:translateX(-100%);opacity:0;}to{transform:translateX(0);opacity:1;}
}
@keyframes fu-count-up {
  from{opacity:0;transform:translateY(12px);}to{opacity:1;transform:translateY(0);}
}
@keyframes fu-ticker {
  from{transform:translateX(0);}to{transform:translateX(-50%);}
}
@keyframes fu-border-flow {
  0%{background-position:0% 50%;}50%{background-position:100% 50%;}100%{background-position:0% 50%;}
}
@keyframes fu-neon-flicker {
  0%,19%,21%,23%,25%,54%,56%,100%{
    text-shadow:0 0 6px var(--fu-cyan),0 0 15px var(--fu-cyan),0 0 30px var(--fu-cyan);
  }
  20%,24%,55%{text-shadow:none;}
}
@keyframes fu-matrix-rain {
  0%{opacity:0;transform:translateY(-20px);}
  10%{opacity:1;}
  90%{opacity:.5;}
  100%{opacity:0;transform:translateY(100vh);}
}
@keyframes fu-morph-blob {
  0%,100%{border-radius:60% 40% 30% 70%/60% 30% 70% 40%;}
  25%{border-radius:30% 60% 70% 40%/50% 60% 30% 60%;}
  50%{border-radius:50% 60% 30% 60%/30% 60% 70% 40%;}
  75%{border-radius:60% 40% 60% 30%/70% 30% 50% 60%;}
}

/* ── PAGE-LEVEL DARK OVERRIDE ───────────────────────────────── */
body.fu-page {
  background: var(--fu-bg);
  color: var(--fu-text);
  overflow-x: hidden;
}
body.fu-page::before {
  content:'';
  position:fixed;inset:0;z-index:0;pointer-events:none;
  background:radial-gradient(ellipse 80% 60% at 20% 20%,rgba(0,243,255,0.04) 0%,transparent 60%),
             radial-gradient(ellipse 60% 50% at 80% 80%,rgba(255,0,119,0.04) 0%,transparent 60%);
}

/* ── SCAN LINE OVERLAY ───────────────────────────────────────── */
.fu-scanlines {
  position:fixed;inset:0;z-index:1;pointer-events:none;
  background:repeating-linear-gradient(
    0deg,transparent,transparent 2px,rgba(0,0,0,0.03) 2px,rgba(0,0,0,0.03) 4px
  );
}

/* ── HUD CORNER BRACKETS ─────────────────────────────────────── */
.fu-hud-frame {
  position:relative;
}
.fu-hud-frame::before,.fu-hud-frame::after,
.fu-hud-frame > .fu-hud-br,.fu-hud-frame > .fu-hud-bl {
  content:'';
  position:absolute;width:20px;height:20px;
}
.fu-hud-frame::before { top:0;left:0;border-top:2px solid var(--fu-cyan);border-left:2px solid var(--fu-cyan); }
.fu-hud-frame::after  { top:0;right:0;border-top:2px solid var(--fu-cyan);border-right:2px solid var(--fu-cyan); }
.fu-hud-frame > .fu-hud-br { bottom:0;right:0;border-bottom:2px solid var(--fu-cyan);border-right:2px solid var(--fu-cyan); }
.fu-hud-frame > .fu-hud-bl { bottom:0;left:0;border-bottom:2px solid var(--fu-cyan);border-left:2px solid var(--fu-cyan); }

/* ── NEON TEXT ───────────────────────────────────────────────── */
.fu-neon-cyan {
  color:var(--fu-cyan);
  text-shadow:0 0 6px var(--fu-cyan),0 0 20px var(--fu-cyan-glow);
}
.fu-neon-magenta {
  color:var(--fu-magenta);
  text-shadow:0 0 6px var(--fu-magenta),0 0 20px rgba(255,0,119,0.4);
}
.fu-neon-green {
  color:var(--fu-green-neon);
  text-shadow:0 0 6px var(--fu-green-neon),0 0 20px rgba(0,255,136,0.4);
}
.fu-neon-red {
  color:var(--fu-red-neon);
  text-shadow:0 0 8px var(--fu-red-neon),0 0 24px rgba(255,56,85,0.5);
}
.fu-gradient-text-cyan {
  background:linear-gradient(135deg,#00f3ff,#0088ff);
  -webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;
}
.fu-gradient-text-fire {
  background:linear-gradient(135deg,#ff8c00,#ff3855,#c0392b);
  -webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;
}
.fu-gradient-text-green {
  background:linear-gradient(135deg,#00ff88,#0f6e56);
  -webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;
}

/* ── GLASS CARDS ─────────────────────────────────────────────── */
.fu-glass {
  background:var(--fu-glass);
  backdrop-filter:blur(20px) saturate(180%);
  -webkit-backdrop-filter:blur(20px) saturate(180%);
  border:1px solid var(--fu-border);
  border-radius:var(--fu-radius-lg);
}
.fu-glass-hot {
  background:rgba(0,243,255,0.04);
  backdrop-filter:blur(24px);
  -webkit-backdrop-filter:blur(24px);
  border:1px solid var(--fu-border-hot);
  border-radius:var(--fu-radius-lg);
  box-shadow:0 0 30px rgba(0,243,255,0.08),inset 0 1px 0 rgba(0,243,255,0.1);
}
.fu-card {
  background:rgba(8,15,30,0.8);
  border:1px solid var(--fu-border);
  border-radius:var(--fu-radius-lg);
  transition:transform 0.4s var(--fu-ease),border-color 0.3s,box-shadow 0.3s;
  position:relative;overflow:hidden;
}
.fu-card::before {
  content:'';position:absolute;inset:0;border-radius:inherit;
  background:linear-gradient(135deg,rgba(0,243,255,0.06) 0%,transparent 50%);
  opacity:0;transition:opacity 0.3s;pointer-events:none;
}
.fu-card:hover {
  border-color:var(--fu-border-hot);
  box-shadow:0 0 30px rgba(0,243,255,0.12),0 20px 40px rgba(0,0,0,0.5);
  transform:translateY(-6px) perspective(800px) rotateX(2deg);
}
.fu-card:hover::before { opacity:1; }

/* ── DATA LINE / DIVIDER ─────────────────────────────────────── */
.fu-line {
  height:1px;
  background:linear-gradient(90deg,transparent,var(--fu-cyan),transparent);
  border:none;margin:0;
}
.fu-line-v {
  width:1px;
  background:linear-gradient(180deg,transparent,var(--fu-cyan),transparent);
}

/* ── NEON BADGE / PILL ───────────────────────────────────────── */
.fu-badge {
  display:inline-flex;align-items:center;gap:.4rem;
  padding:.25rem .75rem;border-radius:50px;
  font-size:.65rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase;
  border:1px solid var(--fu-border-hot);
  color:var(--fu-cyan);background:rgba(0,243,255,0.08);
}
.fu-badge-red {
  border-color:rgba(255,56,85,0.5);
  color:var(--fu-red-neon);background:rgba(255,56,85,0.08);
}
.fu-badge-green {
  border-color:rgba(0,255,136,0.4);
  color:var(--fu-green-neon);background:rgba(0,255,136,0.06);
}
.fu-badge-gold {
  border-color:rgba(255,204,0,0.4);
  color:var(--fu-gold-neon);background:rgba(255,204,0,0.06);
}
.fu-pulse-dot {
  width:7px;height:7px;border-radius:50%;background:var(--fu-green-neon);
  position:relative;flex-shrink:0;
}
.fu-pulse-dot::after {
  content:'';position:absolute;inset:-4px;border-radius:50%;
  background:rgba(0,255,136,0.3);
  animation:fu-pulse-ring 1.8s ease-out infinite;
}

/* ── BUTTONS ─────────────────────────────────────────────────── */
.fu-btn {
  display:inline-flex;align-items:center;justify-content:center;gap:.5rem;
  padding:.8rem 1.75rem;font-size:.88rem;font-weight:700;letter-spacing:.06em;
  border-radius:var(--fu-radius);cursor:pointer;text-decoration:none;
  position:relative;overflow:hidden;transition:all 0.25s var(--fu-ease);
  white-space:nowrap;
}
.fu-btn-cyan {
  background:transparent;
  border:1.5px solid var(--fu-cyan);
  color:var(--fu-cyan);
  box-shadow:0 0 15px rgba(0,243,255,0.2),inset 0 0 15px rgba(0,243,255,0.05);
}
.fu-btn-cyan::after {
  content:'';position:absolute;inset:0;
  background:linear-gradient(135deg,rgba(0,243,255,0.15),rgba(0,136,255,0.1));
  opacity:0;transition:opacity 0.25s;
}
.fu-btn-cyan:hover {
  color:#fff;background:rgba(0,243,255,0.12);
  box-shadow:0 0 25px rgba(0,243,255,0.5),0 0 50px rgba(0,243,255,0.2),inset 0 0 20px rgba(0,243,255,0.1);
  transform:translateY(-2px);
}
.fu-btn-cyan:hover::after{opacity:1;}

.fu-btn-red {
  background:linear-gradient(135deg,#c0392b,#a93226);
  border:1.5px solid rgba(255,56,85,0.4);
  color:#fff;
  box-shadow:0 0 20px rgba(192,57,43,0.4),0 6px 24px rgba(0,0,0,0.3);
}
.fu-btn-red:hover {
  background:linear-gradient(135deg,#e74c3c,#c0392b);
  box-shadow:0 0 35px rgba(192,57,43,0.7),0 8px 32px rgba(0,0,0,0.4);
  transform:translateY(-3px);color:#fff;
}
.fu-btn-ghost {
  background:rgba(255,255,255,0.04);
  border:1.5px solid rgba(255,255,255,0.12);
  color:rgba(255,255,255,0.8);
}
.fu-btn-ghost:hover {
  background:rgba(255,255,255,0.08);
  border-color:rgba(255,255,255,0.25);
  color:#fff;transform:translateY(-2px);
}
.fu-btn-lg {
  padding:1rem 2.25rem;font-size:.98rem;border-radius:var(--fu-radius-lg);
}
.fu-btn-xl {
  padding:1.15rem 2.5rem;font-size:1.05rem;border-radius:var(--fu-radius-lg);
}

/* ── HUD STAT CELL ───────────────────────────────────────────── */
.fu-stat-cell {
  text-align:center;padding:1.5rem 1rem;
  border-right:1px solid var(--fu-border);
  position:relative;
}
.fu-stat-cell:last-child{border-right:none;}
.fu-stat-num {
  font-family:'Calistoga',Georgia,serif;
  font-size:clamp(1.8rem,3vw,2.6rem);
  color:var(--fu-cyan);line-height:1;display:block;
  text-shadow:0 0 20px var(--fu-cyan-glow);
  animation:fu-count-up 0.6s ease both;
}
.fu-stat-lbl {
  font-size:.72rem;color:var(--fu-muted);
  font-weight:600;letter-spacing:.05em;margin-top:.4rem;
}

/* ── SECTION SCAFFOLDING ─────────────────────────────────────── */
.fu-section {
  padding:clamp(4rem,8vw,7rem) 0;
  position:relative;
}
.fu-container {
  width:100%;max-width:1200px;margin:0 auto;padding:0 1.5rem;
}
@media(min-width:1024px){.fu-container{padding:0 2rem;}}

/* ── SECTION HEADER ──────────────────────────────────────────── */
.fu-section-head {margin-bottom:3.5rem;}
.fu-section-head.center{text-align:center;}
.fu-section-head.center .fu-section-head-sub{margin:0 auto;}
.fu-section-title {
  font-family:'Calistoga',Georgia,serif;
  font-size:clamp(1.7rem,4vw,2.5rem);
  color:#e8f4ff;line-height:1.2;margin-bottom:.875rem;font-weight:400;
}
.fu-section-sub {
  font-size:clamp(.88rem,2vw,1rem);
  color:var(--fu-text);line-height:1.85;max-width:580px;
}

/* ── HERO ────────────────────────────────────────────────────── */
.fu-hero {
  position:relative;min-height:100vh;display:flex;align-items:center;
  overflow:hidden;background:var(--fu-bg);
}
.fu-hero-canvas {
  position:absolute;inset:0;z-index:0;
  width:100%;height:100%;
}
.fu-hero-bg-img {
  position:absolute;inset:0;z-index:1;
  background-size:cover;background-position:center 30%;
  opacity:0.15;
}
.fu-hero-overlay {
  position:absolute;inset:0;z-index:2;
  background:linear-gradient(135deg,rgba(3,7,18,0.97) 0%,rgba(3,7,18,0.85) 50%,rgba(3,7,18,0.7) 100%);
}
.fu-hero-grid {
  position:absolute;inset:0;z-index:2;pointer-events:none;
  background-image:
    linear-gradient(rgba(0,243,255,0.04) 1px,transparent 1px),
    linear-gradient(90deg,rgba(0,243,255,0.04) 1px,transparent 1px);
  background-size:60px 60px;
  mask-image:radial-gradient(ellipse 70% 70% at 50% 50%,black 0%,transparent 100%);
}
.fu-hero-content {
  position:relative;z-index:4;width:100%;
  padding:7rem 0 5rem;
}
.fu-hero-inner {
  max-width:1200px;margin:0 auto;padding:0 2rem;
  display:grid;grid-template-columns:1.15fr 0.85fr;gap:5rem;align-items:center;
}
@media(max-width:1024px){.fu-hero-inner{grid-template-columns:1fr;gap:3rem;}}

/* Headline */
.fu-headline {
  font-family:'Calistoga',Georgia,serif;
  font-size:clamp(2.2rem,5vw,3.8rem);
  line-height:1.08;color:#e8f4ff;margin-bottom:1.5rem;font-weight:400;
}
.fu-sub {
  font-size:clamp(.95rem,2vw,1.1rem);
  color:rgba(168,196,216,0.9);line-height:1.85;margin-bottom:2.25rem;max-width:540px;
}
@media(max-width:1024px){.fu-sub{max-width:100%;}}

/* Trust pills */
.fu-trust-row{display:flex;gap:.75rem;flex-wrap:wrap;margin-top:1.5rem;}
.fu-trust-pill {
  display:inline-flex;align-items:center;gap:.4rem;
  background:rgba(0,243,255,0.05);
  border:1px solid rgba(0,243,255,0.15);
  border-radius:6px;padding:.3rem .75rem;
  font-size:.72rem;font-weight:600;color:rgba(168,196,216,0.9);
}
.fu-trust-pill i{color:var(--fu-green-neon);font-size:.65rem;}

/* ── ROI CARD (right column of hero) ────────────────────────── */
.fu-roi-card {
  background:rgba(8,15,30,0.9);
  border:1px solid var(--fu-border-hot);
  border-radius:20px;padding:2rem;
  box-shadow:0 0 50px rgba(0,243,255,0.1),0 24px 60px rgba(0,0,0,0.5);
  position:relative;overflow:hidden;
  animation:fu-glow-breathe 4s ease-in-out infinite;
}
.fu-roi-card::before {
  content:'';position:absolute;top:0;left:0;right:0;height:1px;
  background:linear-gradient(90deg,transparent,var(--fu-cyan),transparent);
}
.fu-roi-label {
  font-size:.62rem;font-weight:900;text-transform:uppercase;
  letter-spacing:.16em;color:var(--fu-cyan);margin-bottom:.3rem;
}
.fu-roi-title{font-size:1rem;font-weight:700;color:#e8f4ff;margin-bottom:1.5rem;}
.fu-roi-field{margin-bottom:.875rem;}
.fu-roi-field label {
  display:block;font-size:.65rem;font-weight:700;
  color:var(--fu-muted);text-transform:uppercase;letter-spacing:.1em;margin-bottom:.35rem;
}
.fu-roi-input {
  width:100%;padding:.65rem 1rem;border-radius:8px;
  background:rgba(0,243,255,0.04);
  border:1.5px solid rgba(0,243,255,0.15);
  color:#e8f4ff;font-size:.92rem;font-family:inherit;outline:none;
  transition:border-color 0.2s,box-shadow 0.2s;
}
.fu-roi-input:focus {
  border-color:var(--fu-cyan);
  box-shadow:0 0 15px rgba(0,243,255,0.2);
}
.fu-roi-results {
  display:grid;grid-template-columns:1fr 1fr;gap:.75rem;margin:.875rem 0;
  background:rgba(0,243,255,0.03);border:1px solid var(--fu-border);
  border-radius:12px;padding:.875rem;
}
.fu-roi-num {
  font-family:'Calistoga',Georgia,serif;font-size:1.6rem;
  color:var(--fu-green-neon);line-height:1;
  text-shadow:0 0 12px rgba(0,255,136,0.4);
}
.fu-roi-num.gold{color:var(--fu-gold-neon);text-shadow:0 0 12px rgba(255,204,0,0.4);}
.fu-roi-lbl{font-size:.62rem;color:var(--fu-muted);margin-top:.2rem;}

/* ── STATS BAR ───────────────────────────────────────────────── */
.fu-statsbar {
  background:linear-gradient(90deg,var(--fu-bg) 0%,var(--fu-bg3) 50%,var(--fu-bg) 100%);
  border-bottom:1px solid var(--fu-border);
  border-top:1px solid var(--fu-border);
}
.fu-statsbar-grid {
  max-width:1200px;margin:0 auto;padding:0 2rem;
  display:grid;grid-template-columns:repeat(4,1fr);
}
@media(max-width:768px){.fu-statsbar-grid{grid-template-columns:repeat(2,1fr);}}

/* ── TICKER BAR ──────────────────────────────────────────────── */
.fu-ticker {
  background:var(--fu-bg2);
  border-bottom:1px solid var(--fu-border);
  padding:.65rem 0;overflow:hidden;
}
.fu-ticker-track {
  display:flex;gap:3rem;white-space:nowrap;
  animation:fu-ticker 50s linear infinite;
}
.fu-ticker-track:hover{animation-play-state:paused;}
.fu-ticker-item {
  display:inline-flex;align-items:center;gap:.5rem;
  font-size:.75rem;font-weight:600;color:var(--fu-text);flex-shrink:0;
}
.fu-ticker-item i{color:var(--fu-cyan);font-size:.65rem;}

/* ── SERVICE / BENTO GRID ────────────────────────────────────── */
.fu-bento {
  display:grid;
  grid-template-columns:repeat(3,1fr);
  grid-template-rows:repeat(2,260px);
  gap:1rem;
}
@media(max-width:900px){.fu-bento{grid-template-columns:repeat(2,1fr);grid-template-rows:auto;}}
@media(max-width:560px){.fu-bento{grid-template-columns:1fr;}}
.fu-bento-cell {
  position:relative;border-radius:16px;overflow:hidden;cursor:pointer;
  transition:transform .4s var(--fu-ease),box-shadow .4s;
  border:1px solid var(--fu-border);
}
.fu-bento-cell:nth-child(1){grid-column:1/2;grid-row:1/3;}
.fu-bento-cell:nth-child(6){grid-column:3/4;grid-row:1/3;}
.fu-bento-cell:hover {
  transform:scale(1.02);
  border-color:var(--fu-border-hot);
  box-shadow:0 0 30px rgba(0,243,255,0.15),0 16px 40px rgba(0,0,0,0.5);
}
.fu-bento-bg {
  position:absolute;inset:0;background-size:cover;background-position:center;
  transition:transform .6s ease;filter:brightness(0.55) saturate(1.2);
}
.fu-bento-cell:hover .fu-bento-bg{transform:scale(1.06);filter:brightness(0.65) saturate(1.3);}
.fu-bento-overlay {
  position:absolute;inset:0;
  background:linear-gradient(0deg,rgba(3,7,18,0.95) 0%,rgba(3,7,18,0.4) 60%,transparent 100%);
}
.fu-bento-glow {
  position:absolute;inset:0;opacity:0;transition:opacity .3s;
  background:linear-gradient(135deg,rgba(0,243,255,0.1) 0%,transparent 50%);
}
.fu-bento-cell:hover .fu-bento-glow{opacity:1;}
.fu-bento-content {
  position:absolute;bottom:0;left:0;right:0;padding:1.5rem;
  display:flex;flex-direction:column;align-items:flex-start;
}
.fu-bento-saving {
  display:inline-flex;align-items:center;gap:.3rem;
  background:rgba(192,57,43,0.85);color:#fff;
  font-size:.6rem;font-weight:800;padding:3px 8px;
  border-radius:4px;margin-bottom:.5rem;letter-spacing:.05em;
}
.fu-bento-title {
  font-size:.95rem;font-weight:800;color:#fff;
  margin-bottom:.3rem;letter-spacing:.02em;
  text-shadow:0 2px 8px rgba(0,0,0,0.8);
}
.fu-bento-desc {
  font-size:.76rem;color:rgba(168,196,216,0.9);line-height:1.5;
  max-height:0;overflow:hidden;
  transition:max-height .3s var(--fu-ease);
}
.fu-bento-cell:hover .fu-bento-desc{max-height:80px;}
.fu-bento-cell:nth-child(1) .fu-bento-desc,
.fu-bento-cell:nth-child(6) .fu-bento-desc{max-height:80px;}
.fu-bento-cell:nth-child(1) .fu-bento-content,
.fu-bento-cell:nth-child(6) .fu-bento-content{padding:2rem;}

/* ── TIMELINE ────────────────────────────────────────────────── */
.fu-timeline { display:flex;flex-direction:column;gap:0;position:relative; }
.fu-timeline::before {
  content:'';position:absolute;left:23px;top:0;bottom:0;width:1px;
  background:linear-gradient(180deg,var(--fu-cyan),rgba(0,243,255,0.1));
}
.fu-timeline-item {
  display:flex;gap:1.25rem;padding:0 0 2rem;position:relative;
  opacity:0;transform:translateX(-20px);
  transition:opacity .6s ease,transform .6s ease;
}
.fu-timeline-item.fu-visible{opacity:1;transform:translateX(0);}
.fu-timeline-dot {
  width:47px;height:47px;border-radius:50%;
  background:linear-gradient(135deg,var(--fu-bg3),var(--fu-bg2));
  border:2px solid var(--fu-cyan);
  display:flex;align-items:center;justify-content:center;
  font-family:'Calistoga',Georgia,serif;font-size:1rem;
  color:var(--fu-cyan);flex-shrink:0;z-index:1;
  box-shadow:0 0 15px rgba(0,243,255,0.3);
  transition:box-shadow .3s;
}
.fu-timeline-item:hover .fu-timeline-dot{box-shadow:0 0 30px rgba(0,243,255,0.6);}
.fu-timeline-body{padding-top:.4rem;}
.fu-timeline-body h3{font-size:.95rem;font-weight:800;color:#e8f4ff;margin-bottom:.4rem;}
.fu-timeline-body p{font-size:.83rem;color:var(--fu-text);line-height:1.75;margin:0;}

/* ── COMMITMENT CARDS ────────────────────────────────────────── */
.fu-commit-card {
  background:rgba(8,15,30,0.6);
  border:1px solid var(--fu-border);
  border-radius:var(--fu-radius-xl);padding:2rem;
  transition:transform .3s var(--fu-ease),border-color .3s,box-shadow .3s;
  position:relative;overflow:hidden;
}
.fu-commit-card::after {
  content:'';position:absolute;bottom:0;left:0;right:0;height:2px;
  background:linear-gradient(90deg,transparent,var(--fu-cyan),transparent);
  transform:scaleX(0);transition:transform .4s var(--fu-ease);
}
.fu-commit-card:hover {
  border-color:var(--fu-border-hot);
  box-shadow:0 0 30px rgba(0,243,255,0.1),0 20px 40px rgba(0,0,0,0.4);
  transform:translateY(-6px);
}
.fu-commit-card:hover::after{transform:scaleX(1);}
.fu-commit-icon {
  width:52px;height:52px;border-radius:14px;
  background:rgba(0,243,255,0.08);border:1px solid var(--fu-border-hot);
  display:flex;align-items:center;justify-content:center;
  font-size:1.25rem;color:var(--fu-cyan);margin-bottom:1.25rem;
  box-shadow:0 0 15px rgba(0,243,255,0.15);
}
.fu-commit-card h3{font-size:1rem;font-weight:800;color:#e8f4ff;margin-bottom:.625rem;}
.fu-commit-card p{font-size:.85rem;color:var(--fu-text);line-height:1.8;margin:0;}

/* ── PLAN CARDS ──────────────────────────────────────────────── */
.fu-plan-card {
  background:rgba(8,15,30,0.85);
  border:1px solid var(--fu-border);
  border-radius:var(--fu-radius-xl);padding:2.25rem;
  display:flex;flex-direction:column;
  position:relative;overflow:hidden;
  transition:transform .4s var(--fu-ease),border-color .3s,box-shadow .3s;
}
.fu-plan-card::before {
  content:'';position:absolute;top:0;left:0;right:0;height:2px;
  background:linear-gradient(90deg,transparent,var(--fu-border-hot),transparent);
  opacity:.5;transition:opacity .3s;
}
.fu-plan-card.featured {
  border-color:var(--fu-cyan);
  box-shadow:0 0 40px rgba(0,243,255,0.15),0 20px 50px rgba(0,0,0,0.5);
}
.fu-plan-card.featured::before{opacity:1;background:linear-gradient(90deg,transparent,var(--fu-cyan),transparent);}
.fu-plan-card:hover {
  transform:translateY(-8px);
  border-color:var(--fu-border-hot);
  box-shadow:0 0 35px rgba(0,243,255,0.18),0 24px 60px rgba(0,0,0,0.5);
}
.fu-plan-badge {
  position:absolute;top:-14px;left:50%;transform:translateX(-50%);
  background:linear-gradient(135deg,var(--fu-cyan),#0088ff);
  color:#030712;padding:.3rem 1.25rem;border-radius:50px;
  font-size:.65rem;font-weight:900;letter-spacing:.08em;white-space:nowrap;
  box-shadow:0 0 20px rgba(0,243,255,0.5);
}
.fu-plan-icon {
  width:52px;height:52px;border-radius:14px;
  display:flex;align-items:center;justify-content:center;
  font-size:1.3rem;margin-bottom:1rem;
}
.fu-plan-name{font-size:.65rem;font-weight:900;text-transform:uppercase;letter-spacing:.14em;color:var(--fu-muted);margin-bottom:.3rem;}
.fu-plan-desc{font-size:.83rem;color:var(--fu-text);margin-bottom:1.25rem;line-height:1.65;}
/* ── PLAN PRICE — big, bold, unmissable ── */
.fu-plan-price{
  font-family:'Calistoga',Georgia,serif;
  font-size:clamp(2.8rem,4vw,3.5rem);
  font-weight:900;
  color:#ffffff;
  line-height:1;
  margin-bottom:.35rem;
  text-shadow:0 0 24px rgba(0,243,255,0.25);
  letter-spacing:-.02em;
}
.fu-plan-price .fu-price-currency{
  font-size:1.4rem;font-weight:800;
  vertical-align:top;margin-top:.55rem;
  display:inline-block;color:var(--fu-cyan);
}
.fu-plan-price .fu-price-val{
  font-size:inherit;font-weight:900;color:#ffffff;
}
.fu-plan-price .fu-price-suffix{
  font-size:1rem;font-weight:700;color:var(--fu-muted);
}
.fu-plan-period{
  font-size:.88rem;
  font-weight:800;
  color:var(--fu-cyan);
  margin-bottom:1.5rem;
  letter-spacing:.04em;
  text-transform:uppercase;
}
.fu-price-year-note{
  font-size:.8rem;font-weight:700;
  color:var(--fu-green-neon);
  margin-top:-.75rem;margin-bottom:.875rem;
  text-shadow:0 0 8px rgba(0,255,136,0.3);
}
.fu-plan-features{list-style:none;padding:0;margin:0 0 1.75rem;flex:1;}
.fu-plan-features li {
  display:flex;align-items:flex-start;gap:.6rem;
  padding:.4rem 0;font-size:.84rem;color:var(--fu-text);
  border-bottom:1px solid rgba(0,243,255,0.06);
}
.fu-plan-features li:last-child{border-bottom:none;}
.fu-plan-features li .chk {
  width:18px;height:18px;border-radius:50%;
  display:flex;align-items:center;justify-content:center;
  flex-shrink:0;margin-top:.1rem;font-size:.6rem;
}
.fu-plan-features li .chk.yes{background:rgba(0,255,136,0.15);color:var(--fu-green-neon);}
.fu-plan-features li .chk.no{background:rgba(255,255,255,0.05);color:rgba(255,255,255,0.2);}

/* ── SPLIT SERVICE SECTIONS ──────────────────────────────────── */
.fu-split {
  display:grid;grid-template-columns:1fr 1fr;min-height:520px;
}
@media(max-width:900px){.fu-split{grid-template-columns:1fr;}}
.fu-split-img {
  position:relative;overflow:hidden;min-height:320px;
  transform-style:preserve-3d;
  transition:transform 0.5s cubic-bezier(0.25,1,0.5,1), box-shadow 0.3s ease;
  cursor:default;
}
.fu-split-img[data-fu-tilt]:hover {
  box-shadow:0 24px 60px rgba(0,0,0,0.4);
}
.fu-split-img img {
  width:100%;height:100%;object-fit:cover;display:block;
  filter:brightness(0.6) saturate(1.2);
  transition:transform .8s ease,filter .4s;
}
.fu-split:hover .fu-split-img img{transform:scale(1.04);filter:brightness(0.7) saturate(1.3);}
.fu-split-img-overlay {
  position:absolute;inset:0;
  background:linear-gradient(90deg,rgba(3,7,18,0.6) 0%,transparent 60%);
}
.fu-split-img-overlay.reverse{background:linear-gradient(270deg,rgba(3,7,18,0.6) 0%,transparent 60%);}
.fu-split-img-badge {
  position:absolute;top:1.25rem;left:1.25rem;z-index:2;
  background:rgba(3,7,18,0.85);backdrop-filter:blur(8px);
  border:1px solid var(--fu-border-hot);border-radius:8px;
  padding:.45rem .875rem;font-size:.68rem;font-weight:800;
  color:var(--fu-cyan);letter-spacing:.06em;
}
.fu-split-content {
  display:flex;flex-direction:column;justify-content:center;
  padding:3.5rem;background:var(--fu-bg2);
}
@media(max-width:768px){.fu-split-content{padding:2rem;}}
.fu-service-icon {
  width:68px;height:68px;border-radius:18px;
  display:flex;align-items:center;justify-content:center;
  font-size:1.75rem;margin-bottom:1.5rem;flex-shrink:0;
  border:1px solid var(--fu-border);
}
.fu-service-label{font-size:.62rem;font-weight:900;text-transform:uppercase;letter-spacing:.14em;color:var(--fu-muted);margin-bottom:.5rem;}
.fu-service-title{font-family:'Calistoga',Georgia,serif;font-size:clamp(1.4rem,3vw,1.9rem);color:#e8f4ff;margin-bottom:.875rem;font-weight:400;}
.fu-service-desc{font-size:.9rem;color:var(--fu-text);line-height:1.82;margin-bottom:1.5rem;}
.fu-tactic-list{display:grid;gap:.6rem;margin-bottom:1.75rem;}
.fu-tactic-item {
  display:flex;align-items:flex-start;gap:.75rem;
  padding:.7rem .9rem;
  background:rgba(0,243,255,0.03);
  border:1px solid rgba(0,243,255,0.08);
  border-radius:10px;
  transition:border-color .2s,background .2s;
}
.fu-tactic-item:hover{border-color:var(--fu-border-hot);background:rgba(0,243,255,0.06);}
.fu-tactic-icon {
  width:30px;height:30px;border-radius:8px;
  display:flex;align-items:center;justify-content:center;
  font-size:.78rem;flex-shrink:0;
}
.fu-tactic-text{font-size:.83rem;color:var(--fu-text);line-height:1.5;font-weight:600;}
.fu-saving-pill {
  display:inline-flex;align-items:center;gap:.5rem;
  background:rgba(0,255,136,0.07);
  border:1px solid rgba(0,255,136,0.25);
  border-radius:10px;padding:.5rem 1rem;
  font-size:.8rem;font-weight:700;color:var(--fu-green-neon);
}
.fu-saving-pill i{color:var(--fu-green-neon);}

/* ── ABOUT PAGE ELEMENTS ─────────────────────────────────────── */
.fu-founder-img {
  border-radius:20px;
  /* overflow:hidden removed — was clipping 3D tilt pop-out effect */
  box-shadow:0 0 40px rgba(0,243,255,0.15),0 30px 80px rgba(0,0,0,0.5);
  border:1px solid var(--fu-border-hot);
  /* Let tilt3d.js handle the 3D transform — remove static rotateY */
  transform-style: preserve-3d;
  perspective: 1000px;
  transition:transform .5s var(--fu-ease), box-shadow .5s var(--fu-ease);
}
.fu-founder-img img{
  width:100%;height:420px;object-fit:cover;display:block;
  filter:brightness(0.9);
  border-radius:20px; /* keep rounded corners without overflow:hidden */
  transform-style: preserve-3d;
}
.fu-value-card {
  background:rgba(8,15,30,0.7);
  border:1px solid var(--fu-border);
  border-radius:var(--fu-radius-xl);padding:1.875rem;
  position:relative;
  /* overflow:hidden removed — was clipping translateZ(8px) from CardTilt */
  transform-style: preserve-3d;
  transition:transform .3s var(--fu-ease),border-color .3s,box-shadow .3s;
}
.fu-value-card::before {
  content:'';position:absolute;top:0;left:0;width:3px;bottom:0;
  border-radius:3px 0 0 3px;
}
.fu-value-card.v-cyan::before{background:var(--fu-cyan);}
.fu-value-card.v-green::before{background:var(--fu-green-neon);}
.fu-value-card.v-blue::before{background:#3b82f6;}
.fu-value-card.v-gold::before{background:var(--fu-gold-neon);}
.fu-value-card:hover{border-color:var(--fu-border-hot);transform:translateY(-6px);box-shadow:0 0 25px rgba(0,243,255,0.1),0 16px 40px rgba(0,0,0,0.4);}
.fu-value-icon {
  width:50px;height:50px;border-radius:14px;
  background:rgba(0,243,255,0.07);border:1px solid var(--fu-border);
  display:flex;align-items:center;justify-content:center;
  font-size:1.2rem;margin-bottom:1rem;
}
.fu-value-card h3{font-size:.95rem;font-weight:800;color:#e8f4ff;margin-bottom:.5rem;}
.fu-value-card p{font-size:.84rem;color:var(--fu-text);line-height:1.75;margin:0;}

/* ── SCROLL REVEAL ───────────────────────────────────────────── */
[data-fu-sr]{
  opacity:0;transform:translateY(30px);
  transition:opacity .7s cubic-bezier(.4,0,.2,1),transform .7s cubic-bezier(.4,0,.2,1);
}
[data-fu-sr].fu-visible{opacity:1;transform:translateY(0);}
[data-fu-sr][data-fu-d="1"]{transition-delay:.1s;}
[data-fu-sr][data-fu-d="2"]{transition-delay:.2s;}
[data-fu-sr][data-fu-d="3"]{transition-delay:.3s;}
[data-fu-sr][data-fu-d="4"]{transition-delay:.4s;}
[data-fu-sr][data-fu-d="5"]{transition-delay:.5s;}
[data-fu-sr][data-fu-d="6"]{transition-delay:.6s;}

/* ── CALC BOX ────────────────────────────────────────────────── */
.fu-calc-box {
  background:rgba(8,15,30,0.9);
  border:1px solid var(--fu-border-hot);
  border-radius:20px;padding:2.25rem;
  position:relative;overflow:hidden;
  box-shadow:0 0 40px rgba(0,243,255,0.08);
}
.fu-calc-box::before{
  content:'';position:absolute;top:0;left:0;right:0;height:1px;
  background:linear-gradient(90deg,transparent,var(--fu-cyan),transparent);
}
.fu-calc-row{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem;}
@media(max-width:768px){.fu-calc-row{grid-template-columns:repeat(2,1fr);}}
.fu-calc-cell {
  background:rgba(0,243,255,0.04);
  border:1px solid var(--fu-border);
  border-radius:12px;padding:1.1rem;text-align:center;
  transition:background .2s,border-color .2s;
}
.fu-calc-cell:hover{background:rgba(0,243,255,0.08);border-color:var(--fu-border-hot);}
.fu-calc-cell.hl{background:rgba(0,255,136,0.06);border-color:rgba(0,255,136,0.25);}
.fu-calc-cell.fee{background:rgba(255,204,0,0.06);border-color:rgba(255,204,0,0.2);}
.fu-calc-val{font-family:'Calistoga',Georgia,serif;font-size:1.45rem;color:#e8f4ff;margin-bottom:.25rem;}
.fu-calc-cell.hl .fu-calc-val{color:var(--fu-green-neon);text-shadow:0 0 10px rgba(0,255,136,0.3);}
.fu-calc-cell.fee .fu-calc-val{color:var(--fu-gold-neon);text-shadow:0 0 10px rgba(255,204,0,0.3);}
.fu-calc-lbl{font-size:.65rem;color:var(--fu-muted);font-weight:700;text-transform:uppercase;letter-spacing:.07em;}

/* ── FAQ ─────────────────────────────────────────────────────── */
.fu-faq-item{border-bottom:1px solid var(--fu-border);}
.fu-faq-q {
  font-weight:700;color:#e8f4ff;padding:1.25rem 0;cursor:pointer;
  display:flex;justify-content:space-between;align-items:center;gap:1rem;
  font-size:.92rem;user-select:none;
  transition:color .2s;
}
.fu-faq-q:hover{color:var(--fu-cyan);}
.fu-faq-q .fu-faq-icon {
  width:28px;height:28px;border-radius:50%;
  background:rgba(0,243,255,0.08);border:1px solid var(--fu-border);
  display:flex;align-items:center;justify-content:center;
  flex-shrink:0;font-size:.75rem;color:var(--fu-cyan);
  transition:all .25s;
}
.fu-faq-q.open .fu-faq-icon{background:rgba(0,243,255,0.15);transform:rotate(45deg);}
.fu-faq-a{font-size:.84rem;color:var(--fu-text);line-height:1.85;padding-bottom:1.25rem;display:none;}
.fu-faq-a.open{display:block;animation:fu-count-up .25s ease;}

/* ── COMPARE TABLE ───────────────────────────────────────────── */
.fu-table {
  width:100%;border-collapse:collapse;font-size:.84rem;
  background:rgba(8,15,30,0.9);border-radius:20px;overflow:hidden;
  border:1px solid var(--fu-border);
}
.fu-table th,.fu-table td{padding:.9rem 1.2rem;text-align:left;border-bottom:1px solid var(--fu-border);}
.fu-table th{background:rgba(0,243,255,0.05);font-weight:800;color:var(--fu-cyan);font-size:.72rem;text-transform:uppercase;letter-spacing:.07em;}
.fu-table td{color:var(--fu-text);}
.fu-table td:first-child{font-weight:600;color:#e8f4ff;}
.fu-table tr:last-child td{border-bottom:none;}
.fu-table .fu-table-hot{background:rgba(0,243,255,0.03);}
.fu-table .check{color:var(--fu-green-neon);}
.fu-table .cross{color:rgba(255,255,255,0.2);}

/* ── REDUCED MOTION ──────────────────────────────────────────── */
@media(prefers-reduced-motion:reduce){
  [data-fu-sr]{opacity:1!important;transform:none!important;}
  .fu-ticker-track,.fu-bento-bg,.fu-roi-card,
  .fu-pulse-dot::after,.fu-hero-canvas{animation:none!important;}
  .fu-bento-cell:hover,.fu-card:hover,.fu-plan-card:hover{transform:none!important;}
}

/* ── RESPONSIVE HELPERS ──────────────────────────────────────── */
@media(max-width:640px){
  .fu-btn{min-height:46px;touch-action:manipulation;}
  .fu-roi-results{grid-template-columns:1fr 1fr;}
  .fu-split{grid-template-columns:1fr;}
  .fu-statsbar-grid{grid-template-columns:repeat(2,1fr);}
}

/* ══════════════════════════════════════════════════════════════
   NAVBAR INTEGRATION — preserves existing light navbar
   Only overlays dark when atop a fu-hero (dark hero section)
   ══════════════════════════════════════════════════════════════ */

/* Default: keep the navbar exactly as the site_settings define it */
/* The futuristic JS (NavHUD) handles scroll-based darkening only on hero pages */

/* When navbar is scrolled over content, let it stay light (site_settings handles bg) */
body.fu-page .navbar {
  /* No forced override — let existing Appearance settings control it */
  transition: background 0.3s ease, box-shadow 0.3s ease;
}

/* Nav links keep their configured colours — only add subtle enhancement */
body.fu-page .navbar .nav-link:hover {
  color: #c0392b !important;
}

/* CTA button in navbar — keep red */
body.fu-page .navbar .btn-primary,
body.fu-page .navbar .btn.btn-primary {
  background: linear-gradient(135deg,#c0392b,#a93226) !important;
  border-color: #c0392b !important;
  color: #fff !important;
}

/* Logo: do NOT invert — existing logo works on light navbar */
body.fu-page .navbar .navbar-logo img,
body.fu-page .navbar img[alt*="logo"],
body.fu-page .navbar img[alt*="Logo"],
body.fu-page .navbar img[alt*="Delta"] {
  filter: none !important;
}

/* ── FOOTER — preserve existing footer styling ────────────────── */
/* Footer is already dark (#0d1117) via its own inline styles — just enhance */
body.fu-page .footer {
  background: #0d1117 !important;
  border-top: 1px solid rgba(255,255,255,0.08);

}
body.fu-page .footer h3,
body.fu-page .footer h4,
body.fu-page .footer .footer-col-heading {
  color: #e8f4ff !important;
}
body.fu-page .footer p,
body.fu-page .footer li,
body.fu-page .footer span {
  color: var(--fu-text) !important;
}
body.fu-page .footer a {
  color: rgba(168,196,216,0.8) !important;
  transition: color 0.2s;
}
body.fu-page .footer a:hover {
  color: var(--fu-cyan) !important;
}
body.fu-page .footer .footer-bottom {
  border-top: 1px solid var(--fu-border);
}
body.fu-page .footer .footer-bottom p,
body.fu-page .footer .footer-bottom a {
  color: var(--fu-muted) !important;
}
body.fu-page .footer .footer-social a {
  color: var(--fu-text) !important;
}
body.fu-page .footer .footer-social a:hover {
  color: var(--fu-cyan) !important;
}

/* ── TESTIMONIALS WIDGET DARK HARMONY ────────────────────────── */
body.fu-page .testimonials-section,
body.fu-page .testimonials-widget {
  background: var(--fu-bg2) !important;
}
body.fu-page .testimonial-card,
body.fu-page .review-card {
  background: rgba(8,15,30,0.8) !important;
  border: 1px solid var(--fu-border) !important;
  color: var(--fu-text) !important;
}
body.fu-page .testimonial-card:hover,
body.fu-page .review-card:hover {
  border-color: var(--fu-border-hot) !important;
  box-shadow: 0 0 20px rgba(0,243,255,0.08) !important;
}

/* ── SOCIAL PROOF BAR ─────────────────────────────────────────── */
body.fu-page .social-proof-bar {
  background: var(--fu-bg2) !important;
  border-bottom: 1px solid var(--fu-border) !important;
}

/* ── STICKY CTA BAR ───────────────────────────────────────────── */
body.fu-page .sticky-cta-bar {
  background: rgba(3,7,18,0.95) !important;
  backdrop-filter: blur(12px) !important;
  border-top: 1px solid var(--fu-border) !important;
}

/* ── RESPONSIVE GRID FIXES ────────────────────────────────────── */
@media(max-width:900px) {
  body.fu-page .fu-hero-inner { grid-template-columns: 1fr !important; }
  body.fu-page .fu-split       { grid-template-columns: 1fr !important; }
  .fu-split > .fu-split-content { direction: ltr !important; }
  .fu-split > .fu-split-img     { direction: ltr !important; min-height: 280px; }
}
@media(max-width:768px) {
  .fu-bento { grid-template-columns: 1fr !important; grid-template-rows: auto !important; }
  .fu-bento-cell:nth-child(1),
  .fu-bento-cell:nth-child(6) { grid-column: auto !important; grid-row: auto !important; }
  .fu-statsbar-grid { grid-template-columns: repeat(2,1fr) !important; }
  [style*="grid-template-columns:repeat(4"] { grid-template-columns: repeat(2,1fr) !important; }
  [style*="grid-template-columns:repeat(3"] { grid-template-columns: 1fr !important; }
  [style*="grid-template-columns:1fr 1.6fr"] { grid-template-columns: 1fr !important; }
  [style*="grid-template-columns:1fr 1fr"]   { grid-template-columns: 1fr !important; }
  .fu-founder-img { transform: none !important; }
}

/* ══════════════════════════════════════════════════════════════
   GLOBAL DARK THEME OVERRIDES — affects ALL body.fu-page pages
/* ══════════════════════════════════════════════════════════════
   HYBRID THEME — Light body, dark heroes & CTAs only
   Body/content sections: white/off-white with dark text
   Heroes, navbars, footer, CTA strips: retain dark neon look
   ══════════════════════════════════════════════════════════════ */

/* ── BODY / PAGE BASE — LIGHT ────────────────────────────────── */
body.fu-page {
  background-color: #ffffff !important;
  color: #1f2937 !important;
}

/* ── GENERIC SECTION BACKGROUNDS — LIGHT ─────────────────────── */
body.fu-page .section,
body.fu-page section.section {
  background: #ffffff !important;
}
body.fu-page .section-light,
body.fu-page .section.section-light,
body.fu-page section[style*="background:#f8"],
body.fu-page section[style*="background: #f8"],
body.fu-page div[style*="background:#f8"],
body.fu-page div[style*="background: #f8"],
body.fu-page .section-alt {
  background: #f8fafc !important;
}

/* fu-section inside non-hero areas → light */
body.fu-page .fu-section:not(.fu-hero):not(.fu-orb-container[style*="navy"]):not(.fu-orb-container[style*="bg3"]) {
  background: #ffffff !important;
}
body.fu-page .fu-section:nth-child(even):not(.fu-hero) {
  background: #f8fafc !important;
}

/* ── TYPOGRAPHY — DARK TEXT ON LIGHT ────────────────────────── */
body.fu-page h1:not(.fu-hero *):not(.fu-section-dark *):not(.fu-commit-card *):not([class*="fu-hero"] *),
body.fu-page h2:not(.fu-hero *):not(.fu-section-dark *):not(.fu-commit-card *),
body.fu-page h3:not(.fu-hero *):not(.fu-section-dark *):not(.fu-commit-card *),
body.fu-page h4:not(.fu-hero *):not(.fu-section-dark *) {
  color: #1a1a2e !important;
  -webkit-text-fill-color: #1a1a2e !important;
}
/* Headings INSIDE dark sections stay white — handled by their own scoped rules */
body.fu-page .fu-hero h1,
body.fu-page .fu-hero h2,
body.fu-page .fu-hero p,
body.fu-page .fu-commit-card h3,
body.fu-page .fu-commit-card p {
  color: #e8f4ff !important;
  -webkit-text-fill-color: #e8f4ff !important;
}

body.fu-page p:not(.fu-hero *):not(.fu-commit-card *),
body.fu-page li:not(.fu-hero *),
body.fu-page td:not(.fu-hero *) {
  color: #374151 !important;
}
body.fu-page .text-muted,
body.fu-page small {
  color: #6b7280 !important;
}

/* ── CARDS — WHITE ON LIGHT BACKGROUNDS ─────────────────────── */
body.fu-page .card,
body.fu-page .card-3d,
body.fu-page .lift-card {
  background: #ffffff !important;
  border-color: #e5e7eb !important;
  color: #374151 !important;
  box-shadow: 0 4px 16px rgba(0,0,0,0.06) !important;
}
body.fu-page .card:hover,
body.fu-page .card-3d:hover,
body.fu-page .lift-card:hover {
  border-color: #c0392b !important;
  box-shadow: 0 8px 32px rgba(192,57,43,0.12) !important;
  transform: translateY(-4px) !important;
}
body.fu-page .glass-light {
  background: rgba(255,255,255,0.85) !important;
  border-color: #e5e7eb !important;
}

/* fu-card components on light sections → white */
body.fu-page .fu-section:not(.fu-hero) .fu-card {
  background: #ffffff !important;
  border-color: #e5e7eb !important;
}
body.fu-page .fu-section:not(.fu-hero) .fu-card h3 {
  color: #1a1a2e !important;
  -webkit-text-fill-color: #1a1a2e !important;
}
body.fu-page .fu-section:not(.fu-hero) .fu-card p {
  color: #6b7280 !important;
}

/* ── FORMS — LIGHT STYLE ─────────────────────────────────────── */
body.fu-page input:not([type=submit]):not([type=button]):not([type=checkbox]):not([type=radio]):not(.fu-hero *),
body.fu-page textarea:not(.fu-hero *),
body.fu-page select:not(.fu-hero *) {
  background: #ffffff !important;
  border: 1.5px solid #d1d5db !important;
  color: #1f2937 !important;
  border-radius: 8px !important;
}
body.fu-page input::placeholder,
body.fu-page textarea::placeholder {
  color: #9ca3af !important;
}
body.fu-page input:focus,
body.fu-page textarea:focus,
body.fu-page select:focus {
  border-color: #c0392b !important;
  box-shadow: 0 0 0 3px rgba(192,57,43,0.12) !important;
  outline: none !important;
}
body.fu-page select option {
  background: #ffffff !important;
  color: #1f2937 !important;
}
body.fu-page .form-group label,
body.fu-page label:not(.fu-hero *) {
  color: #374151 !important;
  font-size: .82rem !important;
  font-weight: 600 !important;
}

/* Hero/dark section inputs stay dark */
body.fu-page .fu-hero input,
body.fu-page .fu-hero textarea,
body.fu-page .fu-roi-input {
  background: rgba(0,243,255,0.04) !important;
  border: 1.5px solid rgba(0,243,255,0.2) !important;
  color: #e8f4ff !important;
}

/* ── BUTTONS ─────────────────────────────────────────────────── */
body.fu-page .btn-primary {
  background: linear-gradient(135deg,#c0392b,#a93226) !important;
  border-color: #c0392b !important;
  color: #fff !important;
  box-shadow: 0 4px 16px rgba(192,57,43,0.3) !important;
  border-radius: 10px !important;
}
body.fu-page .btn-primary:hover {
  background: linear-gradient(135deg,#a93226,#922b21) !important;
  box-shadow: 0 6px 24px rgba(192,57,43,0.45) !important;
  transform: translateY(-2px) !important;
}
body.fu-page .btn-outline {
  background: transparent !important;
  border: 1.5px solid #d1d5db !important;
  color: #1a1a2e !important;
  border-radius: 10px !important;
}
body.fu-page .btn-outline:hover {
  background: #1a1a2e !important;
  border-color: #1a1a2e !important;
  color: #fff !important;
}
body.fu-page .btn-outline-white {
  background: transparent !important;
  border: 1.5px solid rgba(255,255,255,0.7) !important;
  color: #fff !important;
  border-radius: 10px !important;
}
body.fu-page .btn-outline-white:hover {
  background: rgba(255,255,255,0.15) !important;
  color: #fff !important;
}
body.fu-page .btn-accent,
body.fu-page .btn-success {
  background: #0f6e56 !important;
  border-color: #0f6e56 !important;
  color: #fff !important;
  border-radius: 10px !important;
}

/* ── SECTION PILLS ───────────────────────────────────────────── */
body.fu-page .section-pill {
  background: rgba(192,57,43,0.08) !important;
  border: 1px solid rgba(192,57,43,0.2) !important;
  color: #c0392b !important;
  border-radius: 50px !important;
}

/* ── TABLES ──────────────────────────────────────────────────── */
body.fu-page table:not(.fu-table) {
  background: #ffffff !important;
  border-radius: 12px !important;
  overflow: hidden !important;
  box-shadow: 0 4px 16px rgba(0,0,0,0.06) !important;
}
body.fu-page table th {
  background: #f9fafb !important;
  color: #374151 !important;
  border-bottom: 1px solid #e5e7eb !important;
}
body.fu-page table td {
  border-bottom: 1px solid #f0f2f5 !important;
  color: #374151 !important;
}
body.fu-page table tr:hover td {
  background: #fef9f9 !important;
}

/* ── LEGACY HERO SECTIONS — keep dark ───────────────────────── */
body.fu-page .ep-hero,
body.fu-page .legal-page-hero,
body.fu-page .mfo-hero,
body.fu-page .app-hero,
body.fu-page .scan-hero,
body.fu-page .de-hero,
body.fu-page .contact-hero,
body.fu-page .book-hero,
body.fu-page .benchmark-hero,
body.fu-page .roi-hero {
  background: linear-gradient(135deg,#0d1117 0%,#1a1a2e 60%,#0f2a3f 100%) !important;
  position: relative !important;
}
body.fu-page .ep-hero::after { display: none !important; }

/* ── EPISODE CARDS — white on light bg ─────────────────────── */
body.fu-page .ep-card,
body.fu-page .hp-ep-card {
  background: #ffffff !important;
  border-color: #f0f2f5 !important;
  color: #374151 !important;
}
body.fu-page .ep-card:hover {
  border-color: #c0392b !important;
  box-shadow: 0 8px 32px rgba(192,57,43,0.1) !important;
  transform: translateY(-4px) !important;
}
body.fu-page .ep-title { color: #1a1a2e !important; -webkit-text-fill-color: #1a1a2e !important; }
body.fu-page .ep-excerpt { color: #6b7280 !important; }
body.fu-page .ep-num-badge { background: #c0392b !important; }

/* ── LEGAL / DOC CARDS — white ──────────────────────────────── */
body.fu-page .legal-doc-card {
  background: #ffffff !important;
  border: 1px solid #e5e7eb !important;
  color: #374151 !important;
  box-shadow: 0 4px 24px rgba(0,0,0,0.07) !important;
}
body.fu-page .legal-doc-card h2 {
  color: #1a1a2e !important;
  -webkit-text-fill-color: #1a1a2e !important;
  border-color: #f0f2f5 !important;
}
body.fu-page .legal-doc-card a { color: #c0392b !important; }

/* ── TIMELINE ────────────────────────────────────────────────── */
body.fu-page .timeline-3d .timeline-dot-3d {
  background: linear-gradient(135deg,#1a1a2e,#c0392b) !important;
  border-color: #c0392b !important;
  color: #fff !important;
}

/* ── MARKETPLACE — white cards ──────────────────────────────── */
body.fu-page .listing-card,
body.fu-page .vendor-card,
body.fu-page .marketplace-card {
  background: #ffffff !important;
  border-color: #e5e7eb !important;
}
body.fu-page .listing-card:hover {
  border-color: #c0392b !important;
  box-shadow: 0 8px 24px rgba(192,57,43,0.1) !important;
}

/* ── ROI CALCULATOR ─────────────────────────────────────────── */
body.fu-page #roiCalculator,
body.fu-page .roi-calc-box {
  background: #ffffff !important;
  border: 1px solid #e5e7eb !important;
  border-radius: 16px !important;
  box-shadow: 0 4px 24px rgba(0,0,0,0.08) !important;
}

/* ── BENCHMARK / SCAN ───────────────────────────────────────── */
body.fu-page .benchmark-card,
body.fu-page .scan-results-card,
body.fu-page .result-card {
  background: #ffffff !important;
  border-color: #e5e7eb !important;
}

/* ── ALERTS ─────────────────────────────────────────────────── */
body.fu-page .alert-success,
body.fu-page .flash-success {
  background: #dcfce7 !important;
  border-color: #bbf7d0 !important;
  color: #166534 !important;
}
body.fu-page .alert-danger,
body.fu-page .flash-error {
  background: #fee2e2 !important;
  border-color: #fecaca !important;
  color: #991b1b !important;
}
body.fu-page .alert-info,
body.fu-page .flash-info {
  background: #eff6ff !important;
  border-color: #bfdbfe !important;
  color: #1e40af !important;
}
body.fu-page .alert-warning,
body.fu-page .flash-warning {
  background: #fef9c3 !important;
  border-color: #fde68a !important;
  color: #92400e !important;
}

/* ── AUTH PAGES — keep slightly elevated ───────────────────── */
body.fu-page .auth-card,
body.fu-page .login-card,
body.fu-page .register-card,
body.fu-page .auth-box {
  background: #ffffff !important;
  border: 1px solid #e5e7eb !important;
  border-radius: 20px !important;
  box-shadow: 0 8px 40px rgba(0,0,0,0.1) !important;
}
body.fu-page .auth-card h1,
body.fu-page .login-card h1,
body.fu-page .register-card h1 {
  color: #1a1a2e !important;
  -webkit-text-fill-color: #1a1a2e !important;
}

/* ── 404 PAGE ────────────────────────────────────────────────── */
body.fu-page .text-center > div[style*="font-size:clamp(6rem"] {
  color: #e5e7eb !important;
}

/* ── APP PAGE ────────────────────────────────────────────────── */
body.fu-page .app-feature-card,
body.fu-page .app-install-card {
  background: #ffffff !important;
  border-color: #e5e7eb !important;
}

/* ── MFO STEPS — white on light sections ───────────────────── */
body.fu-page .mfo-step {
  background: #ffffff !important;
  border: 1.5px solid #f0f2f5 !important;
  box-shadow: 0 2px 12px rgba(0,0,0,0.04) !important;
}
body.fu-page .mfo-step h3 { color: #1a1a2e !important; -webkit-text-fill-color: #1a1a2e !important; }
body.fu-page .mfo-step-num {
  background: linear-gradient(135deg,#0c2233,#0e7490) !important;
  color: #fff !important;
}

/* ── PLAN CARDS — white ─────────────────────────────────────── */
body.fu-page .plan-card {
  background: #ffffff !important;
  border-color: #e5e7eb !important;
  color: #374151 !important;
  box-shadow: 0 4px 20px rgba(0,0,0,0.06) !important;
}
body.fu-page .plan-card.featured {
  border-color: #c0392b !important;
  box-shadow: 0 8px 40px rgba(192,57,43,0.2) !important;
}
body.fu-page .plan-name { color: #9ca3af !important; }
body.fu-page .plan-price { color: #1a1a2e !important; -webkit-text-fill-color: #1a1a2e !important; }
body.fu-page .plan-period { color: #6b7280 !important; }
body.fu-page .plan-features li { color: #374151 !important; border-color: #f0f2f5 !important; }
body.fu-page .plan-cta.primary {
  background: #c0392b !important;
  color: #fff !important;
  border-color: #c0392b !important;
}
body.fu-page .plan-cta.outline {
  background: transparent !important;
  border-color: #d1d5db !important;
  color: #1a1a2e !important;
}
body.fu-page .plan-badge {
  background: linear-gradient(135deg,#c0392b,#e74c3c) !important;
  color: #fff !important;
}

/* ── CONTACT / BOOKING CARDS — white ───────────────────────── */
body.fu-page .contact-info-card,
body.fu-page .contact-card,
body.fu-page .book-step,
body.fu-page .step-card {
  background: #ffffff !important;
  border-color: #e5e7eb !important;
}
body.fu-page .contact-card i { color: #c0392b !important; }

/* ── MODALS — keep white ────────────────────────────────────── */
body.fu-page .modal-content,
body.fu-page .modal-box {
  background: #ffffff !important;
  border: 1px solid #e5e7eb !important;
  border-radius: 20px !important;
  box-shadow: 0 24px 64px rgba(0,0,0,0.18) !important;
}
body.fu-page .modal-backdrop { background: rgba(0,0,0,0.5) !important; }

/* ── TACTIC / FEATURE ITEMS — light ────────────────────────── */
body.fu-page .tactic-item {
  background: #ffffff !important;
  border-color: #f0f2f5 !important;
}
body.fu-page .tactic-item:hover {
  border-color: #c0392b !important;
  box-shadow: 0 4px 12px rgba(192,57,43,0.08) !important;
}
body.fu-page .tactic-text { color: #374151 !important; }

/* ── SAVING PILL — green on light ───────────────────────────── */
body.fu-page .service-saving {
  background: rgba(22,163,74,0.08) !important;
  border-color: rgba(22,163,74,0.2) !important;
  color: #15803d !important;
}

/* ── SCROLLBAR ──────────────────────────────────────────────── */
body.fu-page ::-webkit-scrollbar { width: 6px; height: 6px; }
body.fu-page ::-webkit-scrollbar-track { background: #f1f5f9; }
body.fu-page ::-webkit-scrollbar-thumb {
  background: #c0392b;
  border-radius: 3px;
}
body.fu-page ::selection {
  background: rgba(192,57,43,0.2);
  color: #1a1a2e;
}

/* ── DIVIDERS ───────────────────────────────────────────────── */
body.fu-page hr,
body.fu-page .divider {
  border-color: #f0f2f5 !important;
  background: #f0f2f5 !important;
  height: 1px !important;
  border: none !important;
}

/* ── SECTION IMAGE OVERLAYS ─────────────────────────────────── */
body.fu-page .section-img-bg .section-img-bg-overlay {
  background: rgba(13,17,23,0.82) !important;
}

/* ══════════════════════════════════════════════════════════════
   INSPIRATIONS FROM REFERENCED REPOS
   k4nkan/photo-to-3d-to-website · LayoutitStudio/polycss

/* ── ALL CARDS ────────────────────────────────────────────────── */
body.fu-page .card,
body.fu-page .card-3d,
body.fu-page .lift-card,
body.fu-page .glass-light {
  background: rgba(8,15,30,0.85) !important;
  border-color: var(--fu-border) !important;
  color: var(--fu-text) !important;
}
body.fu-page .card:hover,
body.fu-page .card-3d:hover,
body.fu-page .lift-card:hover {
  border-color: var(--fu-border-hot) !important;
  box-shadow: 0 0 25px rgba(0,243,255,0.1), 0 16px 40px rgba(0,0,0,0.5) !important;
}

/* ── TYPOGRAPHY ──────────────────────────────────────────────── */
body.fu-page h1,
body.fu-page h2,
body.fu-page h3,
body.fu-page h4 {
  color: #e8f4ff !important;
  -webkit-text-fill-color: #e8f4ff !important;
}
body.fu-page p,
body.fu-page li,
body.fu-page td,
body.fu-page label {
  color: var(--fu-text) !important;
}
body.fu-page .text-muted,
body.fu-page small {
  color: var(--fu-muted) !important;
}

/* ── FORMS ───────────────────────────────────────────────────── */
body.fu-page input:not([type=submit]):not([type=button]):not([type=checkbox]):not([type=radio]),
body.fu-page textarea,
body.fu-page select {
  background: rgba(0,243,255,0.04) !important;
  border: 1.5px solid rgba(0,243,255,0.15) !important;
  color: #e8f4ff !important;
  border-radius: 8px !important;
}
body.fu-page input::placeholder,
body.fu-page textarea::placeholder {
  color: var(--fu-muted) !important;
}
body.fu-page input:focus,
body.fu-page textarea:focus,
body.fu-page select:focus {
  border-color: var(--fu-cyan) !important;
  box-shadow: 0 0 12px rgba(0,243,255,0.2) !important;
  outline: none !important;
  background: rgba(0,243,255,0.07) !important;
}
body.fu-page select option {
  background: var(--fu-bg2) !important;
  color: #e8f4ff !important;
}
body.fu-page .form-group label,
body.fu-page label {
  color: var(--fu-muted) !important;
  font-size: .72rem !important;
  font-weight: 700 !important;
  text-transform: uppercase !important;
  letter-spacing: .08em !important;
}

/* ── BUTTONS — restyle all existing btn classes ──────────────── */
body.fu-page .btn-primary {
  background: linear-gradient(135deg,#c0392b,#a93226) !important;
  border-color: rgba(255,56,85,0.4) !important;
  color: #fff !important;
  box-shadow: 0 0 18px rgba(192,57,43,0.4) !important;
  border-radius: 10px !important;
}
body.fu-page .btn-primary:hover {
  box-shadow: 0 0 30px rgba(192,57,43,0.65) !important;
  transform: translateY(-2px) !important;
}
body.fu-page .btn-outline,
body.fu-page .btn-outline-white {
  background: transparent !important;
  border: 1.5px solid rgba(0,243,255,0.35) !important;
  color: var(--fu-cyan) !important;
  border-radius: 10px !important;
}
body.fu-page .btn-outline:hover,
body.fu-page .btn-outline-white:hover {
  background: rgba(0,243,255,0.08) !important;
  border-color: var(--fu-cyan) !important;
  box-shadow: 0 0 20px rgba(0,243,255,0.25) !important;
  color: #fff !important;
}
body.fu-page .btn-accent,
body.fu-page .btn-success {
  background: linear-gradient(135deg,var(--fu-green-neon),#0f6e56) !important;
  border-color: rgba(0,255,136,0.4) !important;
  color: #030712 !important;
  border-radius: 10px !important;
}

/* ── SECTION PILLS / BADGES ──────────────────────────────────── */
body.fu-page .section-pill {
  background: rgba(0,243,255,0.08) !important;
  border: 1px solid rgba(0,243,255,0.25) !important;
  color: var(--fu-cyan) !important;
  border-radius: 50px !important;
}

/* ── TABLES ──────────────────────────────────────────────────── */
body.fu-page table:not(.fu-table) {
  background: rgba(8,15,30,0.85) !important;
  border-radius: 12px !important;
  overflow: hidden !important;
}
body.fu-page table th {
  background: rgba(0,243,255,0.06) !important;
  color: var(--fu-cyan) !important;
  border-bottom: 1px solid var(--fu-border) !important;
}
body.fu-page table td {
  border-bottom: 1px solid var(--fu-border) !important;
  color: var(--fu-text) !important;
}
body.fu-page table tr:hover td {
  background: rgba(0,243,255,0.03) !important;
}

/* ── HERO BACKGROUNDS (legacy hero classes) ──────────────────── */
body.fu-page .ep-hero,
body.fu-page .legal-page-hero,
body.fu-page .mfo-hero,
body.fu-page .app-hero,
body.fu-page .scan-hero,
body.fu-page .de-hero,
body.fu-page .contact-hero,
body.fu-page .book-hero,
body.fu-page .benchmark-hero,
body.fu-page .roi-hero {
  background: linear-gradient(135deg,var(--fu-bg) 0%,var(--fu-bg3) 60%,var(--fu-navy) 100%) !important;
  position: relative !important;
}
body.fu-page .ep-hero::after { display: none !important; }
/* Add subtle grid overlay to legacy heroes */
body.fu-page .ep-hero::before,
body.fu-page .legal-page-hero::before,
body.fu-page .mfo-hero::before,
body.fu-page .app-hero::before {
  content: '' !important;
  position: absolute !important;
  inset: 0 !important;
  background-image:
    linear-gradient(rgba(0,243,255,0.04) 1px,transparent 1px),
    linear-gradient(90deg,rgba(0,243,255,0.04) 1px,transparent 1px) !important;
  background-size: 60px 60px !important;
  mask-image: radial-gradient(ellipse 70% 70% at 50% 50%,black 0%,transparent 100%) !important;
  z-index: 1 !important;
  pointer-events: none !important;
}

/* ── EPISODE CARDS ───────────────────────────────────────────── */
body.fu-page .ep-card,
body.fu-page .hp-ep-card {
  background: rgba(8,15,30,0.9) !important;
  border-color: var(--fu-border) !important;
}
body.fu-page .ep-card:hover {
  border-color: var(--fu-border-hot) !important;
  box-shadow: 0 0 25px rgba(0,243,255,0.1), 0 16px 40px rgba(0,0,0,0.5) !important;
}
body.fu-page .ep-title { color: #e8f4ff !important; }
body.fu-page .ep-excerpt { color: var(--fu-text) !important; }
body.fu-page .ep-num-badge { background: rgba(192,57,43,0.85) !important; }

/* ── LEGAL / DOC CARDS ───────────────────────────────────────── */
body.fu-page .legal-doc-card {
  background: rgba(8,15,30,0.85) !important;
  border-color: var(--fu-border) !important;
  color: var(--fu-text) !important;
  box-shadow: 0 0 30px rgba(0,243,255,0.06), 0 8px 32px rgba(0,0,0,0.4) !important;
}
body.fu-page .legal-doc-card h2 {
  color: var(--fu-cyan) !important;
  border-color: var(--fu-border) !important;
}
body.fu-page .legal-doc-card a { color: var(--fu-red-neon) !important; }

/* ── TIMELINE (legacy) ───────────────────────────────────────── */
body.fu-page .timeline-3d .timeline-item-3d { border-color: var(--fu-border) !important; }
body.fu-page .timeline-3d .timeline-dot-3d {
  background: linear-gradient(135deg,rgba(0,243,255,0.15),rgba(0,0,0,0)) !important;
  border-color: var(--fu-cyan) !important;
  color: var(--fu-cyan) !important;
}

/* ── MARKETPLACE ─────────────────────────────────────────────── */
body.fu-page .listing-card,
body.fu-page .vendor-card,
body.fu-page .marketplace-card {
  background: rgba(8,15,30,0.85) !important;
  border-color: var(--fu-border) !important;
}
body.fu-page .listing-card:hover {
  border-color: var(--fu-border-hot) !important;
}

/* ── ROI CALCULATOR WIDGET ───────────────────────────────────── */
body.fu-page #roiCalculator,
body.fu-page .roi-calc-box {
  background: rgba(8,15,30,0.9) !important;
  border: 1px solid var(--fu-border-hot) !important;
  border-radius: 20px !important;
  box-shadow: 0 0 40px rgba(0,243,255,0.08) !important;
}

/* ── BENCHMARK / SCAN RESULTS ────────────────────────────────── */
body.fu-page .benchmark-card,
body.fu-page .scan-results-card,
body.fu-page .result-card {
  background: rgba(8,15,30,0.85) !important;
  border-color: var(--fu-border) !important;
}

/* ── ALERT / FLASH MESSAGES ──────────────────────────────────── */
body.fu-page .alert-success,
body.fu-page .flash-success {
  background: rgba(0,255,136,0.08) !important;
  border-color: rgba(0,255,136,0.3) !important;
  color: var(--fu-green-neon) !important;
}
body.fu-page .alert-danger,
body.fu-page .flash-error {
  background: rgba(255,56,85,0.08) !important;
  border-color: rgba(255,56,85,0.3) !important;
  color: var(--fu-red-neon) !important;
}
body.fu-page .alert-info,
body.fu-page .flash-info {
  background: rgba(0,243,255,0.08) !important;
  border-color: rgba(0,243,255,0.25) !important;
  color: var(--fu-cyan) !important;
}
body.fu-page .alert-warning,
body.fu-page .flash-warning {
  background: rgba(255,204,0,0.08) !important;
  border-color: rgba(255,204,0,0.25) !important;
  color: var(--fu-gold-neon) !important;
}

/* ── LOGIN / REGISTER FORMS ──────────────────────────────────── */
body.fu-page .auth-card,
body.fu-page .login-card,
body.fu-page .register-card,
body.fu-page .auth-box {
  background: rgba(8,15,30,0.92) !important;
  border: 1px solid var(--fu-border-hot) !important;
  border-radius: 20px !important;
  box-shadow: 0 0 50px rgba(0,243,255,0.1), 0 24px 60px rgba(0,0,0,0.5) !important;
}
body.fu-page .auth-card h1,
body.fu-page .auth-card h2,
body.fu-page .login-card h1,
body.fu-page .register-card h1 {
  color: #e8f4ff !important;
}

/* ── 404 PAGE ────────────────────────────────────────────────── */
body.fu-page .text-center > div[style*="font-size:clamp(6rem"] {
  color: rgba(0,243,255,0.15) !important;
  text-shadow: 0 0 60px rgba(0,243,255,0.1) !important;
}

/* ── APP PAGE ────────────────────────────────────────────────── */
body.fu-page .app-hero::after { display: none !important; }
body.fu-page .app-status-pill {
  background: rgba(0,255,136,0.1) !important;
  border-color: rgba(0,255,136,0.3) !important;
  color: var(--fu-green-neon) !important;
}

/* ── MFO PAGE ────────────────────────────────────────────────── */
body.fu-page .mfo-step {
  background: rgba(8,15,30,0.85) !important;
  border-color: var(--fu-border) !important;
}
body.fu-page .mfo-step h3 { color: #e8f4ff !important; }
body.fu-page .mfo-step-num {
  background: linear-gradient(135deg,rgba(0,243,255,0.15),rgba(0,136,255,0.1)) !important;
  color: var(--fu-cyan) !important;
}
body.fu-page .mfo-btn-primary {
  background: linear-gradient(135deg,var(--fu-cyan),#0088ff) !important;
  color: #030712 !important;
  box-shadow: 0 0 20px rgba(0,243,255,0.4) !important;
}
body.fu-page .mfo-hero-stat {
  background: rgba(8,15,30,0.8) !important;
  border-color: var(--fu-border-hot) !important;
}
body.fu-page .mfo-hero-stat .num { color: var(--fu-cyan) !important; }
body.fu-page .mfo-badge {
  background: rgba(0,243,255,0.08) !important;
  border-color: rgba(0,243,255,0.3) !important;
  color: var(--fu-cyan) !important;
}

/* ── PLAN CARDS — pricing page featured border glow ─────────── */
body.fu-page .plan-card,
body.fu-page .plan-card.featured {
  background: rgba(8,15,30,0.85) !important;
  border-color: var(--fu-border) !important;
  color: var(--fu-text) !important;
}
body.fu-page .plan-card.featured {
  border-color: var(--fu-cyan) !important;
  box-shadow: 0 0 40px rgba(0,243,255,0.15) !important;
}
body.fu-page .plan-name { color: var(--fu-muted) !important; }
body.fu-page .plan-price { color: #fff !important; font-weight: 900 !important; }
body.fu-page .plan-period { color: var(--fu-cyan) !important; font-weight: 700 !important; }
body.fu-page .plan-cta.primary {
  background: linear-gradient(135deg,var(--fu-cyan),#0088ff) !important;
  border-color: transparent !important;
  color: #030712 !important;
  box-shadow: 0 0 20px rgba(0,243,255,0.4) !important;
}
body.fu-page .plan-cta.outline {
  background: transparent !important;
  border-color: rgba(0,243,255,0.3) !important;
  color: var(--fu-cyan) !important;
}
body.fu-page .plan-badge {
  background: linear-gradient(135deg,var(--fu-cyan),#0088ff) !important;
  color: #030712 !important;
}

/* ── CONTACT CARDS ───────────────────────────────────────────── */
body.fu-page .contact-info-card,
body.fu-page .contact-card {
  background: rgba(8,15,30,0.85) !important;
  border-color: var(--fu-border) !important;
}
body.fu-page .contact-card i { color: var(--fu-cyan) !important; }

/* ── BOOKING STEPS ───────────────────────────────────────────── */
body.fu-page .book-step,
body.fu-page .step-card {
  background: rgba(8,15,30,0.85) !important;
  border-color: var(--fu-border) !important;
}

/* ── MODALS / OVERLAYS ───────────────────────────────────────── */
body.fu-page .modal-content,
body.fu-page .modal-box {
  background: rgba(8,15,30,0.97) !important;
  border: 1px solid var(--fu-border-hot) !important;
  border-radius: 20px !important;
}
body.fu-page .modal-backdrop { background: rgba(3,7,18,0.85) !important; }

/* ── SCROLLBAR STYLING ───────────────────────────────────────── */
body.fu-page ::-webkit-scrollbar { width: 6px; height: 6px; }
body.fu-page ::-webkit-scrollbar-track { background: var(--fu-bg); }
body.fu-page ::-webkit-scrollbar-thumb {
  background: rgba(0,243,255,0.2);
  border-radius: 3px;
}
body.fu-page ::-webkit-scrollbar-thumb:hover {
  background: rgba(0,243,255,0.4);
}

/* ── SELECTION COLOUR ────────────────────────────────────────── */
body.fu-page ::selection {
  background: rgba(0,243,255,0.25);
  color: #fff;
}

/* ── DIVIDERS / HR ───────────────────────────────────────────── */
body.fu-page hr,
body.fu-page .divider {
  border-color: var(--fu-border) !important;
  background: linear-gradient(90deg,transparent,var(--fu-cyan),transparent) !important;
  height: 1px !important;
  border: none !important;
}

/* ── SECTION IMAGE BACKGROUNDS ───────────────────────────────── */
body.fu-page .section-img-bg .section-img-bg-overlay {
  background: rgba(3,7,18,0.88) !important;
}

/* ── TACTIC / FEATURE ITEMS ──────────────────────────────────── */
body.fu-page .tactic-item {
  background: rgba(0,243,255,0.03) !important;
  border-color: rgba(0,243,255,0.08) !important;
}
body.fu-page .tactic-item:hover {
  border-color: var(--fu-border-hot) !important;
  background: rgba(0,243,255,0.06) !important;
}
body.fu-page .tactic-text { color: var(--fu-text) !important; }

/* ── SAVING PILL ─────────────────────────────────────────────── */
body.fu-page .service-saving {
  background: rgba(0,255,136,0.07) !important;
  border-color: rgba(0,255,136,0.25) !important;
  color: var(--fu-green-neon) !important;
}

/* ══════════════════════════════════════════════════════════════
   INSPIRATIONS FROM REFERENCED REPOS
   k4nkan/photo-to-3d-to-website · LayoutitStudio/polycss
   AnshSinghSonkhia/Futuristic-CSS-Animations
   ══════════════════════════════════════════════════════════════ */

/* ── SHOOTING STARS (from AnshSinghSonkhia/Futuristic-CSS-Animations) ── */
.fu-shooting-stars {
  position: absolute;
  inset: 0;
  overflow: hidden;
  pointer-events: none;
  z-index: 1;
}
.fu-shooting-stars span {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 4px;
  height: 4px;
  background: #fff;
  border-radius: 50%;
  box-shadow: 0 0 0 4px rgba(255,255,255,.1),
              0 0 0 8px rgba(255,255,255,.1),
              0 0 20px rgba(255,255,255,1);
  animation: fu-shoot 3s linear infinite;
  opacity: 0;
}
.fu-shooting-stars span::before {
  content: '';
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 300px;
  height: 1px;
  background: linear-gradient(90deg, #fff, transparent);
}
@keyframes fu-shoot {
  0%  { transform: rotate(315deg) translateX(0);   opacity: 1; }
  70% { opacity: 1; }
  100%{ transform: rotate(315deg) translateX(-1500px); opacity: 0; }
}
.fu-shooting-stars span:nth-child(1){top:0;right:0;left:auto;animation-delay:0s;animation-duration:1s;}
.fu-shooting-stars span:nth-child(2){top:0;right:80px;left:auto;animation-delay:.2s;animation-duration:3s;}
.fu-shooting-stars span:nth-child(3){top:80px;right:0;left:auto;animation-delay:.4s;animation-duration:2s;}
.fu-shooting-stars span:nth-child(4){top:0;right:180px;left:auto;animation-delay:.6s;animation-duration:1.5s;}
.fu-shooting-stars span:nth-child(5){top:0;right:400px;left:auto;animation-delay:.8s;animation-duration:2.5s;}
.fu-shooting-stars span:nth-child(6){top:0;right:600px;left:auto;animation-delay:1s;animation-duration:3s;}

/* ── AURORA GLOW BACKGROUND (from aurora-borealis folder) ─── */
.fu-aurora {
  position: absolute;
  inset: 0;
  pointer-events: none;
  z-index: 0;
  overflow: hidden;
}
.fu-aurora::before {
  content: '';
  position: absolute;
  top: -50%;
  left: -20%;
  width: 140%;
  height: 80%;
  background: radial-gradient(
    ellipse at 50% 50%,
    rgba(0,243,255,0.06) 0%,
    rgba(123,47,255,0.04) 40%,
    transparent 70%
  );
  animation: fu-aurora-move 15s ease-in-out infinite alternate;
  filter: blur(40px);
}
.fu-aurora::after {
  content: '';
  position: absolute;
  bottom: -30%;
  right: -10%;
  width: 100%;
  height: 60%;
  background: radial-gradient(
    ellipse at 50% 50%,
    rgba(0,255,136,0.05) 0%,
    rgba(0,136,255,0.04) 40%,
    transparent 70%
  );
  animation: fu-aurora-move 20s ease-in-out infinite alternate-reverse;
  filter: blur(60px);
}
@keyframes fu-aurora-move {
  0%   { transform: translate(0,0)    scale(1); }
  50%  { transform: translate(5%,3%)  scale(1.05); }
  100% { transform: translate(-5%,-3%) scale(0.95); }
}

/* ── NEON BUTTON VARIANTS (from Button / liquid Submit button) ── */
.fu-btn-neon-green {
  display: inline-flex;
  align-items: center;
  gap: .5rem;
  padding: .8rem 1.75rem;
  background: transparent;
  border: 2px solid var(--fu-green-neon);
  color: var(--fu-green-neon);
  border-radius: 6px;
  font-weight: 700;
  font-size: .88rem;
  letter-spacing: .06em;
  cursor: pointer;
  text-decoration: none;
  position: relative;
  overflow: hidden;
  transition: color .3s;
  box-shadow: 0 0 8px rgba(0,255,136,.3),
              inset 0 0 8px rgba(0,255,136,.1);
}
.fu-btn-neon-green::before {
  content: '';
  position: absolute;
  inset: 0;
  background: var(--fu-green-neon);
  transform: scaleX(0);
  transform-origin: left;
  transition: transform .35s cubic-bezier(.4,0,.2,1);
  z-index: -1;
}
.fu-btn-neon-green:hover {
  color: #030712;
  box-shadow: 0 0 20px rgba(0,255,136,.6),
              0 0 40px rgba(0,255,136,.3),
              inset 0 0 20px rgba(0,255,136,.2);
}
.fu-btn-neon-green:hover::before { transform: scaleX(1); }

/* Liquid button ripple effect */
.fu-btn-liquid {
  position: relative;
  overflow: hidden;
}
.fu-btn-liquid::after {
  content: '';
  position: absolute;
  top: 50%;
  left: 50%;
  width: 0;
  height: 0;
  background: rgba(255,255,255,.2);
  border-radius: 50%;
  transform: translate(-50%,-50%);
  transition: width .6s ease, height .6s ease, opacity .6s ease;
  opacity: 0;
}
.fu-btn-liquid:active::after {
  width: 300px;
  height: 300px;
  opacity: 0;
}

/* ── WAVING CUBE / 3D CSS CARD (from cube + card-flip) ──────── */
.fu-cube-card {
  width: 120px;
  height: 120px;
  position: relative;
  transform-style: preserve-3d;
  animation: fu-cube-spin 8s linear infinite;
}
@keyframes fu-cube-spin {
  from { transform: rotateX(0deg) rotateY(0deg); }
  to   { transform: rotateX(360deg) rotateY(360deg); }
}
.fu-cube-card .face {
  position: absolute;
  width: 120px;
  height: 120px;
  background: rgba(0,243,255,0.06);
  border: 1px solid rgba(0,243,255,0.3);
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 2rem;
  backface-visibility: visible;
}
.fu-cube-card .face-front  { transform: translateZ(60px); }
.fu-cube-card .face-back   { transform: rotateY(180deg) translateZ(60px); }
.fu-cube-card .face-left   { transform: rotateY(-90deg) translateZ(60px); }
.fu-cube-card .face-right  { transform: rotateY(90deg)  translateZ(60px); }
.fu-cube-card .face-top    { transform: rotateX(90deg)  translateZ(60px); }
.fu-cube-card .face-bottom { transform: rotateX(-90deg) translateZ(60px); }

/* ── CARD FLIP (from card-flip animation) ────────────────────── */
.fu-flip-card {
  perspective: 1000px;
  cursor: pointer;
}
.fu-flip-inner {
  position: relative;
  width: 100%;
  height: 100%;
  transition: transform .7s cubic-bezier(.4,0,.2,1);
  transform-style: preserve-3d;
}
.fu-flip-card:hover .fu-flip-inner,
.fu-flip-card.flipped .fu-flip-inner {
  transform: rotateY(180deg);
}
.fu-flip-front,
.fu-flip-back {
  position: absolute;
  inset: 0;
  backface-visibility: hidden;
  border-radius: inherit;
}
.fu-flip-back {
  transform: rotateY(180deg);
  background: rgba(0,243,255,0.05);
  border: 1px solid var(--fu-border-hot);
}

/* ── NIGHT SKY STARS (from night Sky) ────────────────────────── */
.fu-starfield {
  position: absolute;
  inset: 0;
  overflow: hidden;
  pointer-events: none;
  z-index: 0;
}
.fu-starfield::before,
.fu-starfield::after {
  content: '';
  position: absolute;
  inset: 0;
  background-image:
    radial-gradient(1px 1px at 10%  15%, rgba(255,255,255,.6) 0%, transparent 100%),
    radial-gradient(1px 1px at 25%  40%, rgba(0,243,255,.5)   0%, transparent 100%),
    radial-gradient(1px 1px at 40%  8%,  rgba(255,255,255,.7) 0%, transparent 100%),
    radial-gradient(1px 1px at 55%  65%, rgba(0,243,255,.4)   0%, transparent 100%),
    radial-gradient(1px 1px at 70%  30%, rgba(255,255,255,.6) 0%, transparent 100%),
    radial-gradient(1px 1px at 82%  50%, rgba(0,255,136,.4)   0%, transparent 100%),
    radial-gradient(1px 1px at 92%  20%, rgba(255,255,255,.5) 0%, transparent 100%),
    radial-gradient(2px 2px at 15%  75%, rgba(0,243,255,.3)   0%, transparent 100%),
    radial-gradient(2px 2px at 35%  90%, rgba(255,255,255,.4) 0%, transparent 100%),
    radial-gradient(2px 2px at 60%  45%, rgba(0,255,136,.3)   0%, transparent 100%),
    radial-gradient(2px 2px at 80%  80%, rgba(255,255,255,.5) 0%, transparent 100%),
    radial-gradient(1px 1px at 45%  55%, rgba(123,47,255,.4)  0%, transparent 100%),
    radial-gradient(1px 1px at 72%  12%, rgba(255,255,255,.6) 0%, transparent 100%);
  background-size: 400px 300px;
  animation: fu-starfield-drift 80s linear infinite;
}
.fu-starfield::after {
  background-size: 600px 500px;
  animation-duration: 120s;
  animation-direction: reverse;
  opacity: .5;
}
@keyframes fu-starfield-drift {
  from { transform: translateY(0); }
  to   { transform: translateY(-300px); }
}

/* ── TEXT ANIMATIONS (from Text Animation) ───────────────────── */
.fu-text-glitch {
  position: relative;
}
.fu-text-glitch::before,
.fu-text-glitch::after {
  content: attr(data-text);
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.fu-text-glitch::before {
  color: var(--fu-cyan);
  animation: fu-glitch-1 .5s infinite linear alternate-reverse;
  clip-path: polygon(0 0,100% 0,100% 35%,0 35%);
  opacity: .7;
}
.fu-text-glitch::after {
  color: var(--fu-magenta);
  animation: fu-glitch-2 .5s infinite linear alternate-reverse;
  clip-path: polygon(0 65%,100% 65%,100% 100%,0 100%);
  opacity: .7;
}
@keyframes fu-glitch-1 {
  0%   { transform: translate(-2px,2px); }
  25%  { transform: translate(2px,-2px); }
  50%  { transform: translate(-1px,0); }
  75%  { transform: translate(0,3px); }
  100% { transform: translate(2px,-1px); }
}
@keyframes fu-glitch-2 {
  0%   { transform: translate(2px,-2px); }
  25%  { transform: translate(-2px,2px); }
  50%  { transform: translate(3px,0); }
  75%  { transform: translate(0,-2px); }
  100% { transform: translate(-2px,1px); }
}

/* ── POLYCSS-STYLE DOM 3D CARD (from LayoutitStudio/polycss) ── */
/* Uses CSS matrix3d perspective — no WebGL required */
.fu-poly-scene {
  perspective: 800px;
  perspective-origin: 50% 50%;
}
.fu-poly-mesh {
  transform-style: preserve-3d;
  transition: transform .6s cubic-bezier(.25,1,.5,1);
}
.fu-poly-mesh:hover {
  transform: rotateX(8deg) rotateY(-8deg) translateZ(20px);
}
.fu-poly-face {
  background: rgba(0,243,255,0.04);
  border: 1px solid rgba(0,243,255,0.15);
  backface-visibility: hidden;
  transition: background .3s, border-color .3s;
}
.fu-poly-mesh:hover .fu-poly-face {
  background: rgba(0,243,255,0.08);
  border-color: rgba(0,243,255,0.4);
}

/* ── THREE.JS GLB VIEWER CONTAINER (from k4nkan) ─────────────── */
/* Drop-in container for a Three.js rotating 3D model */
.fu-glb-viewer {
  position: relative;
  width: 100%;
  height: 400px;
  background: transparent;
  border-radius: 20px;
  overflow: hidden;
  cursor: grab;
}
.fu-glb-viewer:active { cursor: grabbing; }
.fu-glb-viewer canvas {
  width: 100% !important;
  height: 100% !important;
  display: block;
}
.fu-glb-viewer-label {
  position: absolute;
  bottom: 1rem;
  left: 50%;
  transform: translateX(-50%);
  font-size: .65rem;
  font-weight: 700;
  color: rgba(0,243,255,0.6);
  letter-spacing: .12em;
  text-transform: uppercase;
  pointer-events: none;
}

/* ── PARALLAX SECTION (from parallax scrolling website) ─────── */
.fu-parallax {
  position: relative;
  overflow: hidden;
}
.fu-parallax-layer {
  position: absolute;
  inset: -20%;
  background-attachment: fixed;
  background-size: cover;
  background-position: center;
  will-change: transform;
}

/* ── ANIMATED BACKGROUND GRID (from animated-background) ─────── */
@keyframes fu-grid-pulse {
  0%,100% { opacity: .04; }
  50%      { opacity: .08; }
}
.fu-animated-grid {
  position: absolute;
  inset: 0;
  pointer-events: none;
  background-image:
    linear-gradient(rgba(0,243,255,.05) 1px, transparent 1px),
    linear-gradient(90deg, rgba(0,243,255,.05) 1px, transparent 1px);
  background-size: 40px 40px;
  animation: fu-grid-pulse 4s ease-in-out infinite;
}

/* ── HOVER CARD GLOW (from Hovercard- animations) ────────────── */
.fu-hover-glow {
  position: relative;
  transition: transform .3s var(--fu-ease), box-shadow .3s;
}
.fu-hover-glow::before {
  content: '';
  position: absolute;
  inset: -2px;
  border-radius: inherit;
  background: linear-gradient(
    135deg,
    var(--fu-cyan),
    var(--fu-magenta),
    var(--fu-green-neon),
    var(--fu-cyan)
  );
  background-size: 300% 300%;
  z-index: -1;
  opacity: 0;
  transition: opacity .3s;
  animation: fu-border-flow 4s ease infinite;
}
.fu-hover-glow:hover::before { opacity: 1; }
.fu-hover-glow:hover {
  transform: translateY(-6px);
  box-shadow: 0 20px 50px rgba(0,0,0,.5);
}

/* ══════════════════════════════════════════════════════════════
   WEBGL FLUID BACKGROUND INTEGRATION
   tkabalin/WebGL-Fluid-Background (MIT) — adapted from PavelDoGreat
   ══════════════════════════════════════════════════════════════ */

/* The fluid canvas must sit beneath all content */
#fu-fluid-canvas {
  position: absolute !important;
  inset: 0 !important;
  width: 100% !important;
  height: 100% !important;
  z-index: 0 !important;
  pointer-events: auto; /* fluid canvas needs mouse events for the sim */
  display: block;
}

/* Hero content must float above the canvas */
.fu-hero > .fu-hero-content,
.fu-hero > div[style*="z-index:4"] {
  position: relative;
  z-index: 4;
}

/* Fluid canvas colour tuning for our dark neon palette */
/* The sim is initialised with TRANSPARENT:true + dark BACK_COLOR */
/* so it composites naturally over the dark hero gradient */

/* Fluid interactivity region — content above must pass through */
.fu-hero-content,
.fu-hero-inner,
.fu-roi-card,
.fu-roi-card * {
  pointer-events: auto;
}

/* When WebGL is unavailable, canvas stays invisible — no broken layout */
#fu-fluid-canvas:not([width]) {
  display: none;
}

/* ── THREE.JS VIEWER CONTAINER ───────────────────────────────── */
#fu-threejs-mount canvas {
  position: absolute !important;
  inset: 0 !important;
  width: 100% !important;
  height: 100% !important;
  border-radius: inherit;
}

/* Prevent the Three.js canvas from blocking overlay chips */
#fu-threejs-mount > canvas {
  z-index: 0;
}

/* Neon glow on the Three.js container border */
#fu-threejs-mount {
  box-shadow:
    0 0 0 1px var(--fu-border-hot),
    0 0 30px rgba(0,243,255,0.12),
    0 0 60px rgba(0,243,255,0.06),
    0 20px 50px rgba(0,0,0,0.5);
  animation: fu-glow-breathe 5s ease-in-out infinite;
}

/* ── RESPONSIVE: collapse 3D viewer section on mobile ─────────── */
@media (max-width: 900px) {
  #fu-threejs-mount { height: 280px !important; }
  [style*="grid-template-columns:1fr 1fr"] > div:last-child > div[id="fu-threejs-mount"] {
    margin-top: 1.5rem;
  }
}
@media (max-width: 600px) {
  #fu-threejs-mount { height: 220px !important; }
  .fu-shooting-stars { display: none; } /* reduce motion on small screens */
  .fu-starfield::after { display: none; }
}
@media (prefers-reduced-motion: reduce) {
  #fu-fluid-canvas { display: none !important; }
  .fu-shooting-stars,
  .fu-starfield { display: none !important; }
  .fu-aurora::before,
  .fu-aurora::after { animation: none !important; }
  #fu-threejs-mount { animation: none !important; }
}

/* ══════════════════════════════════════════════════════════════
   LIGHT MODE FIXES — fu-section, fu-card, fu-commit-card
   on the four rewritten pages (index, about, services, pricing)
   ══════════════════════════════════════════════════════════════ */

/* Override inline fu-bg2 backgrounds on non-hero sections */
body.fu-page .fu-section[style*="background:var(--fu-bg2)"],
body.fu-page .fu-section[style*="background: var(--fu-bg2)"] {
  background: #f8fafc !important;
}
body.fu-page .fu-section[style*="background:var(--fu-bg)"],
body.fu-page .fu-section[style*="background: var(--fu-bg)"] {
  background: #ffffff !important;
}

/* fu-section-title and fu-section-sub on light sections */
body.fu-page .fu-section:not(.fu-hero) .fu-section-title {
  color: #1a1a2e !important;
  -webkit-text-fill-color: #1a1a2e !important;
}
body.fu-page .fu-section:not(.fu-hero) .fu-section-sub {
  color: #6b7280 !important;
}

/* fu-commit-card on light bg */
body.fu-page .fu-commit-card {
  background: #ffffff !important;
  border: 1.5px solid #e5e7eb !important;
  box-shadow: 0 4px 16px rgba(0,0,0,0.06) !important;
}
body.fu-page .fu-commit-card:hover {
  border-color: #c0392b !important;
  box-shadow: 0 8px 32px rgba(192,57,43,0.12) !important;
}
body.fu-page .fu-commit-card::after {
  background: linear-gradient(90deg,transparent,#c0392b,transparent) !important;
}
body.fu-page .fu-commit-card h3 {
  color: #1a1a2e !important;
  -webkit-text-fill-color: #1a1a2e !important;
}
body.fu-page .fu-commit-card p {
  color: #6b7280 !important;
}
body.fu-page .fu-commit-icon {
  background: rgba(192,57,43,0.08) !important;
  border-color: rgba(192,57,43,0.2) !important;
}

/* fu-value-card on light bg */
body.fu-page .fu-value-card {
  background: #ffffff !important;
  border: 1.5px solid #e5e7eb !important;
}
body.fu-page .fu-value-card:hover {
  box-shadow: 0 8px 32px rgba(0,0,0,0.1) !important;
}
body.fu-page .fu-value-card h3 { color: #1a1a2e !important; -webkit-text-fill-color: #1a1a2e !important; }
body.fu-page .fu-value-card p  { color: #6b7280 !important; }

/* fu-badge on light sections → red variant */
body.fu-page .fu-section:not(.fu-hero) .fu-badge {
  background: rgba(192,57,43,0.08) !important;
  border-color: rgba(192,57,43,0.2) !important;
  color: #c0392b !important;
}

/* Stats bar on about/pricing → keep dark (it has explicit dark bg inline) */
body.fu-page .fu-statsbar {
  background: linear-gradient(90deg,#1a1a2e 0%,#0d1117 50%,#1a1a2e 100%) !important;
  border-color: rgba(192,57,43,0.4) !important;
}
body.fu-page .fu-stat-num { color: #c0392b !important; }
body.fu-page .fu-stat-lbl { color: rgba(255,255,255,0.7) !important; }
body.fu-page .fu-stat-cell { border-color: rgba(255,255,255,0.08) !important; }

/* Ticker stays dark */
body.fu-page .fu-ticker { background: #1a1a2e !important; }
body.fu-page .fu-ticker-item { color: rgba(255,255,255,0.8) !important; }
body.fu-page .fu-ticker-item i { color: #00f3ff !important; }

/* Bento cells keep their image overlay — no change needed */

/* How-it-works step numbers on light bg → dark numbers */
body.fu-page .fu-section:not(.fu-hero) [style*="fu-step"] {
  color: #1a1a2e !important;
}

/* Timeline on about page → light bg */
body.fu-page .fu-section:not(.fu-hero) .fu-timeline::before {
  background: linear-gradient(180deg,#c0392b,rgba(192,57,43,0.1)) !important;
}
body.fu-page .fu-timeline-dot {
  background: linear-gradient(135deg,#1a1a2e,#c0392b) !important;
  border-color: #c0392b !important;
  color: #fff !important;
  box-shadow: 0 4px 16px rgba(192,57,43,0.3) !important;
}
body.fu-page .fu-timeline-body h3 { color: #1a1a2e !important; -webkit-text-fill-color: #1a1a2e !important; }
body.fu-page .fu-timeline-body p  { color: #6b7280 !important; }

/* fu-tactic-item on light bg */
body.fu-page .fu-section:not(.fu-hero) .fu-tactic-item {
  background: #ffffff !important;
  border: 1.5px solid #f0f2f5 !important;
}
body.fu-page .fu-section:not(.fu-hero) .fu-tactic-item:hover {
  border-color: #c0392b !important;
  box-shadow: 0 4px 12px rgba(192,57,43,0.08) !important;
}
body.fu-page .fu-section:not(.fu-hero) .fu-tactic-text { color: #374151 !important; }

/* fu-saving-pill on light bg */
body.fu-page .fu-section:not(.fu-hero) .fu-saving-pill {
  background: rgba(22,163,74,0.08) !important;
  border-color: rgba(22,163,74,0.25) !important;
  color: #15803d !important;
}

/* fu-split-content on light bg */
body.fu-page .fu-split-content {
  background: #ffffff !important;
}
body.fu-page .fu-split-content .fu-service-title { color: #1a1a2e !important; -webkit-text-fill-color: #1a1a2e !important; }
body.fu-page .fu-split-content .fu-service-desc  { color: #6b7280 !important; }
body.fu-page .fu-split-content .fu-service-label { color: #9ca3af !important; }

/* Alternating split sections */
body.fu-page .fu-section:not(.fu-hero)[style*="background:var(--fu-bg)"] .fu-split-content { background: #ffffff !important; }
body.fu-page .fu-section:not(.fu-hero)[style*="background:var(--fu-bg2)"] .fu-split-content { background: #f8fafc !important; }

/* Fix inline dark styles that got pushed onto non-hero sections */
body.fu-page div[style*="background:var(--fu-bg2)"],
body.fu-page div[style*="background: var(--fu-bg2)"] {
  background: #f8fafc !important;
}
body.fu-page div[style*="background:var(--fu-bg)"],
body.fu-page div[style*="background: var(--fu-bg)"] {
  background: #ffffff !important;
}

/* Except: keep dark on hero containers, commit strips, and CTA sections */
body.fu-page .fu-hero,
body.fu-page .fu-orb-container[style*="navy"],
body.fu-page .fu-orb-container[style*="linear-gradient(135deg,var(--fu-bg)"],
body.fu-page [style*="background:linear-gradient(135deg,var(--fu-bg)"],
body.fu-page [style*="background:linear-gradient(90deg,var(--fu-bg)"],
body.fu-page .fu-statsbar,
body.fu-page .fu-ticker,
body.fu-page .footer {
  background-color: unset; /* let their own inline/class bg take over */
}

/* fu-plan-card on pricing page — white */
body.fu-page .fu-plan-card {
  background: #ffffff !important;
  border: 1.5px solid #e5e7eb !important;
  color: #374151 !important;
  box-shadow: 0 4px 20px rgba(0,0,0,0.06) !important;
}
body.fu-page .fu-plan-card.featured {
  border-color: #c0392b !important;
  box-shadow: 0 8px 40px rgba(192,57,43,0.18) !important;
}
body.fu-page .fu-plan-card .fu-plan-price {
  color: #1a1a2e !important;
  -webkit-text-fill-color: #1a1a2e !important;
  text-shadow: none !important;
}
body.fu-page .fu-plan-card .fu-price-currency { color: #6b7280 !important; -webkit-text-fill-color: #6b7280 !important; }
body.fu-page .fu-plan-card .fu-price-suffix   { color: #9ca3af !important; }
body.fu-page .fu-plan-card .fu-plan-period     { color: #6b7280 !important; font-weight: 700 !important; text-transform: none !important; }
body.fu-page .fu-plan-card .fu-plan-name       { color: #9ca3af !important; }
body.fu-page .fu-plan-card .fu-plan-desc       { color: #6b7280 !important; }
body.fu-page .fu-plan-card .fu-plan-features li { color: #374151 !important; border-color: #f0f2f5 !important; }
body.fu-page .fu-plan-card .chk.yes { background: #dcfce7 !important; color: #16a34a !important; }
body.fu-page .fu-plan-badge {
  background: linear-gradient(135deg,#c0392b,#e74c3c) !important;
  color: #fff !important;
}

/* fu-calc-box on dark pricing strip — keep it dark */
body.fu-page .fu-calc-box {
  background: rgba(13,17,23,0.9) !important;
  border-color: rgba(0,243,255,0.25) !important;
}

/* fu-faq-item on light bg */
body.fu-page .fu-faq-item { border-color: #f0f2f5 !important; }
body.fu-page .fu-faq-q { color: #1a1a2e !important; }
body.fu-page .fu-faq-q:hover { color: #c0392b !important; }
body.fu-page .fu-faq-q .fu-faq-icon {
  background: #f3f4f6 !important;
  border-color: #e5e7eb !important;
  color: #6b7280 !important;
}
body.fu-page .fu-faq-q.open .fu-faq-icon { background: #fee2e2 !important; color: #c0392b !important; }
body.fu-page .fu-faq-a { color: #6b7280 !important; }

/* fu-table (compare table) — light */
body.fu-page .fu-table {
  background: #ffffff !important;
  border: 1px solid #e5e7eb !important;
}
body.fu-page .fu-table th { background: #f9fafb !important; color: #374151 !important; }
body.fu-page .fu-table td { color: #374151 !important; border-color: #f0f2f5 !important; }
body.fu-page .fu-table .fu-table-hot { background: #fef9f9 !important; }
body.fu-page .fu-table .check { color: #16a34a !important; }
body.fu-page .fu-table .cross { color: #d1d5db !important; }

/* How-it-works step numbers on light bg */
body.fu-page .fu-section:not(.fu-hero) [style*="border:2px solid var(--fu-cyan)"],
body.fu-page .fu-section:not(.fu-hero) [style*="border: 2px solid var(--fu-cyan)"] {
  background: linear-gradient(135deg,#1a1a2e,#c0392b) !important;
  border-color: #c0392b !important;
  color: #fff !important;
}

/* ROI card in hero — keep dark (it's inside fu-hero) */
body.fu-page .fu-roi-card {
  background: rgba(8,15,30,0.9) !important;
}
body.fu-page .fu-roi-card .fu-roi-num { color: #4ade80 !important; }
body.fu-page .fu-roi-card .fu-roi-lbl { color: rgba(168,196,216,0.8) !important; }
body.fu-page .fu-roi-card .fu-roi-label { color: #00f3ff !important; }
body.fu-page .fu-roi-card .fu-roi-title { color: #e8f4ff !important; }

/* Social proof bar stays whatever its own style says */
/* Testimonials widget — light */
body.fu-page .testimonials-section,
body.fu-page .testimonials-widget {
  background: #f8fafc !important;
}
body.fu-page .testimonial-card,
body.fu-page .review-card {
  background: #ffffff !important;
  border: 1px solid #e5e7eb !important;
  color: #374151 !important;
}
body.fu-page .testimonial-card:hover {
  border-color: #c0392b !important;
  box-shadow: 0 8px 24px rgba(192,57,43,0.08) !important;
}