:root{
  --syb-accent:#22d3ee;
  --syb-accent-strong:#06b6d4;
  --syb-bg:#083344;
  --syb-track:rgba(8,51,68,.35);
  --syb-scroll-yellow:#facc15;
  --syb-scroll-yellow-2:#f59e0b;
  --syb-scroll-black:#0a0a0a;
}

html{height:100%;overflow:hidden;background:#000}
body{overflow:hidden;height:100%;background:#000;margin:0}
img{max-width:100%;height:auto}

/* Main scroller: Soloist uses main as a 100vh scroll container. */
main.f1sjmlt5{
  overflow-y:auto;
  overflow-x:hidden;
  scrollbar-width:auto;
  scrollbar-color:#0b0f16 #000000;
  background:#000;
}

/* Scrollbar (WebKit) - only for the main scroll container */
main.f1sjmlt5::-webkit-scrollbar{width:16px}
main.f1sjmlt5::-webkit-scrollbar-track{
  background:var(--syb-scroll-black);
  border-left:3px solid var(--syb-scroll-yellow);
}
main.f1sjmlt5::-webkit-scrollbar-thumb{
  background:#000000;
  border-radius:12px;
  border:3px solid var(--syb-scroll-yellow);
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.06);
}
main.f1sjmlt5::-webkit-scrollbar-thumb:hover{background:#111827}
main.f1sjmlt5::-webkit-scrollbar-thumb:active{background:#0f172a}
main.f1sjmlt5::-webkit-scrollbar-corner{background:var(--syb-scroll-black)}

/* Mobile tuning */
@media (max-width: 767.98px){
  .nav-link-list{flex-wrap:wrap !important;gap:10px}
  .nav-link-list .ms-4{margin-left:0 !important;width:100%}
  .nav-link-list .ms-4 a.btn{width:100%}
  h1{font-size:40px !important;line-height:1.15em !important}
  h2{font-size:28px !important;line-height:1.2em !important}
  .container{padding-left:16px !important;padding-right:16px !important}
}

.syb-contact-status{
  display:none;
  margin-bottom:12px;
  padding:10px 12px;
  border-radius:10px;
  font-size:14px;
  line-height:1.35;
}
.syb-contact-status[data-kind="ok"]{
  display:block;
  background:rgba(34,211,238,.14);
  border:1px solid rgba(34,211,238,.35);
}
.syb-contact-status[data-kind="err"]{
  display:block;
  background:rgba(239,68,68,.12);
  border:1px solid rgba(239,68,68,.35);
}