:root{
  --bg:#050607;
  --bg2:#07080a;
  --glass: rgba(12,12,16,.55);
  --glass2: rgba(18,18,24,.44);
  --stroke: rgba(255,255,255,.10);
  --stroke2: rgba(255,255,255,.14);
  --text:#e9e9ee;
  --muted: rgba(233,233,238,.72);

  --gold:#ff8c00;
  --ember:#ff5500;
  --cyan:#57d6ff;

  --shadow: 0 18px 55px rgba(0,0,0,.55);
  --radius: 18px;
  --radius2: 22px;

  --wrap: 1120px;
}

*{box-sizing:border-box}
html,body{min-height:100%}
html{overflow-x:hidden}
body{
  margin:0;
  background: radial-gradient(1200px 900px at 20% 10%, rgba(255,106,0,.10), transparent 55%),
              radial-gradient(1100px 850px at 80% 20%, rgba(247,210,122,.08), transparent 60%),
              linear-gradient(180deg, var(--bg), #040405 70%);
  color:var(--text);
  font-family: Inter, system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
}

a{color:inherit;text-decoration:none}
.wrap{width:min(var(--wrap), calc(100% - 40px)); margin:0 auto}
.sr{position:absolute;left:-9999px}

/* Ambient background layers */
.bg{position:fixed; inset:0; z-index:-5; pointer-events:none}
.bg-grid{
  position:absolute; inset:-40px;
  background:
    linear-gradient(to right, rgba(255,255,255,.05) 1px, transparent 1px),
    linear-gradient(to bottom, rgba(255,255,255,.04) 1px, transparent 1px);
  background-size: 58px 58px;
  opacity:.12;
  transform: perspective(800px) rotateX(54deg) translateY(-18%);
  filter: blur(.2px);
}
.bg-glow{position:absolute; width:900px; height:900px; border-radius:999px; filter: blur(60px); opacity:.18}
.bg-glow-1{left:-280px; top:-240px; background: radial-gradient(circle, rgba(255,106,0,.55), transparent 60%)}
.bg-glow-2{right:-320px; top:-160px; background: radial-gradient(circle, rgba(247,210,122,.48), transparent 60%)}
.bg-noise{
  position:absolute; inset:0;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='260' height='260'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='260' height='260' filter='url(%23n)' opacity='.33'/%3E%3C/svg%3E");
  opacity:.06;
  mix-blend-mode: overlay;
}

/* Topbar */
.topbar{
  position:sticky; top:0; z-index:50;
  background: rgba(5,6,7,.62);
  backdrop-filter: blur(14px) saturate(140%);
  border-bottom: 1px solid rgba(255,255,255,.08);
}
.topbar-inner{
  display:flex; align-items:center; justify-content:space-between;
  padding: 12px 0;
  gap: 16px;
}
.brand{display:flex; align-items:center; gap:12px; min-width: 220px}
.brand-logo{width:42px;height:42px;object-fit:contain; filter: drop-shadow(0 10px 25px rgba(0,0,0,.45))}
.brand-text{display:flex; flex-direction:column; line-height:1.05}
.brand-name{
  font-family:Cinzel, serif;
  letter-spacing:.3px;
  font-weight:700;
  font-size: 18px;
}
.brand-sub{font-size:12px; color: rgba(233,233,238,.66)}
.dot{color:var(--gold)}

/* NAV — desktop */
.nav{
  display:flex;
  align-items:center;
  gap:20px;
}

.nav a{
  font-size:13px;
  letter-spacing:.35px;
  color: rgba(233,233,238,.72);
  text-decoration:none;
  position:relative;
}

.nav a:hover{
  color: rgba(233,233,238,.96);
}

.nav a::after{
  content:"";
  position:absolute;
  left:0;
  bottom:-6px;
  width:0;
  height:1px;
  background: linear-gradient(90deg,var(--accent),transparent);
  transition:width .25s ease;
}

.nav a:hover::after{
  width:100%;
}

/* NAV TOGGLE — mobile */
.nav-toggle{
  display:none;
  width:42px;
  height:42px;
  border-radius:12px;
  border:1px solid rgba(255,255,255,.14);
  background: rgba(8,10,12,.55);
  cursor:pointer;
}

.nav-toggle span{
  display:block;
  width:18px;
  height:2px;
  margin:4px auto;
  background: rgba(233,233,238,.9);
  border-radius:2px;
}

/* NAV DRAWER — mobile */
.nav-drawer{
  display:none;
  border-top:1px solid rgba(255,255,255,.10);
  padding:14px 22px 18px;
  background: rgba(6,7,9,.92);
}

.nav-drawer a{
  display:block;
  padding:12px 4px;
  font-size:14px;
  color: rgba(233,233,238,.88);
  text-decoration:none;
}

.nav-drawer a:hover{
  color:#fff;
}

/* Buttons */
.btn{
  display:inline-flex; align-items:center; justify-content:center;
  gap:10px;
  padding: 12px 16px;
  border-radius: 14px;
  border: 1px solid rgba(255,255,255,.10);
  background: linear-gradient(180deg, rgba(255,106,0,.22), rgba(255,106,0,.10));
  box-shadow: 0 16px 40px rgba(0,0,0,.35);
  font-weight:600;
  font-size:13px;
}
.btn:hover{transform: translateY(-1px); border-color: rgba(255,255,255,.16)}
.btn:active{transform: translateY(0)}
.btn-ghost{
  background: rgba(12,12,16,.38);
  border-color: rgba(255,255,255,.12);
}
.btn-small{padding:10px 12px; font-size:12px}

/* Hero */
.hero{
  position:relative;
  min-height: 94vh;
  display:flex;
  align-items:center;
  overflow:hidden;
  border-bottom: 1px solid rgba(255,255,255,.06);
}
.hero-bg {
  position: absolute;
  inset: 0;

  background:
    radial-gradient(circle at 50% 35%, rgba(255,170,60,.12), transparent 65%),
    linear-gradient(180deg, rgba(5,6,7,.35), rgba(5,6,7,.85));

  filter: none;
  transform: none;
}

.hero-overlay{
  position:absolute; inset:0;
  background: linear-gradient(180deg, rgba(0,0,0,.22), rgba(5,6,7,.92) 72%);
}
.hero-inner{position:relative; z-index:2; padding: clamp(96px, 14vh, 140px) 0 70px;}
.kicker{
  display:inline-flex; align-items:center; gap:10px;
  font-size: 12px;
  letter-spacing:.16em;
  text-transform: uppercase;
  color: rgba(233,233,238,.72);
  border: 1px solid rgba(255,255,255,.10);
  background: rgba(10,10,14,.35);
  padding: 10px 12px;
  border-radius: 999px;
}
.hero-title{
  margin: 18px 0 12px;
  font-family: Cinzel, serif;
  font-weight: 700;
  letter-spacing: .2px;
  font-size: clamp(2.2rem, 4.2vw, 3.4rem);
  line-height: 1.05;
}
.grad{
  background: linear-gradient(90deg, var(--gold), var(--ember));
  -webkit-background-clip:text;
  background-clip:text;
  color: transparent;
}
.hero-sub{
  max-width: 760px;
  color: rgba(233,233,238,.78);
  font-size: 15px;
  line-height: 1.6;
}
.hero-cta{display:flex; gap:12px; flex-wrap:wrap; margin-top: 18px}
.hero-badges{display:flex; gap:10px; flex-wrap:wrap; margin-top: 22px}
.pill{
  padding: 10px 12px;
  border-radius: 999px;
  border: 1px solid rgba(255,255,255,.10);
  background: rgba(12,12,16,.40);
  color: rgba(233,233,238,.76);
  font-size: 12px;
}
.hero-metrics{
  display:grid;
  grid-template-columns: repeat(3, minmax(0,1fr));
  gap: 12px;
  margin-top: 26px;
  max-width: 760px;
}
.metric{
  border: 1px solid rgba(255,255,255,.10);
  background: rgba(10,10,14,.40);
  border-radius: 16px;
  padding: 14px 14px;
  box-shadow: var(--shadow);
}
.metric-top{display:block; font-size: 11px; text-transform: uppercase; letter-spacing:.14em; color: rgba(233,233,238,.62)}
.metric-val{
  display:block;
  margin-top: 8px;
  font-family: Cinzel, serif;
  font-size: 22px;
  color: rgba(247,210,122,.95);
}
.metric-sub{display:block; margin-top: 3px; font-size: 12px; color: rgba(233,233,238,.72)}

/* Sections */
.section{padding: 70px 0}
.section-last{padding-bottom: 90px}
.section-head{max-width: 820px}
.section-kicker{
  font-size: 12px;
  letter-spacing:.16em;
  text-transform: uppercase;
  color: rgba(233,233,238,.62);
}
.section-title{
  margin: 10px 0 10px;
  font-family: Cinzel, serif;
  font-size: clamp(1.8rem, 3.2vw, 2.4rem);
  letter-spacing: .2px;
}
.section-sub{color: rgba(233,233,238,.75); line-height:1.65}

.grid-3{
  display:grid;
  grid-template-columns: repeat(3, minmax(0,1fr));
  gap: 14px;
  margin-top: 20px;
}
.card{
  border: 1px solid rgba(255,255,255,.10);
  background: linear-gradient(180deg, rgba(12,12,16,.55), rgba(10,10,14,.34));
  border-radius: var(--radius2);
  padding: 18px 16px;
  box-shadow: var(--shadow);
  position:relative;
  overflow:hidden;
}
.card:before{
  content:"";
  position:absolute; inset:-1px;
  background: radial-gradient(500px 220px at 20% 0%, rgba(255,106,0,.18), transparent 55%);
  opacity:.55;
  pointer-events:none;
}
.card-top{position:relative; z-index:1}
.tag{
  display:inline-flex;
  font-size: 11px;
  letter-spacing:.14em;
  text-transform: uppercase;
  padding: 7px 10px;
  border-radius: 999px;
  border: 1px solid rgba(255,255,255,.10);
  background: rgba(6,6,9,.35);
  color: rgba(233,233,238,.74);
}
.tag-amber{color: rgba(255,190,120,.92); border-color: rgba(255,190,120,.18)}
.tag-gold{color: rgba(247,210,122,.95); border-color: rgba(247,210,122,.18)}
.card h3{position:relative; z-index:1; margin: 12px 0 8px; font-size: 18px}
.card p{position:relative; z-index:1; margin:0 0 12px; color: rgba(233,233,238,.74); line-height:1.6}

.list{position:relative; z-index:1; margin:0; padding-left: 18px; color: rgba(233,233,238,.72)}
.list li{margin: 7px 0}

.divider{
  height:1px;
  background: linear-gradient(90deg, transparent, rgba(255,255,255,.14), transparent);
  margin: 24px 0;
}

.cta-slab{
  display:flex;
  align-items:flex-end;
  justify-content:space-between;
  gap: 16px;
  border: 1px solid rgba(255,255,255,.10);
  background: linear-gradient(180deg, rgba(247,210,122,.10), rgba(12,12,16,.42));
  border-radius: 22px;
  padding: 18px 16px;
  box-shadow: var(--shadow);
}
.cta-kicker{font-size:12px; letter-spacing:.16em; text-transform:uppercase; color: rgba(233,233,238,.62)}
.muted{color:var(--muted)}
.cta-slab-right{display:flex; gap:10px; flex-wrap:wrap}

/* Inventory */
.inventory-bar{
  display:flex;
  gap: 12px;
  margin-top: 18px;
  align-items:center;
  flex-wrap:wrap;
}
.search{
  flex: 1 1 320px;
  display:flex;
  align-items:center;
  gap: 10px;
  border: 1px solid rgba(255,255,255,.10);
  background: rgba(10,10,14,.42);
  border-radius: 16px;
  padding: 12px 12px;
}
.search-ico{opacity:.65}
.search input{
  width:100%;
  background: transparent;
  border:0;
  outline:none;
  color: rgba(233,233,238,.90);
  font-size: 13px;
}
.select select{
  border: 1px solid rgba(255,255,255,.10);
  background: rgba(10,10,14,.42);
  color: rgba(233,233,238,.88);
  border-radius: 16px;
  padding: 12px 12px;
  font-size: 13px;
  outline:none;
}

.table-card{
  margin-top: 14px;
  border: 1px solid rgba(255,255,255,.10);
  background: rgba(10,10,14,.38);
  border-radius: 22px;
  overflow:hidden;
  box-shadow: var(--shadow);
}
.table{
  width:100%;
  border-collapse: collapse;
}
.table th, .table td{
  padding: 14px 14px;
  border-bottom: 1px solid rgba(255,255,255,.08);
  font-size: 13px;
}
.table th{
  text-transform: uppercase;
  letter-spacing:.14em;
  font-size: 11px;
  color: rgba(233,233,238,.62);
  background: rgba(5,6,7,.42);
}
.table tr:hover td{background: rgba(255,255,255,.02)}
.dom{font-weight: 700}
.right{text-align:right}

.badge{
  display:inline-flex;
  padding: 7px 10px;
  border-radius: 999px;
  border: 1px solid rgba(255,255,255,.10);
  background: rgba(12,12,16,.35);
  font-size: 11px;
  color: rgba(233,233,238,.78);
}
.badge-amber{color: rgba(255,190,120,.92); border-color: rgba(255,190,120,.18)}
.badge-gold{color: rgba(247,210,122,.95); border-color: rgba(247,210,122,.18)}
.badge-cyan{color: rgba(87,214,255,.92); border-color: rgba(87,214,255,.18)}

.linkbtn{
  display:inline-flex;
  padding: 9px 12px;
  border-radius: 12px;
  border: 1px solid rgba(255,255,255,.10);
  background: rgba(12,12,16,.40);
  font-weight: 600;
}
.linkbtn:hover{border-color: rgba(255,255,255,.16); transform: translateY(-1px)}
.table-foot{padding: 12px 14px; margin:0}

.inventory-cta{
  display:grid;
  grid-template-columns: repeat(2, minmax(0,1fr));
  gap: 14px;
  margin-top: 14px;
}
.mini-card{
  border: 1px solid rgba(255,255,255,.10);
  background: linear-gradient(180deg, rgba(12,12,16,.55), rgba(10,10,14,.30));
  border-radius: 22px;
  padding: 18px 16px;
  box-shadow: var(--shadow);
}
.mini-card h3{margin:0 0 6px}
.mini-card p{margin:0 0 12px; line-height:1.6}

/* Flow */
.flow{
  display:grid;
  grid-template-columns: repeat(4, minmax(0,1fr));
  gap: 12px;
  margin-top: 18px;
}
.flow-step{
  border: 1px solid rgba(255,255,255,.10);
  background: rgba(10,10,14,.40);
  border-radius: 18px;
  padding: 16px 14px;
  box-shadow: var(--shadow);
}
.step-num{
  display:inline-flex;
  font-family: Cinzel, serif;
  font-size: 14px;
  color: rgba(247,210,122,.95);
  letter-spacing: .2px;
}
.flow-step h3{margin: 10px 0 6px}
.flow-step p{margin:0; color: rgba(233,233,238,.74); line-height:1.6}

.quote{
  margin-top: 16px;
  border: 1px solid rgba(255,255,255,.10);
  background: linear-gradient(180deg, rgba(255,106,0,.08), rgba(10,10,14,.38));
  border-radius: 22px;
  padding: 18px 16px;
  box-shadow: var(--shadow);
}
.quote p{margin:0; color: rgba(233,233,238,.82); line-height:1.7}
.em{color: rgba(247,210,122,.98); font-weight: 700}

/* FAQ */
.faq{margin-top: 16px; display:grid; gap: 10px}
.faq-item{
  border: 1px solid rgba(255,255,255,.10);
  background: rgba(10,10,14,.40);
  border-radius: 18px;
  padding: 0 14px;
  box-shadow: var(--shadow);
}
.faq-item summary{
  cursor:pointer;
  padding: 14px 0;
  font-weight: 600;
  color: rgba(233,233,238,.88);
  list-style:none;
}
.faq-item summary::-webkit-details-marker{display:none}
.faq-body{padding: 0 0 14px}
.faq-body p{margin:0; color: rgba(233,233,238,.74); line-height:1.6}

/* Apply */
.apply{
  display:grid;
  grid-template-columns: 1.1fr .9fr;
  gap: 14px;
  align-items:start;
}
.apply-actions{display:flex; gap: 12px; flex-wrap:wrap; margin-top: 14px}

.issuer-card{
  display:flex;
  gap: 12px;
  align-items:center;
  border: 1px solid rgba(255,255,255,.10);
  background: rgba(10,10,14,.42);
  border-radius: 22px;
  padding: 16px 14px;
  box-shadow: var(--shadow);
}
.issuer-img{
  width: 76px; height: 76px;
  object-fit: contain;
  filter: drop-shadow(0 16px 30px rgba(0,0,0,.45));
}
.issuer-kicker{
  margin:0;
  font-size: 12px;
  letter-spacing:.14em;
  text-transform: uppercase;
  color: rgba(233,233,238,.62);
}
.issuer-copy h3{margin: 6px 0 6px}
.issuer-copy p{margin:0; line-height:1.6}
.issuer-lines{
  margin-top: 12px;
  display:flex;
  flex-wrap:wrap;
  gap: 8px;
}
.issuer-lines span{
  padding: 8px 10px;
  border-radius: 999px;
  border: 1px solid rgba(255,255,255,.10);
  background: rgba(12,12,16,.40);
  font-size: 12px;
  color: rgba(233,233,238,.74);
}
.legal{margin-top: 10px}

/* Footer */
.footer{
  border-top: 1px solid rgba(255,255,255,.08);
  background: rgba(5,6,7,.72);
  backdrop-filter: blur(12px) saturate(140%);
  padding: 18px 0;
}
.footer-inner{
  display:flex; align-items:center; justify-content:space-between; gap: 12px;
}
.foot-mark{font-family:Cinzel,serif; font-weight:700}
.foot-right{display:flex; gap: 12px}
.foot-right a{color: rgba(233,233,238,.70); font-size: 12px}
.foot-right a:hover{color: rgba(233,233,238,.92)}

/* Reveal */
.reveal{
  opacity:0;
  transform: translateY(10px);
  transition: opacity 650ms ease, transform 650ms ease;
}
.reveal.is-on{
  opacity:1;
  transform: translateY(0);
}

/* Helpers */
.tiny{font-size: 12px}

/* Responsive */
@media (max-width: 980px){
  .nav{display:none}
  .nav-toggle{display:inline-flex; align-items:center; justify-content:center}
  .nav-drawer.is-open{display:block}
  .hero-inner{padding: 78px 0 62px}
  .grid-3{grid-template-columns: 1fr; }
  .hero-metrics{grid-template-columns: 1fr; max-width: 520px}
  .inventory-cta{grid-template-columns: 1fr}
  .flow{grid-template-columns: 1fr 1fr}
  .apply{grid-template-columns: 1fr}
}
@media (max-width: 560px){
  .flow{grid-template-columns: 1fr}
}
/* ===============================
   GLOBAL CINEMATIC BACKGROUND
   =============================== */

.gfd-bg {
  position: fixed;
  inset: 0;
  z-index: -1;

  background:
    radial-gradient(
      circle at 50% 42%,
      rgba(255, 106, 0, 0.07),
      transparent 62%
    ),
    url("/images/daasd-hero.png") center / cover no-repeat;

  filter: brightness(0.35) saturate(0.85);
  opacity: 0.9;
  pointer-events: none;
}

/* Optional subtle grain for depth */
.gfd-bg::after {
  content: "";
  position: absolute;
  inset: 0;
  background: url("/images/noise.png");
  opacity: 0.04;
  mix-blend-mode: overlay;
}
/* ===============================
   BACK TO TOP BUTTON
   =============================== */

#backToTop{
  position: fixed;
  bottom: 28px;
  right: 28px;

  background: none;
  border: none;
  padding: 0;

  font-size: 28px;
  font-weight: 700;
  color: rgba(255,255,255,0.7);
  cursor: pointer;
  z-index: 9999;

  /* HIDDEN BY DEFAULT */
  opacity: 0;
  pointer-events: none;
  transform: translateY(6px);
  transition: opacity .25s ease, transform .25s ease, color .2s ease;
}

#backToTop.visible{
  opacity: 1;
  pointer-events: auto;
  transform: translateY(0);
}

#backToTop:hover{
  color: var(--accent);
}

#backToTop.show {
  opacity: 1;
  transform: translateY(0);
  pointer-events: auto;
}


/* ===============================
   VAULT TABLE – FINAL ALIGNMENT
   =============================== */

.table {
  width: 100%;
  border-collapse: collapse;
}

.table th,
.table td {
  padding: 14px 16px;
  text-align: left;
  vertical-align: middle;
  white-space: nowrap;
}

.table th.right,
.table td.right {
  text-align: center;
}

.table .badge {
  display: inline-block;
  white-space: nowrap;
}

.table td.right .linkbtn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  margin: 0 auto;
}
.hero-meta{
  margin-top: 18px;
  font-size: 0.9rem;
  opacity: 0.7;
}
.hero-meta a{
  color: var(--accent);
  text-decoration: none;
}
.flow-system{
  margin-top: 48px;
  text-align: center;
}

.flow-system-text{
  max-width: 760px;
  margin: 0 auto;
  font-size: 0.95rem;
  line-height: 1.6;
  opacity: 0.78;
}
.section-divider{
  width: min(720px, 86%);
  height: 1px;
  margin: clamp(48px, 10vh, 88px) auto clamp(36px, 8vh, 64px);
  background: linear-gradient(
    90deg,
    transparent,
    rgba(255,255,255,0.14),
    transparent
  );
}
.topbar{
  position: sticky;
  top: 0;
  z-index: 10000;
  background: rgba(5,6,7,.85);
}
.daasd{
  font-weight: 600;
  letter-spacing: .14em;
}

.daasd span{
  font-size: 0.9em;
  opacity: 0.9;
}
.table-card {
  overflow-x: auto;
}
.nav-item.dropdown {
  position: relative;
  display: inline-flex;
  align-items: center;
}

.dropbtn {
  background: none;
  border: none;
  cursor: pointer;
  font: inherit;
  color: inherit;
  display: inline-flex;
  align-items: center;
  gap: 6px;
}

.dropdown-menu {
  position: absolute;
  top: calc(100% + 8px);
  left: 0;
  min-width: 200px;
  background: rgba(10,10,12,0.95);
  backdrop-filter: blur(10px);
  border: 1px solid rgba(255,211,106,0.18);
  border-radius: 12px;
  padding: 8px;
  display: none;
  z-index: 9999;
}

.dropdown-menu a {
  display: block;
  padding: 8px 10px;
  border-radius: 8px;
}

.dropdown-menu a:hover {
  background: rgba(255,211,106,0.14);
}

.nav-item.dropdown:hover .dropdown-menu {
  display: block;
}
/* ============================
   NAV DROPDOWN NORMALIZATION
   ============================ */

/* Make dropdown trigger match normal nav links */
.nav .dropbtn {
  font-size: inherit;
  font-weight: inherit;   /* remove bold */
  line-height: inherit;
  padding: 0;             /* match anchor spacing */
  margin: 0;
  color: inherit;
}

/* Ensure caret doesn't change height */
.nav .dropbtn .caret {
  font-size: 0.7em;
  font-weight: normal;
}

/* Align dropdown item visually with anchors */
.nav .nav-item.dropdown {
  display: inline-flex;
  align-items: center;
}
/* ============================
   NAV DROPDOWN — FIXED (DESKTOP + MOBILE)
   ============================ */

/* Ensure dropdown container aligns like links */
.nav .nav-item.dropdown{
  position: relative;
  display: inline-flex;
  align-items: center;
}

/* Make the button EXACTLY match .nav a styling */
.nav .dropbtn{
  appearance: none;
  -webkit-appearance: none;

  background: transparent;
  border: 0;
  padding: 0;
  margin: 0;

  /* match your .nav a rules */
  font-size: 13px;
  letter-spacing: .35px;
  font-weight: 400; /* kills bold */
  line-height: 1;

  color: rgba(233,233,238,.72);
  cursor: pointer;

  display: inline-flex;
  align-items: center;
  gap: 6px;
}

.nav .dropbtn:hover{
  color: rgba(233,233,238,.96);
}

/* Caret should not inflate font weight/size */
.nav .caret{
  font-size: 10px;
  opacity: .75;
  transform: translateY(1px);
}

/* Dropdown menu base */
.nav .dropdown-menu{
  position: absolute;
  top: calc(100% + 10px);
  left: 0;
  min-width: 210px;

  background: rgba(6,7,9,.92);
  backdrop-filter: blur(12px) saturate(140%);
  border: 1px solid rgba(255,255,255,.10);
  border-radius: 14px;
  box-shadow: 0 18px 55px rgba(0,0,0,.55);

  padding: 8px;
  display: none; /* hidden until .open */
  z-index: 9999;
}

/* Create an invisible “hover bridge” so it never disappears on pointer travel */
.nav .nav-item.dropdown::after{
  content:"";
  position:absolute;
  left:0;
  right:0;
  top:100%;
  height: 12px; /* bridge gap */
}

/* Show menu when open OR when hovered/focused (desktop safety) */
.nav .nav-item.dropdown.open .dropdown-menu,
.nav .nav-item.dropdown:hover .dropdown-menu,
.nav .nav-item.dropdown:focus-within .dropdown-menu{
  display: block;
}

/* Menu links */
.nav .dropdown-menu a{
  display:block;
  padding: 10px 10px;
  border-radius: 10px;
  font-size: 13px;
  letter-spacing: .2px;
  font-weight: 500;
  color: rgba(233,233,238,.88);
}

.nav .dropdown-menu a:hover{
  background: rgba(255,255,255,.04);
  color: #fff;
}

/* Optional: underline behavior like your .nav a */
.nav .dropbtn::after{
  content:"";
  position:absolute;
  left:0;
  bottom:-6px;
  width:0;
  height:1px;
  background: linear-gradient(90deg, var(--gold), transparent);
  transition: width .25s ease;
}
.nav .nav-item.dropdown:hover .dropbtn::after{
  width:100%;
}

/* Mobile: your existing drawer already handles stacking; just prevent absolute dropdown */
@media (max-width: 980px){
  .nav .dropdown-menu{
    position: static;
    top: auto;
    left: auto;
    min-width: auto;
    margin-top: 8px;
    display: block; /* inside drawer */
    background: transparent;
    border: none;
    box-shadow: none;
    padding: 0;
  }

  .nav .dropdown-menu a{
    padding: 10px 4px;
  }

  .nav .nav-item.dropdown::after{
    display:none;
  }
}
/* ============================
   CTA LINK SAFETY (NO UNDERLINE)
   ============================ */

a.btn,
a.btn:hover,
a.btn:focus,
a.btn:active {
  text-decoration: none !important;
}

/* Button variants */
a.btn-primary,
a.btn-ghost,
a.btn-small {
  text-decoration: none !important;
}