/* PumaPulse — Light Theme (only) */

:root {
  --bg:        #f5f6fa;
  --bg2:       #edeef5;
  --bg3:       #e0e4ef;
  --bg-light:  #f5f6fa;
  --bg-light2: #edeef5;
  --card:      #ffffff;
  --card-dark: #131a26;
  --border:    #e0e4ef;
  --border2:   rgba(0,0,0,0.12);
  --text:      #1a1e2e;
  --ink:       #1a1e2e;
  --mid:       #4a5470;
  --dim:       #8a93b0;
  --muted:     rgba(26,30,46,0.55);
  --muted2:    rgba(26,30,46,0.75);
  --primary:   #c0202a;
  --accent:    #e0263a;
  --red:       #c0202a;
  --red2:      #e0263a;
  --red3:      #ff3b4e;
  --pd:        rgba(192,32,42,0.08);
  --ad:        rgba(224,38,58,0.08);
  --vd:        rgba(192,32,42,0.05);
  --grad:      linear-gradient(135deg,#c0202a,#e0263a,#ff3b4e);
  --grad2:     linear-gradient(135deg,#ff3b4e,#c0202a);
  --grad3:     linear-gradient(135deg,#e0263a,#ff3b4e);
  --shadow:    0 8px 32px rgba(0,0,0,0.08);
  --nav-bg:    rgba(255,255,255,0.95);
  --input-bg:  #ffffff;
  --hero-ov:   linear-gradient(135deg,rgba(8,12,24,0.88) 0%,rgba(8,12,24,0.62) 60%,rgba(8,12,24,0.80) 100%);
  --page-ov:   linear-gradient(to right,rgba(8,12,24,0.90) 40%,rgba(8,12,24,0.48) 100%);
  --cta-ov:    linear-gradient(135deg,rgba(8,12,24,0.88) 0%,rgba(192,32,42,0.52) 100%);
  --process-line: linear-gradient(90deg,#c0202a,rgba(192,32,42,0.15));
  --rl: 6px;
}



/* Base */

body { background: var(--bg); color: var(--text); }

p { color: var(--muted2); }

h1,h2,h3,h4,h5 { color: var(--text); }



/* Cards */

.svc-card, .sol-card, .testi-card, .why-item, .feature-item,

.contact-item, .contact-form, .apply-form, .perk-card, .value-card,

.team-card, .blog-card, .job-card, .chain-card, .use-case,

.sfeat, .tech-logo-card, .portfolio-card {

  background: var(--card);

  border-color: var(--border);

}

.svc-card:hover, .sol-card:hover, .testi-card:hover, .why-item:hover,

.feature-item:hover, .contact-item:hover, .job-card:hover,

.blog-card:hover, .team-card:hover, .value-card:hover, .perk-card:hover,

.chain-card:hover, .use-case:hover, .sfeat:hover {

  border-color: var(--border2);

}



/* Sections */

section[style*="background:var(--bg2)"],

section[style*="background: var(--bg2)"],

.stats-row, .ticker-wrap { background: var(--bg2) !important; }



/* Navbar — always white text (sits over dark hero) */

.navbar { background: transparent; }

.navbar.scrolled {

  background: rgba(8,12,24,0.96) !important;

  border-bottom: 1px solid rgba(255,255,255,0.07) !important;

  backdrop-filter: blur(20px);

  box-shadow: 0 2px 24px rgba(0,0,0,0.4) !important;

}

.navbar .nav-links > li > a { color: rgba(240,244,255,0.75) !important; }

.navbar .nav-links > li > a:hover { color: #fff !important; background: rgba(255,255,255,0.08) !important; }

.navbar .hamburger span { background: rgba(240,244,255,0.75) !important; }

.navbar .dropdown-menu { background: #000000 !important; border-color: rgba(255,255,255,0.08) !important; }

.navbar .dropdown-menu a { color: rgba(240,244,255,0.65) !important; }

.navbar .dropdown-menu a:hover { background: rgba(255,255,255,0.06) !important; color: #fff !important; }

.mega-menu { border-radius: 0 !important; }

.mega-text-label { color: #f0f4ff !important; }

.mega-text-desc { color: rgba(240,244,255,0.55) !important; }

.mega-menu-header { color: rgba(240,244,255,0.4) !important; border-bottom-color: rgba(255,255,255,0.07) !important; }

.mega-menu-footer { border-color: rgba(255,255,255,0.07) !important; }

.mega-menu-footer a { color: rgba(240,244,255,0.5) !important; }

.mega-menu-footer a:hover { color: #e0263a !important; }

/* ── Mega menu: full-width minimal style ── */
.mega-menu{position:absolute !important;top:100% !important;left:50% !important;right:auto !important;width:220px !important;transform:translateX(-50%) !important;background:rgba(8,12,24,0.96) !important;backdrop-filter:blur(16px) !important;-webkit-backdrop-filter:blur(16px) !important;border:none !important;box-shadow:0 16px 40px rgba(0,0,0,0.5) !important;min-width:unset !important;padding:12px 0 !important;overflow:hidden !important;box-sizing:border-box !important;z-index:9999 !important}
.mega-menu>div[style*="grid"]{display:flex !important;flex-direction:column !important;gap:0 !important;width:100% !important;max-width:none !important;margin:0 !important;padding:0 !important}
.mega-menu-grid{display:flex !important;flex-direction:column !important;gap:0 !important;width:100% !important;max-width:none !important;margin:0 !important;padding:0 !important}
.mega-item{flex-direction:row !important;align-items:center !important;padding:10px 20px !important;border-radius:0 !important;border:none !important;gap:0 !important;background:none !important;width:100% !important}
.mega-item:hover{background:rgba(255,255,255,0.06) !important;border:none !important}
.mega-icon{display:none !important}
.mega-text-label{font-size:13px !important;font-weight:400 !important;color:rgba(240,244,255,0.75) !important;white-space:nowrap !important;letter-spacing:0 !important;transition:color .15s}
.mega-item:hover .mega-text-label{color:#fff !important}
.mega-text-desc{display:none !important}
.mega-menu-header{display:none !important}
.mega-menu-footer{display:none !important}
.mega-cta{display:none !important}



/* Buttons */

.btn-ghost { background: rgba(255,255,255,0.12); color: #fff; border: 1.5px solid rgba(255,255,255,0.35); }

.btn-ghost:hover { background: rgba(255,255,255,0.20); color: #fff; border-color: rgba(255,255,255,0.6); }

.btn-outline { border-color: rgba(0,0,0,0.16); color: #0f172a; }

.btn-outline:hover { border-color: var(--accent); color: var(--accent); background: var(--ad); }



/* Forms */

.form-group input, .form-group textarea, .form-group select {

  background: var(--input-bg);

  border-color: var(--border);

  color: var(--text);

}

.form-group label { color: var(--muted2); }



/* Stats */

.stat-cell { border-color: var(--border); }



/* Sol tabs */

.sol-tab { border-color: var(--border); color: var(--muted2); background: transparent; }

.sol-tab.active, .sol-tab:hover { background: var(--ad); border-color: rgba(192,32,42,0.3); color: var(--accent); }



/* Blog */

.blog-tag { background: var(--ad); color: var(--accent); }

.blog-meta { color: var(--muted); border-color: var(--border); }

.blog-card h3 { color: var(--text); }



/* Jobs */

.jtag-dept { background: var(--ad); color: var(--accent); }

.jtag-type { background: var(--vd); color: var(--purple); }

.jtag-loc  { background: rgba(0,0,0,0.05); color: var(--muted2); }

.dept-label { color: rgba(15,23,42,0.3); border-color: var(--border); }



/* Team */

.team-role { color: var(--accent); }



/* Svc image overlay for light */

.svc-img-overlay { background: linear-gradient(to bottom, transparent 45%, #ffffff 100%); }



/* Split badge */

.split-badge { background: rgba(255,255,255,0.92); border-color: rgba(0,0,0,0.12); backdrop-filter: blur(14px); }

.split-badge p { color: rgba(15,23,42,0.6); }



/* Footer always dark */

footer { background: #080c18 !important; }



/* Tech showcase */

.tech-logo-card { background: var(--card); border-color: var(--border); }

.tech-category-label { color: var(--muted); }

.tname { color: var(--text); }

.tdesc { color: var(--muted); }



/* Upload */

.upload-area { border-color: var(--border); }

.upload-area:hover { border-color: var(--accent); background: var(--ad); }



/* Filter */

.filter-btn { border-color: var(--border); color: var(--muted2); background: transparent; }

.filter-btn.active, .filter-btn:hover { background: var(--ad); border-color: rgba(192,32,42,0.3); color: var(--accent); }



/* Step badge */

.step-badge { background: var(--ad); border-color: rgba(192,32,42,0.3); color: var(--accent); }



/* Process */

.step-circle { background: var(--card); border-color: var(--border2); color: var(--primary); }

.process-row::before { background: var(--process-line); }



/* Svc link */

.svc-link { color: var(--accent); }

.sol-card-body a { color: var(--accent); }



/* Eyebrow */

.eyebrow { color: var(--accent); }

.eyebrow::before { background: var(--accent); }



/* Ticker */

.ticker-item { color: var(--muted); }

.ticker-dot { background: var(--accent); }



/* Breadcrumb */

.breadcrumb a { color: var(--accent); }

.breadcrumb span { color: var(--muted); }



/* Section divider */

.section-divider { background: var(--grad); }



/* Portfolio client */

.portfolio-client-name { color: var(--text); }

.portfolio-client-loc { color: var(--muted); }

.portfolio-quote { color: var(--muted2); }



/* Contact */

.contact-item h4 { color: var(--text); }

.contact-item svg { stroke: var(--accent); }



/* Why item */

.why-item h4 { color: var(--text); }



/* Perk */

.perk-body h4 { color: var(--text); }



/* Value */

.value-body h3 { color: var(--text); }



/* Testi */

.testi-name { color: var(--text); }

.testi-role { color: var(--muted); }

.testi-card blockquote { color: rgba(15,23,42,0.75); }

.stars span { background: #f59e0b; }



/* Feature table */

.feature-table th { background: var(--bg2); color: var(--text); }

.feature-table td { border-color: var(--border); color: var(--muted2); }

.feature-table tr:hover td { background: var(--bg2); }

.feature-table .check { color: #10b981; }

.feature-table .cross { color: rgba(15,23,42,0.3); }



/* Chain cards */

.chain-card h4 { color: var(--text); }

.chain-card p { color: var(--muted2); }



/* Use case */

.use-case h4 { color: var(--text); }

.use-case p { color: var(--muted2); }



/* Sfeat */

.sfeat h4 { color: var(--text); }

.sfeat p { color: var(--muted2); }



/* Live cards on hero — keep dark glass style */

.live-card { background: rgba(8,12,24,0.75) !important; border-color: rgba(255,255,255,0.1) !important; }

.live-card-label { color: rgba(240,244,255,0.5) !important; }

.live-card-val { color: #fff !important; }

.live-card-sub { color: rgba(240,244,255,0.45) !important; }



/* Hero badge */

.hero-badge { background: rgba(16,185,129,0.10); border-color: rgba(16,185,129,0.25); color: #047857; }

.hero-badge-dot { background: #10b981; }



/* Stat numbers */

.stat-num { background: var(--grad); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; }



/* Section desc */

.section-desc { color: var(--muted2); }



/* Page hero text always white (over dark overlay) */

.page-hero h1, .page-hero p, .page-hero .breadcrumb { color: #fff; }

.page-hero .breadcrumb a { color: #10b981; }

.page-hero .breadcrumb span { color: rgba(255,255,255,0.5); }



/* CTA banner text always white */

.cta-content h2, .cta-content p { color: #fff; }