.elementor-12 .elementor-element.elementor-element-934581c{--display:flex;}/* Start custom CSS for html, class: .elementor-element-bd4ce8f *//* =========================
   7of9 FLASH BANNER (Premium)
   Horse-blood red + gold shimmer
   ========================= */

:root{
  --jx-blood:#3b0610;     /* horse blood base */
  --jx-blood2:#140205;    /* deep */
  --jx-ruby:#8b121b;      /* rich crimson */
  --jx-gold:#ffd46b;      /* gold */
  --jx-gold2:#ffb627;     /* hotter gold */
  --jx-lime:#7cffc8;      /* lime accent */
  --jx-ink:#eef4ff;
  --jx-line:rgba(255,255,255,.14);
}

.jx-flash{
  position: relative;
  z-index: 60;
  border-radius: 18px;
  overflow: hidden;
  border: 1px solid rgba(255,212,107,.28);
  background:
    radial-gradient(900px 70px at 15% 20%, rgba(255,212,107,.16), transparent 60%),
    radial-gradient(700px 80px at 80% 10%, rgba(124,255,200,.12), transparent 55%),
    linear-gradient(90deg, rgba(20,2,5,.92), rgba(59,6,16,.92) 45%, rgba(20,2,5,.92));
  box-shadow:
    0 18px 55px rgba(0,0,0,.55),
    0 0 0 1px rgba(255,212,107,.10) inset,
    0 0 22px rgba(255,182,39,.12),
    0 0 42px rgba(139,18,27,.18);
}

/* Outer glow aura */
.jx-flash::before{
  content:"";
  position:absolute;
  inset:-2px;
  background:
    conic-gradient(from 180deg,
      rgba(255,214,107,.0),
      rgba(255,214,107,.55),
      rgba(124,255,200,.18),
      rgba(139,18,27,.55),
      rgba(255,214,107,.55),
      rgba(255,214,107,.0)
    );
  filter: blur(14px);
  opacity: .35;
  pointer-events:none;
}

/* Moving shimmer highlight */
.jx-flash::after{
  content:"";
  position:absolute;
  top:-40%;
  left:-30%;
  width: 60%;
  height: 180%;
  background: linear-gradient(115deg,
    transparent 0%,
    rgba(255,214,107,.12) 35%,
    rgba(255,214,107,.35) 50%,
    rgba(255,214,107,.10) 65%,
    transparent 100%
  );
  transform: rotate(8deg);
  animation: jxShimmer 3.6s linear infinite;
  mix-blend-mode: screen;
  opacity: .55;
  pointer-events:none;
}

@keyframes jxShimmer{
  0%{ transform: translateX(-30%) rotate(8deg); }
  100%{ transform: translateX(240%) rotate(8deg); }
}

@media (prefers-reduced-motion: reduce){
  .jx-flash::after{ animation: none; }
}

/* Layout */
.jx-flash__inner{
  display:flex;
  align-items:center;
  gap:12px;
  padding: 10px 12px;
}

/* Brand block */
.jx-flash__brand{
  display:inline-flex;
  align-items:center;
  gap:10px;
  text-decoration:none;
  padding: 8px 10px;
  border-radius: 14px;
  border: 1px solid rgba(255,255,255,.10);
  background: rgba(0,0,0,.16);
  box-shadow: 0 10px 24px rgba(0,0,0,.35);
  flex: 0 0 auto;
}

.jx-flash__mark{
  width:30px;
  height:30px;
  border-radius: 12px;
  background:
    radial-gradient(14px 14px at 30% 30%, rgba(124,255,200,.90), transparent 60%),
    radial-gradient(16px 16px at 70% 70%, rgba(167,139,250,.85), transparent 60%),
    radial-gradient(18px 18px at 70% 25%, rgba(255,214,107,.55), transparent 60%),
    linear-gradient(135deg, rgba(65,216,255,.18), rgba(124,255,200,.12));
  border:1px solid rgba(255,255,255,.16);
  box-shadow:
    0 12px 22px rgba(0,0,0,.40),
    0 0 18px rgba(255,214,107,.18);
}

.jx-flash__name{
  font-weight: 950;
  letter-spacing: .2px;
  color: var(--jx-ink);
  text-shadow:
    0 0 10px rgba(255,214,107,.18),
    0 0 18px rgba(139,18,27,.18);
  white-space: nowrap;
}

/* Ticker area */
.jx-flash__ticker{
  position: relative;
  flex: 1 1 auto;
  min-width: 0;
  padding: 10px 12px;
  border-radius: 14px;
  border: 1px solid rgba(255,214,107,.18);
  background:
    radial-gradient(420px 60px at 10% 0%, rgba(255,214,107,.10), transparent 60%),
    radial-gradient(360px 70px at 90% 100%, rgba(139,18,27,.14), transparent 62%),
    rgba(0,0,0,.14);
  overflow: hidden;
}

.jx-flash__msg{
  display:none;
  font-weight: 900;
  color: var(--jx-ink);
  letter-spacing: .15px;
  line-height: 1.2;
  text-shadow:
    0 0 10px rgba(255,214,107,.14),
    0 0 18px rgba(255,182,39,.10);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.jx-flash__msg.is-on{
  display:block;
  animation: jxMsgIn .38s ease both;
}

@keyframes jxMsgIn{
  from{ opacity:0; transform: translateY(6px); }
  to{ opacity:1; transform: translateY(0); }
}

/* CTA */
.jx-flash__cta{
  flex: 0 0 auto;
  height: 40px;
  padding: 0 12px;
  border-radius: 14px;
  text-decoration:none;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  font-weight: 980;
  letter-spacing:.2px;
  color: var(--jx-ink);
  border: 1px solid rgba(255,214,107,.34);
  background:
    radial-gradient(120px 60px at 20% 20%, rgba(255,214,107,.22), transparent 60%),
    radial-gradient(120px 60px at 80% 80%, rgba(124,255,200,.10), transparent 60%),
    rgba(255,255,255,.04);
  box-shadow:
    0 10px 26px rgba(0,0,0,.40),
    0 0 18px rgba(255,182,39,.14);
}

.jx-flash__cta:hover{
  border-color: rgba(255,214,107,.55);
  box-shadow:
    0 14px 34px rgba(0,0,0,.50),
    0 0 26px rgba(255,182,39,.22),
    0 0 28px rgba(139,18,27,.16);
}

/* Mobile tuning */
@media (max-width: 640px){
  .jx-flash{ border-radius: 16px; }
  .jx-flash__inner{ padding: 10px; gap:10px; }
  .jx-flash__brand{ padding: 8px; }
  .jx-flash__name{ display:none; } /* keeps it clean on mobile */
  .jx-flash__cta{ display:none; }  /* remove CTA to avoid crowding */
  .jx-flash__msg{ font-weight: 950; }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-6988209 */:root{
  /* Base */
  --bg:#07080b;
  --panel:#0d0f15;
  --panel2:#0b0d12;
  --card:#0f1420;

  --ink:#eef4ff;
  --muted:rgba(238,244,255,.74);
  --muted2:rgba(238,244,255,.56);
  --line:rgba(238,244,255,.12);

  /* Accent discipline (no pink/cream) */
  --lime:#7cffc8;
  --purple:#a78bfa;
  --gold:#ffd46b;
  --cyan:#41d8ff;

  /* Horse-blood reds (deep + rich) */
  --blood:#4a0b10;     /* deep oxblood */
  --blood2:#8b121b;    /* rich crimson */
  --ruby:#ff2a3c;      /* hot highlight (use sparingly) */

  --radius:18px;
  --shadow: 0 18px 60px rgba(0,0,0,.60);
  --shadow2: 0 10px 30px rgba(0,0,0,.48);

  --dockH:74px;
  --max:1120px;
}

/* Reset */
*{box-sizing:border-box}
html,body{height:100%}
body{
  margin:0;
  color:var(--ink);
  font-family: ui-sans-serif, system-ui, -apple-system, Segoe UI, Roboto, Arial, "Apple Color Emoji","Segoe UI Emoji";
  line-height:1.55;

  /* Premium dark base + blood/gold glows */
  background:
    radial-gradient(1100px 560px at 10% -10%, rgba(124,255,200,.16), transparent 60%),
    radial-gradient(900px 520px at 92% 0%, rgba(167,139,250,.18), transparent 55%),
    radial-gradient(900px 520px at 70% 110%, rgba(255,212,107,.15), transparent 55%),
    radial-gradient(900px 520px at 12% 70%, rgba(139,18,27,.20), transparent 58%),
    radial-gradient(520px 340px at 85% 75%, rgba(255,42,60,.10), transparent 62%),
    linear-gradient(180deg, #07080b 0%, #07080b 52%, #06070a 100%);
}

/* Links */
a{color:inherit}
a:focus-visible, button:focus-visible, summary:focus-visible{
  outline: 2px solid rgba(255,212,107,.55);
  outline-offset: 3px;
  border-radius: 12px;
}

/* Skip link */
.skip-link{
  position:absolute; left:-999px; top:auto; width:1px; height:1px; overflow:hidden;
}
.skip-link:focus{
  left:16px; top:16px; width:auto; height:auto; padding:10px 12px;
  background:rgba(15,20,32,.92);
  border:1px solid var(--line);
  border-radius:12px;
  z-index:9999;
  box-shadow: var(--shadow2);
}

.container{width:min(var(--max), calc(100% - 40px)); margin-inline:auto;}
main{padding-bottom: calc(var(--dockH) + 20px);}

/* Top header */
.jx-top{
  position:sticky; top:0; z-index:50;
  background: linear-gradient(to bottom, rgba(7,8,11,.90), rgba(7,8,11,.55));
  backdrop-filter: blur(12px);
  border-bottom: 1px solid rgba(238,244,255,.08);
}
.jx-top__inner{
  display:flex;
  align-items:center;
  justify-content:flex-end; /* since brand is removed */
  padding:14px 0;
  gap:12px;
}

/* Nav: visible + scrollable on small screens */
.jx-top__nav{
  display:flex;
  gap:10px;
  align-items:center;
  flex-wrap:nowrap;
  overflow:auto;
  -webkit-overflow-scrolling: touch;
  scrollbar-width:none;
  padding-bottom:2px;
}
.jx-top__nav::-webkit-scrollbar{display:none}

.jx-top__link{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  padding:10px 12px;
  border-radius:999px;
  border:1px solid rgba(238,244,255,.10);
  background: rgba(255,255,255,.03);
  text-decoration:none;
  font-weight:850;
  letter-spacing:.15px;
  white-space:nowrap;
  box-shadow: 0 10px 20px rgba(0,0,0,.28);
}
.jx-top__link:hover{border-color: rgba(255,212,107,.35)}
.jx-top__link.is-active{
  border-color: rgba(255,212,107,.45);
  background:
    radial-gradient(180px 70px at 22% 10%, rgba(255,212,107,.18), transparent 60%),
    radial-gradient(160px 80px at 88% 40%, rgba(139,18,27,.14), transparent 62%),
    rgba(255,255,255,.03);
}

/* Buttons */
.jx-btn{
  display:inline-flex; align-items:center; justify-content:center;
  gap:10px;
  padding:12px 14px;
  border-radius:14px;
  border:1px solid var(--line);
  text-decoration:none;
  font-weight:900;
  letter-spacing:.2px;
  box-shadow: var(--shadow2);
  background: rgba(255,255,255,.04);
}
.jx-btn--secondary{opacity:.94}
.jx-btn--primary{
  border-color: rgba(124,255,200,.36);
  background:
    radial-gradient(170px 75px at 20% 10%, rgba(124,255,200,.22), transparent 60%),
    radial-gradient(170px 90px at 88% 40%, rgba(167,139,250,.18), transparent 62%),
    rgba(255,255,255,.04);
}
.jx-btn--gold{
  border-color: rgba(255,212,107,.42);
  background:
    radial-gradient(190px 80px at 18% 12%, rgba(255,212,107,.22), transparent 60%),
    radial-gradient(190px 90px at 90% 42%, rgba(139,18,27,.14), transparent 62%),
    rgba(255,255,255,.04);
}

/* ABOUT HERO */
.ab-hero{padding:46px 0 22px;}
.ab-hero__inner{
  display:grid; gap:18px;
  grid-template-columns: 1.1fr .9fr;
  align-items:start;
}
@media (max-width: 960px){
  .ab-hero__inner{grid-template-columns:1fr}
}

.ab-hero__kicker{
  display:inline-flex; align-items:center; gap:10px;
  font-size:.95rem; color:var(--muted);
  margin:0 0 10px;
}
.ab-hero__kicker::before{
  content:"";
  width:34px; height:1px;
  background: linear-gradient(90deg, rgba(255,212,107,.8), rgba(139,18,27,.6), transparent);
  opacity:.95;
}
.ab-hero__title{
  font-size: clamp(2rem, 3vw, 3rem);
  line-height:1.12;
  margin:0 0 10px;
  letter-spacing:-.45px;
  font-weight:1000;
  text-shadow:
    0 10px 50px rgba(0,0,0,.55),
    0 0 24px rgba(255,212,107,.08),
    0 0 18px rgba(139,18,27,.08);
}
.ab-hero__lead{margin:0 0 16px; color:var(--muted); max-width:62ch;}
.ab-hero__actions{display:flex; flex-wrap:wrap; gap:10px; align-items:center;}
.ab-hero__fine{
  margin:12px 0 0;
  color:rgba(238,244,255,.62);
  max-width:72ch;
}

/* Chips */
.ab-chipRow{display:flex; flex-wrap:wrap; gap:10px; margin: 14px 0 18px;}
.ab-chip{
  display:inline-flex; align-items:center; gap:8px;
  padding:10px 12px;
  border-radius:999px;
  background: rgba(255,255,255,.04);
  border:1px solid rgba(238,244,255,.12);
  color: var(--ink);
  text-decoration:none;
  font-weight:900;
}
.ab-chip small{color:var(--muted2); font-weight:750}
.ab-chip:hover{border-color: rgba(255,212,107,.35)}
.ab-chip__dot{
  width:9px; height:9px; border-radius:99px;
  background: var(--lime);
  box-shadow: 0 0 0 4px rgba(124,255,200,.12);
}
.ab-chip__dot--blood{background: var(--blood2); box-shadow: 0 0 0 4px rgba(139,18,27,.14);}
.ab-chip__dot--gold{background: var(--gold); box-shadow: 0 0 0 4px rgba(255,212,107,.14);}
.ab-chip__dot--cyan{background: var(--cyan); box-shadow: 0 0 0 4px rgba(65,216,255,.12);}

/* Hero panel */
.ab-panel{
  border-radius: calc(var(--radius) + 6px);
  border: 1px solid rgba(238,244,255,.12);
  background:
    radial-gradient(560px 220px at 20% 0%, rgba(255,212,107,.14), transparent 60%),
    radial-gradient(620px 260px at 92% 20%, rgba(139,18,27,.18), transparent 62%),
    radial-gradient(520px 240px at 50% 120%, rgba(167,139,250,.12), transparent 60%),
    rgba(255,255,255,.03);
  box-shadow: var(--shadow);
  padding: 16px;
  position:relative;
  overflow:hidden;
}
.ab-panel::before{
  content:"";
  position:absolute; inset:-2px;
  background:
    linear-gradient(120deg,
      transparent 0%,
      rgba(255,212,107,.18) 18%,
      rgba(255,42,60,.12) 38%,
      rgba(139,18,27,.16) 54%,
      rgba(65,216,255,.10) 74%,
      transparent 100%);
  opacity:.45;
  transform: translateX(-25%);
  filter: blur(8px);
  animation: abShimmer 6.5s ease-in-out infinite;
  pointer-events:none;
}
@keyframes abShimmer{
  0%,100%{transform: translateX(-25%)}
  50%{transform: translateX(25%)}
}

.ab-panel__badge{
  display:inline-flex; align-items:center; gap:10px;
  padding: 10px 12px;
  border-radius: 999px;
  border: 1px solid rgba(255,212,107,.35);
  background: rgba(255,212,107,.08);
  font-weight:1000;
  letter-spacing:.2px;
  position:relative;
  z-index:1;
}
.ab-panel__badge .orb{
  width:10px; height:10px; border-radius:50%;
  background: var(--gold);
  box-shadow:
    0 0 0 4px rgba(255,212,107,.14),
    0 0 18px rgba(255,212,107,.22),
    0 0 14px rgba(139,18,27,.12);
}
.ab-panel__grid{
  display:grid;
  grid-template-columns: 1fr 1fr;
  gap:10px;
  margin-top: 12px;
  position:relative;
  z-index:1;
}
@media (max-width: 560px){
  .ab-panel__grid{grid-template-columns:1fr}
}
.ab-spec{
  padding:12px;
  border-radius:14px;
  border:1px solid rgba(238,244,255,.10);
  background: rgba(0,0,0,.22);
  box-shadow: 0 10px 22px rgba(0,0,0,.28);
}
.ab-spec__label{margin:0; font-size:.85rem; color:var(--muted2); font-weight:800}
.ab-spec__value{margin:3px 0 0; font-weight:950}
.ab-spec__value a{color:inherit; text-decoration:none; border-bottom: 1px dashed rgba(255,212,107,.26)}
.ab-spec__value a:hover{border-bottom-color: rgba(255,212,107,.52)}

.ab-panel__cta{display:flex; flex-wrap:wrap; gap:10px; margin-top:12px; position:relative; z-index:1}

/* Blocks + headings */
.ab-block{padding: 26px 0}
.ab-hd{margin:0 0 14px}
.ab-hd__kicker{
  display:inline-flex; align-items:center; gap:10px;
  color: var(--muted);
  font-weight:1000;
  margin:0 0 8px;
  letter-spacing:.2px;
}
.ab-hd__kicker::before{
  content:"";
  width:26px; height:1px;
  background: linear-gradient(90deg, rgba(238,244,255,.65), transparent);
}
.ab-hd__title{
  margin:0 0 8px;
  font-size: clamp(1.45rem, 2.1vw, 2rem);
  letter-spacing:-.25px;
  font-weight: 1000;
}
.ab-hd__sub{margin:0; color: var(--muted); max-width:88ch}

.ab-grid{display:grid; gap:14px;}
.ab-grid--two{grid-template-columns: 1fr 1fr}
.ab-grid--three{grid-template-columns: repeat(3, 1fr)}
@media (max-width: 980px){ .ab-grid--three{grid-template-columns:1fr} }
@media (max-width: 900px){ .ab-grid--two{grid-template-columns:1fr} }

/* Feature promise block (blood + gold glow) */
.ab-feature{
  position:relative;
}
.ab-feature__inner{
  border-radius: calc(var(--radius) + 10px);
  border: 1px solid rgba(238,244,255,.14);
  background:
    radial-gradient(820px 320px at 12% 0%, rgba(255,212,107,.20), transparent 55%),
    radial-gradient(760px 360px at 92% 12%, rgba(139,18,27,.26), transparent 60%),
    radial-gradient(920px 420px at 50% 120%, rgba(255,42,60,.10), transparent 62%),
    rgba(255,255,255,.03);
  box-shadow: var(--shadow);
  padding: 18px;
  overflow:hidden;
}
.ab-feature__inner::after{
  content:"";
  position:absolute;
  inset:-3px;
  border-radius: calc(var(--radius) + 12px);
  pointer-events:none;
  box-shadow:
    0 0 0 1px rgba(255,212,107,.10),
    0 0 42px rgba(255,212,107,.12),
    0 0 56px rgba(139,18,27,.14),
    0 0 72px rgba(255,42,60,.06);
  opacity:.85;
}

.ab-badge{
  display:inline-flex; align-items:center; gap:10px;
  padding: 10px 12px;
  border-radius: 999px;
  border: 1px solid rgba(139,18,27,.42);
  background:
    radial-gradient(160px 70px at 18% 12%, rgba(139,18,27,.22), transparent 62%),
    rgba(255,255,255,.03);
  font-weight:1000;
  letter-spacing:.2px;
  margin-bottom: 10px;
}
.ab-badge .dot{
  width:10px; height:10px; border-radius:50%;
  background: var(--blood2);
  box-shadow: 0 0 0 4px rgba(139,18,27,.14), 0 0 16px rgba(255,42,60,.10);
}
.ab-title{
  margin:0 0 6px;
  font-size: clamp(1.65rem, 2.8vw, 2.45rem);
  letter-spacing:-.35px;
  font-weight: 1000;
}
.ab-sub{margin:0 0 12px; color:var(--muted); max-width:92ch}

/* Cards */
.ab-card,
.ab-storyCard{
  border-radius: var(--radius);
  border: 1px solid rgba(238,244,255,.12);
  background: rgba(255,255,255,.03);
  box-shadow: var(--shadow2);
  padding: 16px;
}
.ab-card h3,
.ab-storyCard h3{margin:0 0 8px; font-weight:1000; letter-spacing:-.15px}
.ab-card p,
.ab-storyCard p{margin:0 0 10px; color:var(--muted)}
.ab-card ul{margin:0; padding-left:18px; color: var(--muted)}
.ab-card li{margin:6px 0}

.ab-mini{
  margin-top: 10px;
  padding: 10px 12px;
  border-radius: 14px;
  border: 1px solid rgba(255,212,107,.18);
  background:
    radial-gradient(240px 90px at 15% 10%, rgba(255,212,107,.14), transparent 60%),
    radial-gradient(240px 90px at 92% 50%, rgba(139,18,27,.12), transparent 62%),
    rgba(0,0,0,.18);
  color: rgba(238,244,255,.78);
  font-weight: 900;
}

/* Steps */
.ab-steps{display:grid; gap:12px; margin-top: 14px;}
.ab-step{
  display:grid;
  grid-template-columns: 62px 1fr;
  gap:12px;
  padding: 14px;
  border-radius: 18px;
  border: 1px solid rgba(238,244,255,.12);
  background:
    radial-gradient(420px 160px at 12% 0%, rgba(255,212,107,.10), transparent 60%),
    radial-gradient(420px 180px at 92% 40%, rgba(139,18,27,.14), transparent 62%),
    rgba(255,255,255,.03);
  box-shadow: var(--shadow2);
}
.ab-step__num{
  height:46px; width:62px;
  display:flex; align-items:center; justify-content:center;
  border-radius: 16px;
  border: 1px solid rgba(255,212,107,.28);
  background: rgba(0,0,0,.22);
  font-weight:1000;
  letter-spacing:.2px;
  color: rgba(255,212,107,.92);
  text-shadow: 0 0 14px rgba(255,212,107,.12);
}
.ab-step__bd h3{margin:0 0 6px; font-weight:1000}
.ab-step__bd p{margin:0; color: var(--muted)}

/* FAQ */
.ab-faq{display:grid; gap:10px; margin-top: 14px;}
.ab-q{
  border-radius: 18px;
  border: 1px solid rgba(238,244,255,.12);
  background: rgba(255,255,255,.03);
  box-shadow: var(--shadow2);
  overflow:hidden;
}
.ab-q summary{
  list-style:none;
  cursor:pointer;
  padding: 14px 14px;
  font-weight:1000;
  letter-spacing:-.1px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
}
.ab-q summary::-webkit-details-marker{display:none}
.ab-q summary::after{
  content:"›";
  transform: rotate(90deg);
  opacity:.8;
  font-size:1.2rem;
  transition: transform .18s ease, opacity .18s ease;
}
.ab-q[open] summary::after{
  transform: rotate(-90deg);
  opacity:1;
}
.ab-a{
  padding: 0 14px 14px;
  color: var(--muted);
}

/* Contact */
.ab-contactCard{
  border-radius: calc(var(--radius) + 8px);
  border: 1px solid rgba(238,244,255,.12);
  background:
    radial-gradient(720px 260px at 12% 0%, rgba(139,18,27,.22), transparent 58%),
    radial-gradient(680px 280px at 92% 20%, rgba(255,212,107,.16), transparent 60%),
    rgba(255,255,255,.03);
  box-shadow: var(--shadow);
  padding: 18px;
  display:grid;
  grid-template-columns: 1.05fr .95fr;
  gap:14px;
}
@media (max-width: 960px){
  .ab-contactCard{grid-template-columns:1fr}
}
.ab-contactCard h2{margin:0 0 8px; font-weight:1000; letter-spacing:-.2px}
.ab-contactCard p{margin:0 0 12px; color:var(--muted)}
.ab-contactActions{display:flex; flex-wrap:wrap; gap:10px; margin-top: 8px}
.ab-contactFine{margin:10px 0 0; color: var(--muted2)}
.ab-contactFine a{color:inherit; text-decoration:none; border-bottom:1px dashed rgba(255,212,107,.26)}
.ab-contactFine a:hover{border-bottom-color: rgba(255,212,107,.52)}

.ab-contactSide{
  border-radius: 18px;
  border: 1px solid rgba(238,244,255,.14);
  background: rgba(0,0,0,.20);
  padding: 14px;
  box-shadow: var(--shadow2);
}
.ab-contactSide h3{margin:0 0 8px; font-weight:1000}
.ab-contactSide ul{margin:0; padding-left:18px; color: var(--muted)}
.ab-contactSide li{margin:8px 0}
.ab-contactSide b{color: rgba(255,212,107,.92)}

/* Footer */
.jx-footer{
  padding: 20px 0 calc(var(--dockH) + 14px);
  border-top: 1px solid rgba(238,244,255,.08);
  margin-top: 24px;
  background: linear-gradient(to top, rgba(0,0,0,.30), transparent);
}
.jx-footer__inner{display:flex; align-items:flex-start; justify-content:space-between; gap:14px; flex-wrap:wrap}
.jx-footer__brand{margin:0; font-weight:1000}
.jx-footer__meta{margin:0; color:var(--muted)}
.jx-footer__meta a{color:inherit; text-decoration:none; border-bottom: 1px dashed rgba(238,244,255,.20)}
.jx-footer__meta a:hover{border-bottom-color: rgba(255,212,107,.45)}

/* Bottom Dock */
.jx-dock{
  position:fixed; left:0; right:0; bottom:0;
  z-index:80;
  height: var(--dockH);
  display:flex; align-items:center;
  background: linear-gradient(to top, rgba(7,8,11,.94), rgba(7,8,11,.74));
  border-top: 1px solid rgba(238,244,255,.12);
  backdrop-filter: blur(12px);
}
.jx-dock__inner{
  width:min(var(--max), calc(100% - 28px));
  margin-inline:auto;
  display:grid;
  grid-template-columns: 1fr 1.2fr 1fr;
  align-items:center;
  gap:10px;
}
.dock-btn{
  width:100%;
  display:inline-flex; align-items:center; justify-content:center; gap:10px;
  height: 46px;
  border-radius: 16px;
  border: 1px solid rgba(238,244,255,.14);
  background: rgba(255,255,255,.04);
  color: var(--ink);
  font-weight: 1000;
  letter-spacing:.2px;
  cursor:pointer;
}
.dock-btn:hover{border-color: rgba(255,212,107,.35)}

.dock-brand{
  justify-self:center;
  display:inline-flex; align-items:center; justify-content:center;
  height: 46px;
  padding: 0 14px;
  border-radius: 999px;
  border: 1px solid rgba(255,212,107,.30);
  background:
    radial-gradient(180px 70px at 18% 12%, rgba(255,212,107,.18), transparent 62%),
    radial-gradient(180px 90px at 90% 45%, rgba(139,18,27,.16), transparent 64%),
    rgba(255,255,255,.03);
  text-decoration:none;
  font-weight: 1000;
  letter-spacing:.25px;
  box-shadow: var(--shadow2);
  white-space:nowrap;
}
.dock-brand .mini{
  width:10px; height:10px; border-radius:50%;
  background: var(--gold);
  box-shadow: 0 0 0 4px rgba(255,212,107,.14), 0 0 16px rgba(255,212,107,.12);
  margin-right:10px;
}
.dock-cta{
  justify-self:end;
  display:inline-flex; align-items:center; justify-content:center;
  height:46px;
  padding:0 14px;
  border-radius:16px;
  border:1px solid rgba(139,18,27,.38);
  background:
    radial-gradient(180px 70px at 18% 12%, rgba(139,18,27,.22), transparent 62%),
    radial-gradient(180px 90px at 90% 45%, rgba(255,212,107,.14), transparent 64%),
    rgba(255,255,255,.03);
  font-weight: 1000;
  text-decoration:none;
  box-shadow: var(--shadow2);
  white-space:nowrap;
}
.dock-cta:hover{border-color: rgba(255,212,107,.38)}

/* Drawer */
.jx-drawerOverlay{
  position:fixed; inset:0;
  background: rgba(0,0,0,.68);
  z-index:90;
  display:none;
}
.jx-drawer{
  position:fixed; left:0; right:0; bottom:0;
  z-index:95;
  transform: translateY(110%);
  transition: transform .22s ease;
  padding: 12px 12px calc(var(--dockH) + 12px);
}
.jx-drawer.is-open{transform: translateY(0)}
.jx-drawerOverlay.is-open{display:block}

.drawer-card{
  width:min(var(--max), 100%);
  margin-inline:auto;
  border-radius: 24px;
  border: 1px solid rgba(238,244,255,.14);
  background:
    radial-gradient(760px 260px at 15% 0%, rgba(255,212,107,.14), transparent 58%),
    radial-gradient(720px 280px at 92% 18%, rgba(139,18,27,.20), transparent 62%),
    rgba(13,15,21,.94);
  box-shadow: var(--shadow);
  overflow:hidden;
}
.drawer-hd{
  padding: 14px 14px 10px;
  display:flex; align-items:center; justify-content:space-between; gap:10px;
  border-bottom: 1px solid rgba(238,244,255,.10);
}
.drawer-hd strong{font-weight:1000; letter-spacing:.2px}
.drawer-close{
  height:40px; padding:0 12px;
  border-radius:12px;
  border: 1px solid rgba(238,244,255,.14);
  background: rgba(255,255,255,.04);
  color: var(--ink);
  font-weight:1000;
  cursor:pointer;
}
.drawer-body{padding: 12px 14px 14px}
.drawer-list{display:grid; gap:10px; margin:0; padding:0; list-style:none;}
.drawer-link{
  display:flex; align-items:center; justify-content:space-between; gap:12px;
  padding: 14px 14px;
  border-radius: 16px;
  border: 1px solid rgba(238,244,255,.12);
  background: rgba(0,0,0,.20);
  text-decoration:none;
  font-weight: 1000;
}
.drawer-link:hover{border-color: rgba(255,212,107,.35)}
.drawer-link span{display:flex; align-items:center; gap:10px}
.drawer-link small{display:block; font-weight:800; color:var(--muted2)}
.pill{
  width:10px; height:10px; border-radius:99px;
  background: var(--lime);
  box-shadow: 0 0 0 4px rgba(124,255,200,.12);
}
.pill.blood{background: var(--blood2); box-shadow: 0 0 0 4px rgba(139,18,27,.14);}
.pill.gold{background: var(--gold); box-shadow: 0 0 0 4px rgba(255,212,107,.14);}
.pill.cyan{background: var(--cyan); box-shadow: 0 0 0 4px rgba(65,216,255,.12);}
.pill.purple{background: var(--purple); box-shadow: 0 0 0 4px rgba(167,139,250,.12);}

/* Anchor offset */
[id]{scroll-margin-top: 90px;}

/* Reduce motion */
@media (prefers-reduced-motion: reduce){
  *{animation:none !important; transition:none !important;}
}/* End custom CSS */