/* HERO-UNIQUE-V1 20260717h3 */
/* domain: topnettikasinotilmanlisenssia.fi | variant: 23 duo-tone | 2026-07-16T22:30:14Z */

/* v23 duo-tone */
main .xc13b396{
  position:relative!important;overflow:hidden!important;text-align:center!important;
  margin:1.15rem auto 0!important;padding:2.5rem 1.6rem 2.4rem!important;
  border-radius:16px 16px 0 0!important;
  background:
    linear-gradient(180deg, #e8324a 0%, #f398a4 100%)!important;
  border:1px solid rgba(200,16,46,0.1)!important;border-bottom:0!important;
  box-shadow:none!important;
}
main .xc13b396::before{
  content:''!important;position:absolute!important;left:50%!important;bottom:0!important;
  transform:translateX(-50%)!important;width:80px!important;height:3px!important;
  background:#c8102e!important;border-radius:3px 3px 0 0!important;
}
main .xc13b396::after{content:none!important;display:none!important;}
main .xc13b396 h1{
  font-family:'Playfair Display', Georgia, serif!important;font-weight:700!important;color:#1a1108!important;
  font-size:clamp(1.65rem,3.5vw,2.4rem)!important;line-height:1.14!important;
  letter-spacing:-0.022em!important;max-width:17ch!important;margin:0 auto!important;
  text-align:center!important;
}
main .xf44bec2{
  display:inline-block!important;color:#c8102e!important;background:rgba(255,255,255,0.7)!important;
  font-size:.62rem!important;font-weight:800!important;text-transform:uppercase!important;
  letter-spacing:.16em!important;margin:0 auto 1rem!important;
  padding:.38rem .8rem!important;border:1px solid rgba(200,16,46,0.12)!important;border-radius:999px!important;
}
main .x8fc6a3b{
  max-width:100%!important;margin:0 0 1.6rem!important;
  padding:1.35rem 1.5rem!important;background:#fff!important;
  border:1px solid rgba(200,16,46,0.1)!important;border-top:2px solid #c8102e!important;
  border-radius:0 0 16px 16px!important;
  box-shadow:0 12px 32px rgba(26,17,8,0.06)!important;
}
main .x8fc6a3b p{margin:0!important;font-size:1.02rem!important;line-height:1.68!important;color:#22180e!important;}
main .x8fc6a3b strong{color:#c8102e!important;}
main .x318e995{
  display:inline-block!important;color:#c9943a!important;font-size:.62rem!important;font-weight:800!important;
  text-transform:uppercase!important;letter-spacing:.16em!important;
  margin:0 0 .5rem!important;padding:0!important;border:0!important;background:none!important;
}


/* contrast-guard light surface */
main .xc13b396 h1 { color: #1a1108 !important; -webkit-text-fill-color: #1a1108 !important; }
main .xc13b396 { color: #1a1108 !important; }
main .x8fc6a3b, main .x8fc6a3b p { color: #231a0f !important; }
main .x8fc6a3b strong { color: #c8102e !important; }


/* shared mobile polish */
@media(max-width:640px){
  main .xc13b396{padding-left:1.15rem!important;padding-right:1.15rem!important;margin-left:0!important;margin-right:0!important;}
  main .xc13b396 h1{max-width:100%!important;font-size:clamp(1.45rem,6.5vw,1.95rem)!important;}
  main .x8fc6a3b{margin-left:0!important;margin-right:0!important;padding-left:1.1rem!important;padding-right:1.1rem!important;}
}
/* kill conflicting legacy !important text-align flips on hero */


/* h1fit-css-20260720 : H1 one line on desktop (per-site) */ @media(min-width:1000px){.xc13b396.xc13b396 h1{white-space:nowrap!important;max-width:none!important;font-size:clamp(23.8px,2.667vw,38.4px)!important;text-wrap:nowrap}} /* end-h1fit-css-20260720 */