/* V22: rebuilt premium laskuri page */

body.ml-laskuri-page-v22{
  background:#06142f !important;
  color:#ffffff !important;
}

body.ml-laskuri-page-v22 main{
  background:#06142f !important;
}

/* HERO */
.ml-laskuri-hero-v22,
.ml-laskuri-hero-v22 *{
  box-sizing:border-box !important;
  border-radius:0 !important;
}

.ml-laskuri-hero-v22{
  position:relative !important;
  overflow:hidden !important;
  background:
    radial-gradient(circle at 82% 6%, rgba(78,227,255,.18), transparent 30%),
    radial-gradient(circle at 8% 90%, rgba(45,132,255,.15), transparent 30%),
    linear-gradient(135deg,#06142f 0%,#09265b 56%,#0d438f 100%) !important;
  color:#ffffff !important;
  padding:0 !important;
}

.ml-laskuri-hero-wrap-v22{
  max-width:1180px !important;
  margin:0 auto !important;
  padding:38px 24px 42px !important;
  display:grid !important;
  grid-template-columns:minmax(0, .96fr) minmax(420px, 1.04fr) !important;
  gap:34px !important;
  align-items:stretch !important;
}

.ml-laskuri-hero-card-v22{
  min-height:430px !important;
  padding:34px 32px 28px !important;
  display:flex !important;
  flex-direction:column !important;
  background:rgba(255,255,255,.065) !important;
  border:1px solid rgba(255,255,255,.16) !important;
  box-shadow:0 24px 70px rgba(0,0,0,.20) !important;
}

.ml-laskuri-eyebrow-v22{
  display:inline-flex !important;
  width:max-content !important;
  margin:0 0 18px !important;
  padding:8px 10px !important;
  background:rgba(78,227,255,.10) !important;
  border:1px solid rgba(78,227,255,.22) !important;
  color:#bff6ff !important;
  font-size:12px !important;
  font-weight:950 !important;
  letter-spacing:.08em !important;
  text-transform:uppercase !important;
}

.ml-laskuri-hero-card-v22 h1{
  max-width:620px !important;
  margin:0 0 18px !important;
  color:#ffffff !important;
  font-size:clamp(40px,4.7vw,62px) !important;
  line-height:.98 !important;
  letter-spacing:-.06em !important;
  font-weight:950 !important;
}

.ml-laskuri-hero-card-v22 p{
  max-width:570px !important;
  margin:0 !important;
  color:rgba(255,255,255,.78) !important;
  font-size:18px !important;
  line-height:1.55 !important;
  font-weight:560 !important;
}

.ml-laskuri-hero-proof-v22{
  display:grid !important;
  grid-template-columns:repeat(3,minmax(0,1fr)) !important;
  gap:10px !important;
  margin:22px 0 0 !important;
}

.ml-laskuri-hero-proof-v22 div{
  min-height:70px !important;
  padding:13px 12px !important;
  background:rgba(255,255,255,.075) !important;
  border:1px solid rgba(255,255,255,.15) !important;
}

.ml-laskuri-hero-proof-v22 strong{
  display:block !important;
  color:#ffffff !important;
  font-size:18px !important;
  font-weight:950 !important;
  line-height:1 !important;
}

.ml-laskuri-hero-proof-v22 span{
  display:block !important;
  margin-top:7px !important;
  color:rgba(255,255,255,.66) !important;
  font-size:12px !important;
  font-weight:760 !important;
  line-height:1.25 !important;
}

.ml-laskuri-hero-actions-v22{
  margin-top:auto !important;
  padding-top:22px !important;
  display:flex !important;
  gap:12px !important;
  align-items:center !important;
  flex-wrap:wrap !important;
}

.ml-laskuri-hero-actions-v22 a{
  min-height:54px !important;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  padding:0 20px !important;
  text-decoration:none !important;
  font-size:15px !important;
  font-weight:950 !important;
  line-height:1 !important;
}

.ml-laskuri-hero-actions-v22 .primary{
  background:#ffffff !important;
  color:#06142f !important;
  border:1px solid #ffffff !important;
  box-shadow:0 18px 45px rgba(0,0,0,.20) !important;
}

.ml-laskuri-hero-actions-v22 .secondary{
  background:rgba(255,255,255,.07) !important;
  color:#ffffff !important;
  border:1px solid rgba(255,255,255,.18) !important;
}

.ml-laskuri-hero-visual-v22{
  min-height:430px !important;
  display:flex !important;
  flex-direction:column !important;
  justify-content:space-between !important;
  gap:10px !important;
}

.ml-laskuri-hero-image-v22{
  position:relative !important;
  width:100% !important;
  background:rgba(255,255,255,.055) !important;
  border:1px solid rgba(255,255,255,.16) !important;
  box-shadow:0 24px 80px rgba(0,0,0,.24) !important;
  overflow:hidden !important;
}

.ml-laskuri-hero-image-v22::before{
  content:"" !important;
  position:absolute !important;
  inset:0 !important;
  z-index:2 !important;
  pointer-events:none !important;
  background:
    linear-gradient(180deg, rgba(255,255,255,.08), transparent 32%),
    radial-gradient(circle at 76% 18%, rgba(78,227,255,.11), transparent 32%) !important;
}

.ml-laskuri-hero-image-v22 img{
  display:block !important;
  width:100% !important;
  height:auto !important;
  max-height:384px !important;
  object-fit:contain !important;
  object-position:center center !important;
  margin:0 !important;
  padding:0 !important;
  border:0 !important;
  filter:none !important;
  transform:none !important;
}

.ml-laskuri-hero-bottom-v22{
  display:grid !important;
  grid-template-columns:repeat(3,minmax(0,1fr)) !important;
  gap:10px !important;
}

.ml-laskuri-hero-bottom-v22 div{
  min-height:58px !important;
  padding:11px 11px !important;
  background:rgba(255,255,255,.075) !important;
  border:1px solid rgba(255,255,255,.15) !important;
}

.ml-laskuri-hero-bottom-v22 strong{
  display:block !important;
  color:#ffffff !important;
  font-size:16px !important;
  font-weight:950 !important;
  line-height:1 !important;
}

.ml-laskuri-hero-bottom-v22 span{
  display:block !important;
  margin-top:6px !important;
  color:rgba(255,255,255,.64) !important;
  font-size:11.5px !important;
  font-weight:740 !important;
  line-height:1.18 !important;
}

/* CLEAN OLD HERO LAYERS IF CSS STILL LOADED */
.ml-laskuri-hero-v19,
.ml-laskuri-hero-grid-v19,
.ml-laskuri-hero-copy-v19,
.ml-laskuri-hero-media-v19{
  all:unset;
}

/* PAGE SECTIONS */
body.ml-laskuri-page-v22 main > section:not(.ml-laskuri-hero-v22){
  padding:68px 24px !important;
  background:
    radial-gradient(circle at 88% 0%, rgba(78,227,255,.08), transparent 30%),
    #06142f !important;
  color:#ffffff !important;
}

body.ml-laskuri-page-v22 main > section:not(.ml-laskuri-hero-v22):nth-of-type(even){
  background:
    radial-gradient(circle at 12% 0%, rgba(45,132,255,.10), transparent 28%),
    #071a3d !important;
}

body.ml-laskuri-page-v22 main > section:not(.ml-laskuri-hero-v22) > *{
  max-width:1180px !important;
  margin-left:auto !important;
  margin-right:auto !important;
}

body.ml-laskuri-page-v22 h2{
  color:#ffffff !important;
  font-size:clamp(30px,3.1vw,46px) !important;
  line-height:1.05 !important;
  letter-spacing:-.045em !important;
}

body.ml-laskuri-page-v22 h3{
  color:#ffffff !important;
}

body.ml-laskuri-page-v22 p,
body.ml-laskuri-page-v22 li{
  color:rgba(255,255,255,.76) !important;
  line-height:1.65 !important;
}

.ml-laskuri-info-v22{
  padding-top:58px !important;
}

.ml-laskuri-form-v22{
  background:
    radial-gradient(circle at 82% 8%, rgba(78,227,255,.14), transparent 30%),
    linear-gradient(135deg,#06142f 0%,#08265d 58%,#0d438f 100%) !important;
}

.ml-laskuri-form-v22 input,
.ml-laskuri-form-v22 select,
.ml-laskuri-form-v22 textarea{
  background:rgba(255,255,255,.08) !important;
  border:1px solid rgba(255,255,255,.18) !important;
  color:#ffffff !important;
  border-radius:0 !important;
  min-height:48px !important;
}

.ml-laskuri-form-v22 button,
.ml-laskuri-form-v22 input[type="submit"]{
  background:#ffffff !important;
  color:#06142f !important;
  border:1px solid #ffffff !important;
  border-radius:0 !important;
  min-height:54px !important;
  font-weight:950 !important;
}

/* MOBILE */
@media(max-width:980px){
  .ml-laskuri-hero-wrap-v22{
    grid-template-columns:1fr !important;
    padding:34px 24px 40px !important;
    gap:18px !important;
  }

  .ml-laskuri-hero-card-v22,
  .ml-laskuri-hero-visual-v22{
    min-height:auto !important;
  }

  .ml-laskuri-hero-image-v22 img{
    max-height:none !important;
  }
}

@media(max-width:560px){
  .ml-laskuri-hero-wrap-v22{
    padding:26px 18px 34px !important;
  }

  .ml-laskuri-hero-card-v22{
    padding:26px 20px 22px !important;
  }

  .ml-laskuri-hero-card-v22 h1{
    font-size:clamp(34px,10vw,46px) !important;
  }

  .ml-laskuri-hero-card-v22 p{
    font-size:16px !important;
  }

  .ml-laskuri-hero-proof-v22,
  .ml-laskuri-hero-bottom-v22{
    grid-template-columns:1fr !important;
  }

  .ml-laskuri-hero-actions-v22 a{
    width:100% !important;
  }

  body.ml-laskuri-page-v22 main > section:not(.ml-laskuri-hero-v22){
    padding:52px 18px !important;
  }
}