/* Logotyp: TRYCK förblir vit, KOLLEN får en mörkare blå ton enligt referensbilden. */
.site-header .logo-wordmark .logo-tryck{
  color:#ffffff!important;
}
.site-header .logo-wordmark .logo-kollen{
  color:#155fbd!important;
  background:linear-gradient(180deg,#1d73da 0%,#0f4f9e 100%);
  -webkit-background-clip:text;
  background-clip:text;
  -webkit-text-fill-color:transparent;
}

/* Starta här – tydlig, premium hovereffekt utan att flytta övrig layout. */
#page-main .tk-ref-start{
  position:relative!important;
  isolation:isolate;
  overflow:hidden;
  background:linear-gradient(135deg,#1768ee 0%,#0756d9 55%,#0349bd 100%)!important;
  box-shadow:0 10px 24px rgba(4,79,194,.20)!important;
  transition:transform .24s cubic-bezier(.2,.8,.2,1),box-shadow .24s ease,filter .24s ease!important;
}
#page-main .tk-ref-start::before{
  content:"";
  position:absolute;
  inset:-2px;
  z-index:-2;
  border-radius:inherit;
  background:linear-gradient(110deg,rgba(255,255,255,0) 15%,rgba(255,255,255,.46) 45%,rgba(255,255,255,0) 72%);
  transform:translateX(-135%) skewX(-18deg);
  transition:transform .62s cubic-bezier(.2,.7,.2,1);
}
#page-main .tk-ref-start::after{
  content:"";
  position:absolute;
  inset:0;
  z-index:-1;
  border-radius:inherit;
  background:radial-gradient(circle at 85% 50%,rgba(79,163,255,.42),rgba(79,163,255,0) 38%);
  opacity:.25;
  transition:opacity .24s ease;
}
#page-main .tk-ref-start span{
  position:relative;
  z-index:1;
  transition:transform .24s ease,text-shadow .24s ease;
}
#page-main .tk-ref-start i{
  position:relative;
  z-index:1;
  display:grid;
  place-items:center;
  width:42px;
  height:42px;
  border-radius:999px;
  background:rgba(255,255,255,.12);
  transition:transform .28s cubic-bezier(.2,.8,.2,1),background .24s ease,box-shadow .24s ease;
}
#page-main .tk-ref-start:hover{
  transform:translateY(-4px) scale(1.018)!important;
  filter:saturate(1.08) brightness(1.045)!important;
  box-shadow:0 18px 38px rgba(4,79,194,.34),0 0 0 1px rgba(90,165,255,.22)!important;
}
#page-main .tk-ref-start:hover::before{
  transform:translateX(135%) skewX(-18deg);
}
#page-main .tk-ref-start:hover::after{
  opacity:.72;
}
#page-main .tk-ref-start:hover span{
  transform:translateX(4px);
  text-shadow:0 2px 12px rgba(255,255,255,.28);
}
#page-main .tk-ref-start:hover i{
  transform:translateX(7px) rotate(-4deg) scale(1.08);
  background:rgba(255,255,255,.20);
  box-shadow:0 7px 18px rgba(0,0,0,.16);
}
#page-main .tk-ref-start:active{
  transform:translateY(-1px) scale(.995)!important;
  box-shadow:0 8px 18px rgba(4,79,194,.24)!important;
}
#page-main .tk-ref-start:focus-visible{
  outline:3px solid #79b7ff!important;
  outline-offset:4px!important;
}
@media (prefers-reduced-motion:reduce){
  #page-main .tk-ref-start,
  #page-main .tk-ref-start::before,
  #page-main .tk-ref-start::after,
  #page-main .tk-ref-start span,
  #page-main .tk-ref-start i{transition:none!important;}
}