/* V88 — seamless homepage + Meist */
.v60-home{
  background:#060818;
}

.v60-home main > section,
.v60-home .section,
.v60-home .marquee-strip{
  border-top:0 !important;
  border-bottom:0 !important;
  outline:0 !important;
}

.v60-home main > section + section{
  margin-top:0 !important;
}

.v60-home .about-section{
  position:relative;
  overflow:hidden;
  color:#f5f7ff;
  background:
    radial-gradient(circle at 72% 18%, rgba(74,107,255,.11), transparent 27%),
    radial-gradient(circle at 14% 86%, rgba(74,107,255,.055), transparent 23%),
    linear-gradient(180deg,#060818 0%,#07101f 54%,#060818 100%);
}

.v60-home .about-section::before{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  opacity:.22;
  background:
    linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px),
    linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px);
  background-size:56px 56px;
  mask-image:linear-gradient(to bottom,transparent,#000 16%,#000 84%,transparent);
}

.v60-home .about-section .container{
  position:relative;
  z-index:1;
}

.v60-home .about-intro{
  display:grid;
  grid-template-columns:.55fr 1.25fr 1fr;
  gap:54px;
  align-items:start;
}

.v60-home .about-kicker{
  display:grid;
  gap:15px;
}

.v60-home .about-kicker>span{
  color:#53617f;
  font:700 9px/1.2 Manrope,Arial,sans-serif;
  letter-spacing:.16em;
}

.v60-home .about-title h2{
  margin:0;
  max-width:620px;
  color:#f6f8ff;
  font-family:Manrope,Arial,sans-serif;
  font-size:clamp(34px,4.1vw,63px);
  line-height:.98;
  letter-spacing:-.055em;
}

.v60-home .about-copy{
  padding-top:4px;
}

.v60-home .about-copy p{
  margin:0 0 18px;
  color:#9aa7c2;
  font-size:14px;
  line-height:1.8;
}

.v60-home .about-values{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:0;
  margin-top:72px;
}

.v60-home .about-values article{
  position:relative;
  padding:26px 34px 8px 0;
  min-height:176px;
}

.v60-home .about-values article + article{
  padding-left:34px;
}

.v60-home .about-values article + article::before{
  content:"";
  position:absolute;
  left:0;
  top:28px;
  bottom:10px;
  width:1px;
  background:linear-gradient(to bottom,transparent,rgba(122,145,255,.18),transparent);
}

.v60-home .about-values span{
  display:block;
  margin-bottom:30px;
  color:#6376b4;
  font:700 9px/1 Manrope,Arial,sans-serif;
  letter-spacing:.13em;
}

.v60-home .about-values h3{
  margin:0 0 10px;
  color:#f5f7ff;
  font:700 17px/1.25 Manrope,Arial,sans-serif;
}

.v60-home .about-values p{
  margin:0;
  max-width:330px;
  color:#7f8ca8;
  font-size:12px;
  line-height:1.7;
}

/* Remove the visible hard seams left by older section styles. */
.v60-home #teenused,
.v60-home #meist,
.v60-home #tood,
.v60-home #hinnad,
.v60-home #kontakt{
  box-shadow:none !important;
}

.v60-home #teenused::after,
.v60-home #meist::after,
.v60-home #tood::after,
.v60-home #hinnad::after,
.v60-home #kontakt::after{
  border-top:0 !important;
  border-bottom:0 !important;
}

@media(max-width:900px){
  .v60-home .about-intro{
    grid-template-columns:1fr;
    gap:24px;
  }

  .v60-home .about-title h2{
    max-width:760px;
  }

  .v60-home .about-copy{
    max-width:680px;
  }
}

@media(max-width:720px){
  .v60-home .about-values{
    grid-template-columns:1fr;
    margin-top:45px;
  }

  .v60-home .about-values article,
  .v60-home .about-values article + article{
    min-height:0;
    padding:22px 0;
  }

  .v60-home .about-values article + article::before{
    left:0;
    right:0;
    top:0;
    bottom:auto;
    width:auto;
    height:1px;
    background:linear-gradient(to right,transparent,rgba(122,145,255,.18),transparent);
  }

  .v60-home .about-values span{
    margin-bottom:16px;
  }
}