/* Ny fristående startsideslayout. Den gamla CTA:n och gamla funktionsraden
   är borttagna ur bilderna och ersatta med riktiga HTML-element. */
.tk2-homeboard{
  width:100%;
  overflow:hidden;
  background:#03152b;
  border-bottom:1px solid rgba(79,145,222,.35);
}
.tk2-visual{
  position:relative;
  width:100%;
  max-width:1920px;
  margin:0 auto;
  background:#03152b;
  line-height:0;
}
.tk2-picture,
.tk2-image{
  display:block;
  width:100%;
}
.tk2-image{
  height:auto;
}
.tk2-quiz{
  position:absolute;
  left:1.65%;
  bottom:3.9%;
  width:23.2%;
  min-height:124px;
  display:grid;
  grid-template-columns:58px minmax(0,1fr) 42px;
  align-items:center;
  gap:14px;
  padding:16px 14px;
  border:1px solid rgba(126,188,255,.72);
  border-radius:12px;
  background:linear-gradient(135deg,#0d78f2,#0649bd);
  color:#fff;
  text-decoration:none;
  box-shadow:0 8px 20px rgba(0,55,150,.32);
  line-height:1.25;
  transition:transform .18s ease,box-shadow .18s ease,filter .18s ease;
}
.tk2-quiz:hover{
  transform:translateY(-2px);
  filter:brightness(1.05);
  box-shadow:0 12px 26px rgba(0,55,150,.42);
}
.tk2-quiz-icon{
  width:54px;
  height:54px;
  display:grid;
  place-items:center;
  border:2px solid rgba(255,255,255,.9);
  border-radius:10px;
  font-size:1.55rem;
}
.tk2-quiz-text strong{
  display:block;
  margin-bottom:7px;
  font-size:clamp(.86rem,1.05vw,1.12rem);
  letter-spacing:.01em;
}
.tk2-quiz-text small{
  display:block;
  font-size:clamp(.66rem,.78vw,.85rem);
  font-weight:650;
  line-height:1.35;
}
.tk2-arrow{
  width:38px;
  height:38px;
  display:grid;
  place-items:center;
  border-radius:50%;
  background:#fff;
  color:#0756ca;
}
.tk2-feature-grid{
  max-width:1920px;
  margin:0 auto;
  padding:12px 24px;
  display:grid;
  grid-template-columns:repeat(5,minmax(0,1fr));
  gap:10px;
  background:#03152b;
}
.tk2-feature-grid a{
  min-width:0;
  min-height:122px;
  display:grid;
  grid-template-columns:38px minmax(0,1fr);
  align-items:center;
  gap:11px;
  padding:15px 14px;
  border:1px solid rgba(85,145,210,.54);
  border-radius:11px;
  background:linear-gradient(145deg,#0a3262,#061f42);
  color:#fff;
  text-decoration:none;
  transition:transform .18s ease,border-color .18s ease,background .18s ease;
}
.tk2-feature-grid a:hover{
  transform:translateY(-2px);
  border-color:#1683ff;
  background:linear-gradient(145deg,#0b4487,#062655);
}
.tk2-feature-grid>a>i:first-child{
  width:38px;
  height:38px;
  display:grid;
  place-items:center;
  border-radius:9px;
  color:#58aaff;
  background:rgba(16,102,211,.18);
  font-size:1.08rem;
}
.tk2-feature-grid strong{
  display:block;
  margin-bottom:5px;
  color:#58aaff;
  font-size:clamp(.72rem,.82vw,.94rem);
  line-height:1.25;
}
.tk2-feature-grid small{
  display:block;
  color:#f0f6ff;
  font-size:clamp(.58rem,.66vw,.76rem);
  line-height:1.35;
}
.tk2-card-arrow{display:none}
.tk2-trust{
  max-width:1920px;
  margin:0 auto 10px;
  min-height:62px;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:18px;
  padding:12px 24px;
  color:#eaf3ff;
  background:linear-gradient(90deg,#0c2f5d,#123e76,#0c2f5d);
  border-radius:10px;
  font-size:clamp(.74rem,1vw,1rem);
}
.tk2-trust>i{
  color:#5aa7ff;
  font-size:1.55rem;
}
.tk2-trust strong{font-weight:700}
.tk2-trust span{color:#dceaff}

@media (max-width:1050px){
  .tk2-quiz{
    min-height:104px;
    grid-template-columns:46px minmax(0,1fr) 34px;
    gap:10px;
    padding:12px;
  }
  .tk2-quiz-icon{width:44px;height:44px;font-size:1.2rem}
  .tk2-arrow{width:32px;height:32px}
  .tk2-feature-grid{grid-template-columns:repeat(5,minmax(150px,1fr));overflow-x:auto}
}

@media (max-width:680px){
  .tk2-visual{
    padding-bottom:92px;
  }
  .tk2-quiz{
    left:4%;
    right:4%;
    bottom:10px;
    width:auto;
    min-height:72px;
    grid-template-columns:42px minmax(0,1fr) 34px;
    gap:10px;
    padding:10px 11px;
    border-radius:12px;
  }
  .tk2-quiz-icon{
    width:40px;
    height:40px;
    border-radius:8px;
    font-size:1rem;
  }
  .tk2-quiz-text strong{
    margin-bottom:3px;
    font-size:.86rem;
  }
  .tk2-quiz-text small{
    font-size:.68rem;
    line-height:1.25;
  }
  .tk2-arrow{
    width:31px;
    height:31px;
    font-size:.78rem;
  }
  .tk2-feature-grid{
    display:grid;
    grid-template-columns:1fr;
    gap:7px;
    padding:9px 10px 11px;
    overflow:visible;
  }
  .tk2-feature-grid a{
    min-height:58px;
    grid-template-columns:30px minmax(0,1fr) 16px;
    gap:9px;
    padding:8px 10px;
    border-radius:9px;
  }
  .tk2-feature-grid>a>i:first-child{
    width:28px;
    height:28px;
    border-radius:7px;
    font-size:.78rem;
  }
  .tk2-feature-grid strong{
    margin-bottom:1px;
    font-size:.75rem;
  }
  .tk2-feature-grid small{
    font-size:.61rem;
    line-height:1.22;
  }
  .tk2-card-arrow{
    display:block;
    color:#69b2ff;
    font-size:.72rem;
  }
  .tk2-trust{
    margin:0 10px 8px;
    min-height:54px;
    gap:8px;
    padding:8px 10px;
    border-radius:8px;
    flex-wrap:wrap;
    text-align:center;
    font-size:.61rem;
    line-height:1.25;
  }
  .tk2-trust>i{font-size:1rem}
  .tk2-trust strong{width:auto}
}