@import url('https://fonts.googleapis.com/css2?family=Fraunces:opsz,wght@9..144,600&display=swap');

.site-brand{
  display:inline-flex;
  align-items:baseline;
  font-family:"Fraunces",serif;
  font-size:clamp(31px,2.6vw,38px);
  line-height:1.2;
  letter-spacing:0;
  text-decoration:none;
  text-transform:none!important;
}
.site-brand .site-brand-main{
  color:#10B981;
  font-weight:600;
}
.site-brand .site-brand-domain{
  color:#f5f0e7;
  font-weight:600;
}
.site-brand:hover .site-brand-main{color:#10B981}
.site-brand:hover .site-brand-domain{color:#f5f0e7}

/* Siltovka.sk — customer initials / personal piece */
.initials-feature{
  margin:16px 0;
  border:1px solid rgba(16,185,129,.42);
  background:rgba(16,185,129,.07);
  padding:14px 16px;
  color:#d8dedb;
  font-family:Arial,Helvetica,sans-serif;
  line-height:1.5;
}
.initials-feature strong{
  display:block;
  color:#10B981;
  font-size:12px;
  letter-spacing:.12em;
  margin-bottom:4px;
}
.initials-feature span{
  display:block;
  color:#b8c0bc;
  font-size:12px;
}
.initials-feature--compact{padding:11px 13px;margin:12px 0}
.initials-feature--inside{margin-top:12px}

/* Siltovka.sk — anonymous live visitor ticker */
.live-visitor-ticker{
  position:fixed;
  left:22px;
  bottom:22px;
  z-index:9998;
  display:flex;
  align-items:center;
  gap:10px;
  max-width:min(390px,calc(100vw - 44px));
  padding:13px 17px;
  border:1px solid rgba(255,255,255,.18);
  border-radius:10px;
  background:rgba(16,16,16,.94);
  color:#f4efe6;
  box-shadow:0 12px 34px rgba(0,0,0,.42);
  font-family:Arial,Helvetica,sans-serif;
  font-size:12px;
  line-height:1.35;
  opacity:0;
  transform:translateY(24px);
  pointer-events:none;
  transition:opacity .28s ease,transform .28s ease;
}
.live-visitor-ticker.is-visible{opacity:1;transform:translateY(0)}
.live-visitor-dot{
  width:8px;
  height:8px;
  flex:0 0 8px;
  border-radius:50%;
  background:#10B981;
  box-shadow:0 0 10px rgba(16,185,129,.85);
}
.live-visitor-text{display:block}
@media(max-width:640px){
  .live-visitor-ticker{left:14px;bottom:72px;max-width:calc(100vw - 28px)}
}

/* Siltovka.sk — original generative world soundtrack */
.world-soundtrack{
  position:fixed;
  right:22px;
  bottom:22px;
  z-index:9997;
  max-width:min(330px,calc(100vw - 44px));
}
.world-soundtrack-toggle{
  display:flex;
  align-items:center;
  gap:10px;
  width:100%;
  padding:11px 14px;
  border:1px solid rgba(255,255,255,.18);
  border-radius:10px;
  background:rgba(16,16,16,.94);
  color:#f4efe6;
  box-shadow:0 12px 34px rgba(0,0,0,.38);
  cursor:pointer;
  text-align:left;
  font-family:Arial,Helvetica,sans-serif;
  transition:border-color .18s ease,background .18s ease,transform .18s ease;
}
.world-soundtrack-toggle:hover{border-color:rgba(16,185,129,.56);transform:translateY(-1px)}
.world-soundtrack-toggle:focus-visible{outline:2px solid #10B981;outline-offset:3px}
.world-soundtrack-dot{
  width:9px;
  height:9px;
  flex:0 0 9px;
  border-radius:50%;
  background:#777;
  box-shadow:none;
  transition:background .18s ease,box-shadow .18s ease;
}
.world-soundtrack-toggle.is-on .world-soundtrack-dot{
  background:#10B981;
  box-shadow:0 0 12px rgba(16,185,129,.9);
}
.world-soundtrack-copy{display:block;min-width:0}
.world-soundtrack-copy small{
  display:block;
  color:#8f8981;
  font-size:8px;
  line-height:1.2;
  letter-spacing:.14em;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
  margin-bottom:4px;
}
.world-soundtrack-copy strong{
  display:block;
  color:#f4efe6;
  font-size:10px;
  line-height:1.2;
  letter-spacing:.08em;
}
@media(max-width:640px){
  .world-soundtrack{right:14px;bottom:14px;max-width:min(290px,calc(100vw - 28px))}
  .world-soundtrack-toggle{padding:10px 12px}
  .world-soundtrack-copy small{font-size:7px}
}