:root{
  /* Brand blue (set to match your logo). Default below is a clean executive blue. */
  --brand: #1D4ED8;
  --brand-hover: #1E40AF;
  --brand-soft: rgba(29,78,216,.12);

  /* Map the site system colors to your brand so all components follow it */
  --primary: 221 83% 53%;              /* roughly #1D4ED8 in HSL */
  --primary-foreground: 0 0% 100%;
}

.hero-accent{
  color: var(--brand);
  text-decoration: underline;
  text-decoration-thickness: 6px;
  text-underline-offset: 10px;
  text-decoration-color: rgba(29,78,216,.18);
}

@media (max-width: 640px){
  .hero-accent{
    text-decoration-thickness: 4px;
    text-underline-offset: 8px;
  }
}

/* Header UI tokens */
.fv-btn{
  height: 40px;
  padding: 0 14px;
  border-radius: 10px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-weight: 600;
  line-height: 1;
  border: 1px solid hsl(var(--border));
  background: hsl(var(--background));
  color: hsl(var(--foreground));
  transition: background-color .15s ease, border-color .15s ease, color .15s ease, box-shadow .15s ease;
}

.fv-btn:hover{
  background: hsl(var(--accent));
}

.fv-btn--primary{
  border-color: var(--brand);
  background: var(--brand);
  color: #fff;
}

.fv-btn--primary:hover{
  background: var(--brand-hover);
  border-color: var(--brand-hover);
}

.fv-btn--toggle[aria-pressed="true"]{
  border-color: var(--brand);
  background: var(--brand-soft);
  color: var(--brand);
}

/* === Advisory Board cards: solid, consistent === */
.fv-advisor-card{
  background: hsl(var(--background));
  border: 1px solid hsl(var(--border));
  border-radius: 24px;
  box-shadow: 0 1px 2px rgba(0,0,0,.05);
}

/* Avatar sizing/crop */
.fv-avatar{
  width: 112px;
  height: 112px;
  border-radius: 16px;
  object-fit: cover;
  background: hsl(var(--muted));
  border: 1px solid hsl(var(--border));
}
@media (min-width: 768px){
  .fv-avatar{ width: 120px; height: 120px; }
}

/* Bio typography */
.fv-bio p{
  font-size: 0.875rem;
  line-height: 1.6;
  color: hsl(var(--muted-foreground));
  font-weight: 400;
  margin: 0;
}
.fv-bio p + p{ margin-top: .5rem; }

/* Toggle control */
.fv-bio-toggle{
  font-size: 0.875rem;
  font-weight: 600;
  color: hsl(var(--foreground) / .80);
}
.fv-bio-toggle:hover{ color: hsl(var(--foreground)); }

/* Chevron rotate on expanded */
[data-bio-toggle][aria-expanded="true"] [data-bio-chevron]{
  transform: rotate(180deg);
}

/* =========================================================
   Finelevate360 – Language visibility (stable)
   - Only hides the non-selected language.
   - Does NOT override Tailwind display utilities.
   ========================================================= */
html[lang="en"] [data-lang="mk"],
html[lang="en"] [data-lang^="mk-"] { display: none !important; }

html[lang="mk"] [data-lang="en"],
html[lang="mk"] [data-lang^="en-"] { display: none !important; }

.lang-hidden { display: none !important; }

/* ===== Header accent system ===== */
/* Make top nav links look intentional */
header .fv-navlink{
  position: relative;
  font-size: 14px;
  font-weight: 600;
  color: hsl(var(--muted-foreground));
  text-decoration: none;
  padding: 10px 6px;
  border-radius: 10px;
  transition: color .15s ease, background-color .15s ease;
}
header .fv-navlink:hover{
  color: var(--brand);
  background: rgba(29,78,216,.06);
}

/* Active page accent underline */
header .fv-navlink[aria-current="page"]{
  color: hsl(var(--foreground));
}
header .fv-navlink[aria-current="page"]::after{
  content:"";
  position:absolute;
  left:10px;
  right:10px;
  bottom:-14px;
  height:2px;
  background: var(--brand);
  border-radius: 999px;
}

/* Buttons (force visible even if other styles override) */
header .fv-btn{
  height: 40px;
  padding: 0 14px;
  border-radius: 10px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-weight: 700;
  line-height: 1;
  border: 1px solid hsl(var(--border));
  background: hsl(var(--background));
  color: hsl(var(--foreground));
  text-decoration: none;
  transition: background-color .15s ease, border-color .15s ease, color .15s ease, box-shadow .15s ease;
  box-shadow: 0 1px 0 rgba(0,0,0,.04);
}

header .fv-btn--primary{
  border-color: var(--brand);
  background: var(--brand);
  color: #fff;
}
header .fv-btn--primary:hover{
  background: var(--brand-hover);
  border-color: var(--brand-hover);
}

/* Header actions rhythm */
.header-actions{
  display: flex;
  align-items: center;
  gap: 14px;
}

/* Subtle language toggle (Capgemini-like) */
.lang-inline{
  display: inline-flex;
  align-items: center;
  gap: 10px;
  font-size: 12px;
  line-height: 1;
  white-space: nowrap;
  color: rgba(0,0,0,.65);
}

.header-actions .lang-inline{
  margin-left: 8px;
}

.lang-inline .lang-label{
  color: rgba(0,0,0,.55);
  letter-spacing: .02em;
}

.lang-inline .lang-sep{
  color: rgba(0,0,0,.35);
}

.lang-inline .lang-dot{
  color: rgba(0,0,0,.30);
  transform: translateY(-1px);
}

/* Links look like subtle nav text, not buttons */
.lang-inline .lang-link{
  appearance: none;
  background: transparent !important;
  border: 0 !important;
  padding: 0 !important;
  margin: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;

  color: rgba(0,0,0,.70);
  text-decoration: none;
  font-weight: 600;
  letter-spacing: .03em;
}

/* Hover/focus: minimal, premium */
.lang-inline .lang-link:hover{
  text-decoration: underline;
  text-underline-offset: 3px;
  text-decoration-thickness: 1px;
}

.lang-inline .lang-link:focus-visible{
  outline: 2px solid rgba(37, 99, 235, .35);
  outline-offset: 3px;
  border-radius: 6px;
}

/* Active language: slightly darker; no pill */
.lang-inline .lang-link.is-active,
.lang-inline .lang-link[aria-current="true"]{
  color: rgba(0,0,0,.92);
  text-decoration: none;
}

/* Prevent any existing button styling from leaking into language toggle */
.lang-inline .btn,
.lang-inline .button,
.lang-inline [class*="btn"],
.lang-inline [class*="button"]{
  background: transparent !important;
  border: 0 !important;
  padding: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  min-height: auto !important;
}

/* ===== Advisory Board: MAX consistency ===== */

/* Make every card same height in the grid */
.fv-card-inner{
  height: 360px;          /* desktop default */
  min-height: 360px;
}

/* Slightly taller on large screens */
@media (min-width: 1024px){
  .fv-card-inner{
    height: 380px;
    min-height: 380px;
  }
}

/* Shorter on small screens so it doesn't feel huge */
@media (max-width: 640px){
  .fv-card-inner{
    height: auto;
    min-height: 0;
  }
}

/* Clamp name/title/org so header height is constant */
.fv-card-name,
.fv-card-title,
.fv-card-org{
  display: -webkit-box;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

/* Name max 2 lines */
.fv-card-name{
  -webkit-line-clamp: 2;
}

/* Title max 2 lines */
.fv-card-title{
  -webkit-line-clamp: 2;
}

/* Org max 1 line */
.fv-card-org{
  -webkit-line-clamp: 1;
}

/* Header block always same size regardless of content */
.fv-card-head{
  min-height: 140px;  /* hard rhythm */
}

/* Bio clamp is consistent too */
.fv-bio{
  display: -webkit-box;
  -webkit-box-orient: vertical;
  overflow: hidden;
  -webkit-line-clamp: 4;      /* default collapsed */
  word-break: break-word;
}

.fv-bio.is-expanded{
  -webkit-line-clamp: unset;
}

/* Improve the fade so it looks intentional */
.fv-bio-fade:not(.is-expanded)::after{
  content:"";
  position:absolute;
  left:0;
  right:0;
  bottom:0;
  height:2.2em;
  background: linear-gradient(to bottom, transparent, hsl(var(--background)));
  pointer-events:none;
}

/* Ensure the bio container can host the fade overlay */
.fv-bio-fade{
  position: relative;
}

/* Make the footer area consistent even when button hidden */
.fv-card-foot{
  min-height: 34px;
  display: flex;
  align-items: flex-end;
}

/* ===== Partner tiers ===== */
.fv-tier-card{
  position: relative;
}

.fv-partner-card{
  padding-top: 44px;
}

.fv-tier-badge{
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 6px 10px;
  border-radius: 999px;
  font-size: 12px;
  font-weight: 800;
  line-height: 1;
  border: 1px solid hsl(var(--border));
  background: hsl(var(--background));
  color: hsl(var(--foreground));
  white-space: nowrap;
}

/* place badge top-right inside the card */
.fv-partner-card .fv-tier-badge{
  position: absolute;
  top: 14px;
  right: 14px;
}

/* Visual cue: left accent strip + stronger border tint */
.fv-tier-card::before{
  content:"";
  position:absolute;
  left:0;
  top:0;
  bottom:0;
  width: 6px;
  border-top-left-radius: 24px;
  border-bottom-left-radius: 24px;
  background: hsl(var(--border));
  opacity: .9;
}

/* Tier colors (subtle, executive) */
.fv-tier-gold{
  border-color: rgba(245, 158, 11, .35);
}
.fv-tier-gold::before{
  background: rgba(245, 158, 11, .65);
}
.fv-tier-gold .fv-tier-badge{
  border-color: rgba(245, 158, 11, .35);
  background: rgba(245, 158, 11, .10);
}

.fv-tier-silver{
  border-color: rgba(148, 163, 184, .55);
}
.fv-tier-silver::before{
  background: rgba(148, 163, 184, .85);
}
.fv-tier-silver .fv-tier-badge{
  border-color: rgba(148, 163, 184, .55);
  background: rgba(148, 163, 184, .16);
}

.fv-tier-bronze{
  border-color: rgba(180, 83, 9, .35);
}
.fv-tier-bronze::before{
  background: rgba(180, 83, 9, .60);
}
.fv-tier-bronze .fv-tier-badge{
  border-color: rgba(180, 83, 9, .35);
  background: rgba(180, 83, 9, .10);
}

.fv-tier-honorary{
  border-color: rgba(29, 78, 216, .18);
}
.fv-tier-honorary::before{
  background: rgba(29, 78, 216, .35);
}
.fv-tier-honorary .fv-tier-badge{
  border-color: rgba(29, 78, 216, .18);
  background: rgba(29, 78, 216, .08);
}

/* ===== Home: Partners logo rotator (single line) ===== */
.fv-home-partners{
  display:flex;
  align-items:center;
  gap:14px;
}

.fv-home-partners__nav{
  width: 44px;
  height: 44px;
  border-radius: 999px;
  border: 1px solid hsl(var(--border));
  background: hsl(var(--background));
  color: hsl(var(--foreground));
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 22px;
  line-height: 1;
  box-shadow: 0 1px 0 rgba(0,0,0,.04);
}
.fv-home-partners__nav:hover{ background: hsl(var(--accent)); }

.fv-home-partners__viewport{
  overflow:hidden;
  width:100%;
}


/* Partners carousel: disable manual scroll, keep programmatic motion */
#partnersTrack {
  overflow-x: hidden;
  overflow-y: visible;
  scrollbar-width: none;
  -ms-overflow-style: none;
  touch-action: none;
  cursor: default;
}

#partnersTrack::-webkit-scrollbar {
  display: none;
}

.fv-home-partners__track{
  display:flex;
  align-items:center;
  gap: 28px;
  will-change: transform;
}

.fv-home-partner{
  display:flex;
  align-items:center;
  justify-content:center;
  height: 44px;
  padding: 6px 10px;
}

.fv-home-partner img{
  height: 34px;
  width: auto;
  max-width: 160px;
  object-fit: contain;
}

/* Home partners monochrome strip */
.fv-home-partners__track img{
  filter: grayscale(1) contrast(1.08) brightness(0.98);
  -webkit-filter: grayscale(1) contrast(1.08) brightness(0.98);
  opacity: .85;
  transition: opacity .15s ease, filter .15s ease;
}

.fv-home-partners__track a:hover img{
  opacity: 1;
  filter: grayscale(0) contrast(1) brightness(1);
}

/* Mobile: hide arrows, allow swipe */
@media (max-width: 640px){
  .fv-home-partners__nav{ display:none; }
  .fv-home-partners__viewport{ overflow-x: auto; -webkit-overflow-scrolling: touch; }
  #partnersTrack{ overflow-x: hidden; }
}

/* =========================================================
   Reports page – premium visual layer (Rankings & Awards)
   ========================================================= */

.fv-reports-hero .fv-hero-glow{
  background: none !important;
}

.fv-kicker{
  display:inline-flex;
  align-items:center;
  gap:.5rem;
  padding:.4rem .75rem;
  border-radius:999px;
  border:1px solid hsl(var(--border));
  background: hsl(var(--background) / .75);
  backdrop-filter: blur(10px);
  color: hsl(var(--muted-foreground));
  font-size:.75rem;
  font-weight:700;
  letter-spacing:.02em;
  text-transform: uppercase;
}

.fv-hero-title{
  text-shadow: 0 1px 0 rgba(0,0,0,.02);
}

.fv-section-head{
  display:flex;
  align-items:flex-start;
  gap:14px;
}

.fv-section-icon{
  width:42px;
  height:42px;
  border-radius:14px;
  display:flex;
  align-items:center;
  justify-content:center;
  border:1px solid hsl(var(--border));
  background: linear-gradient(180deg, rgba(29,78,216,.10), rgba(29,78,216,.04));
  color: rgba(29,78,216, .95);
  flex: 0 0 auto;
  box-shadow: 0 1px 2px rgba(0,0,0,.05);
}

.fv-report-card{
  position: relative;
  border-radius: 22px;
  border: 1px solid hsl(var(--border));
  background:
    linear-gradient(180deg, rgba(29,78,216,.06), rgba(29,78,216,0) 55%),
    hsl(var(--background));
  padding: 22px;
  box-shadow: 0 10px 30px rgba(15,23,42,.05);
  transition: transform .18s ease, box-shadow .18s ease, border-color .18s ease;
  overflow: hidden;
}

.fv-report-card::after{
  content:"";
  position:absolute;
  inset:0;
  background: radial-gradient(420px 220px at 20% 10%, rgba(29,78,216,.10), transparent 60%);
  pointer-events:none;
  opacity:.65;
}

.fv-report-card:hover{
  transform: translateY(-3px);
  border-color: rgba(29,78,216,.25);
  box-shadow: 0 16px 40px rgba(15,23,42,.10);
}

.fv-report-card:focus-within{
  outline: none;
  box-shadow: 0 0 0 4px rgba(29,78,216,.14), 0 16px 40px rgba(15,23,42,.10);
}

.fv-card-top{
  position: relative;
  z-index: 1;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
  margin-bottom: 12px;
}

.fv-pill{
  position: relative;
  z-index: 1;
  display:inline-flex;
  align-items:center;
  gap:8px;
  padding: 8px 12px;
  border-radius: 999px;
  border:1px solid hsl(var(--border));
  background: hsl(var(--background) / .8);
  color: hsl(var(--foreground) / .75);
  font-size: .78rem;
  font-weight: 700;
}

.fv-status{
  position: relative;
  z-index: 1;
  display:inline-flex;
  align-items:center;
  gap:8px;
  padding: 8px 12px;
  border-radius: 999px;
  border:1px solid hsl(var(--border));
  background: rgba(29,78,216,.06);
  color: rgba(29,78,216,.95);
  font-size: .78rem;
  font-weight: 800;
}

.fv-dot{
  width: 8px;
  height: 8px;
  border-radius: 999px;
  background: rgba(29,78,216,.95);
  box-shadow: 0 0 0 4px rgba(29,78,216,.12);
  animation: fvPulse 1.6s ease-in-out infinite;
}

@keyframes fvPulse{
  0%,100%{ transform: scale(1); opacity: 1; }
  50%{ transform: scale(1.12); opacity: .85; }
}

.fv-card-title{
  position: relative;
  z-index: 1;
  font-size: 1.06rem;
  font-weight: 800;
  line-height: 1.25;
  letter-spacing: -0.01em;
  color: hsl(var(--foreground));
  margin-top: 6px;
}

.fv-card-desc{
  position: relative;
  z-index: 1;
  margin-top: 10px;
  font-size: .92rem;
  line-height: 1.55;
  color: hsl(var(--muted-foreground));
}

.fv-award-card{
  background:
    linear-gradient(180deg, rgba(29,78,216,.07), rgba(29,78,216,0) 55%),
    hsl(var(--background));
}

:root{
  --brand:#1D4ED8;
  --brand-hover:#1E40AF;
  --brand-soft:rgba(29,78,216,.12);
}

/* Premium shared card */
.fv-card{
  background:hsl(var(--background));
  border:1px solid hsl(var(--border));
  border-radius:24px;
  box-shadow:0 1px 2px rgba(0,0,0,.05);
  transition:transform .15s ease, box-shadow .15s ease, border-color .15s ease;
}
.fv-card:hover{
  transform:translateY(-1px);
  border-color:hsl(var(--border) / .75);
  box-shadow:0 10px 24px rgba(15,23,42,.08);
}

/* Avatar */
.fv-avatar{
  width:112px;height:112px;border-radius:16px;object-fit:cover;
  background:hsl(var(--muted));
  border:1px solid hsl(var(--border));
}
@media (min-width:768px){ .fv-avatar{width:120px;height:120px;} }

/* Partner logo */
.fv-logo{
  height:44px;width:auto;max-width:220px;
  object-fit:contain;display:block;
  filter:grayscale(1);opacity:.95;
}
.fv-card:hover .fv-logo{ filter:grayscale(.35);opacity:1; }

/* Pills */
.fv-pill{
  display:inline-flex;align-items:center;gap:8px;
  padding:8px 12px;border-radius:999px;
  border:1px solid hsl(var(--border));
  background:hsl(var(--background));
  color:hsl(var(--foreground) / .85);
  font-weight:700;font-size:12px;line-height:1;white-space:nowrap;
}
.fv-pill--soft{ background:hsl(var(--muted) / .35); }
.fv-pill svg{ width:14px;height:14px; }

/* Icon links (LinkedIn/Web) */
.fv-iconlink{
  display:inline-flex;align-items:center;justify-content:center;
  width:40px;height:40px;border-radius:999px;
  border:1px solid hsl(var(--border));
  background:hsl(var(--background));
  transition:background-color .15s ease,border-color .15s ease,transform .15s ease;
}
.fv-iconlink:hover{ background:hsl(var(--accent)); transform:translateY(-1px); }

/* Bio */
.fv-bio p{
  font-size:.875rem;line-height:1.6;
  color:hsl(var(--muted-foreground));
  font-weight:400;
}
.fv-bio p + p{ margin-top:.5rem; }

/* Clamp + fade */
.fv-bio{
  display:-webkit-box;-webkit-box-orient:vertical;
  overflow:hidden;-webkit-line-clamp:3;
}
.fv-bio.is-expanded{ -webkit-line-clamp:unset; }
.fv-bio-fade{ position:relative; }
.fv-bio-fade:not(.is-expanded)::after{
  content:"";position:absolute;left:0;right:0;bottom:0;height:2.2em;
  background:linear-gradient(to bottom, transparent, hsl(var(--background)));
  pointer-events:none;
}

/* Show more/less */
.fv-bio-toggle{
  display:inline-flex;align-items:center;gap:8px;
  font-size:14px;font-weight:800;
  color:hsl(var(--foreground) / .80);
  padding:6px 0;
}
.fv-bio-toggle:hover{ color:hsl(var(--foreground)); }
[data-bio-toggle][aria-expanded="true"] [data-bio-chevron]{ transform:rotate(180deg); }

/* Never grayscale ALL advisor grid images globally */
#advisorsGrid img{ filter:none !important; }

/* Language safety */
html[lang="en"] [data-lang="mk"]{ display:none !important; }
html[lang="mk"] [data-lang="en"]{ display:none !important; }
[data-lang]{ display:none !important; }
html[lang="en"] [data-lang="en"],
html[lang="mk"] [data-lang="mk"]{ display:revert !important; }
.lang-hidden{ display:none !important; }

/* =========================================================
   Global border/Divider softening (Tailwind v4 default)
   - Tailwind v4 border utilities often inherit currentColor (black).
   - This sets a site-wide default border color that looks premium.
   ========================================================= */

:root{
  /* If --border is already used (it is), keep it as the source of truth */
  --fv-line: hsl(var(--border, 214 32% 91%) / 0.85);
  --fv-line-strong: hsl(var(--border, 214 32% 91%) / 1);
}

/* Default border color for all elements (affects .border, .divide-x/y, etc.) */
*, *::before, *::after{
  border-color: var(--fv-line);
}

/* HR separators */
hr{
  border-top-color: var(--fv-line);
  opacity: 1;
}

/* Optional: when you intentionally use thicker borders, keep them subtle */
.border-2{
  border-color: var(--fv-line-strong);
}


/* =========================================================
   Global page background alignment (match /awards/)
   ========================================================= */

/* Ensure a consistent white base everywhere */
html, body{
  background: hsl(var(--background));
}

/* Disable the blue hero glow so all pages match the Awards look */
.fv-hero-glow{
  background: none !important;
}

/* =========================================================
   Finelevate360 — Fintech Intelligence Base (Global)
   v=20260212-fi1  (append to end of resilience.css)
   ========================================================= */

:root{
  --fv-bg: #ffffff;
  --fv-bg-alt: #f8fafc;

  --fv-text: #0f172a;
  --fv-muted: #475569;

  --fv-line: rgba(15, 23, 42, 0.08);
  --fv-line2: rgba(15, 23, 42, 0.06);

  --fv-accent: #2563eb;

  --fv-radius: 12px;
  --fv-radius-sm: 10px;

  --fv-container: 1240px;
  --fv-container-lg: 1320px;
  --fv-gutter: 24px;
}

/* Kill “puffy SaaS shadows” site-wide (Tailwind + custom shadow-[...]) */
[class*="shadow-"]{ box-shadow: none !important; }

/* Clamp over-rounding */
.rounded-3xl, .rounded-2xl{ border-radius: var(--fv-radius) !important; }
.rounded-xl{ border-radius: var(--fv-radius-sm) !important; }

/* Borders become hairlines everywhere */
*, ::before, ::after{ border-color: var(--fv-line) !important; }

/* Optional: remove background glow layer used on awards (keeps site crisp) */
.pointer-events-none.fixed.inset-0.-z-10{ display: none !important; }

/* Modern fintech section helpers (use gradually) */
.fv-container{
  width: min(100% - (var(--fv-gutter) * 2), var(--fv-container));
  margin-inline: auto;
}
.fv-container--wide{
  width: min(100% - (var(--fv-gutter) * 2), var(--fv-container-lg));
  margin-inline: auto;
}
.prose{
  max-width: 68ch;
  margin-inline: auto;
}
.prose--left{
  max-width: 68ch;
  margin-inline: 0;
}

@media (max-width: 900px){
  :root{ --fv-gutter: 18px; }
}
@media (max-width: 520px){
  :root{ --fv-gutter: 14px; }
}

.fv-section{ padding: 88px 0; }
.fv-section--alt{
  background: var(--fv-bg-alt);
  border-top: 1px solid var(--fv-line2);
  border-bottom: 1px solid var(--fv-line2);
}
.fv-panel{
  background: #fff;
  border: 1px solid var(--fv-line);
  border-radius: var(--fv-radius);
}
.fv-panel--padded{ padding: 28px; }



/* =========================================
   Fixed header offset (global)
   v=20260212-header1
   ========================================= */

:root{
  --fv-header-h: 64px; /* matches header h-16 */
}

/* Reserve space for the fixed header so content never scrolls under it */
body{
  padding-top: var(--fv-header-h);
}

/* Optional but recommended: anchors land below the header */
section, [id]{
  scroll-margin-top: calc(var(--fv-header-h) + 16px);
}

/* Header divider: soften (override global border-color !important) */
header{
  border-bottom: 1px solid rgba(15, 23, 42, 0.06) !important;
}
header.is-scrolled{
  border-bottom-color: rgba(15, 23, 42, 0.08) !important;
}

/* Header divider: soften (override global border-color !important) */
header{
  border-bottom: 1px solid rgba(15, 23, 42, 0.06) !important;
}
header.is-scrolled{
  border-bottom-color: rgba(15, 23, 42, 0.08) !important;
}

/* =========================================
   Header — final (blur + readable + soft divider)
   v=20260212-header-final
   ========================================= */

/* Always on top */
header{ z-index: 9999 !important; }

/* Base state */
header{
  /* Keep some transparency so blur is visible */
  background: hsl(var(--background) / 0.82) !important;

  -webkit-backdrop-filter: blur(14px);
  backdrop-filter: blur(14px);

  /* Soft hairline (NOT black) */
  border-bottom: 1px solid rgba(15, 23, 42, 0.06) !important;

  /* No heavy shadows in resting state */
  box-shadow: none !important;
}

/* Scrolled state (slightly more solid + subtle depth) */
header.is-scrolled{
  background: hsl(var(--background) / 0.90) !important;
  border-bottom-color: rgba(15, 23, 42, 0.08) !important;
  box-shadow: 0 8px 20px rgba(15, 23, 42, 0.06) !important;
}


/* Ensure hero copy stays on top */
.fv-hero > .relative.z-10 { position: relative; z-index: 10; }