/* HERO-UNIQUE-V1 20260717h3 */
/* domain: parhaatuudet-nettikasinot.fi | variant: 20 left-rail | 2026-07-16T22:30:14Z */

/* v20 left-rail */
main .x349ee59{
  position:relative!important;overflow:hidden!important;text-align:left!important;
  margin:1.15rem 0 1rem!important;padding:2.2rem 1.8rem 2.3rem 2rem!important;
  border-radius:0 16px 16px 0!important;
  background:
    linear-gradient(90deg, #FF6B1A 0 6px, transparent 6px),
    linear-gradient(180deg, #fff, #FFFFFF)!important;
  border:1px solid rgba(255,107,26,0.1)!important;border-left:0!important;
  box-shadow:0 10px 30px rgba(26,35,50,0.06)!important;
}
main .x349ee59::before{
  content:''!important;position:absolute!important;left:6px!important;top:0!important;bottom:0!important;
  width:4px!important;background:linear-gradient(180deg, #00C4CC, #FF6B1A)!important;
}
main .x349ee59::after{content:none!important;display:none!important;}
main .x349ee59 h1{
  font-family:'Outfit', sans-serif!important;font-weight:700!important;color:#1A2332!important;
  font-size:clamp(1.7rem,3.7vw,2.5rem)!important;line-height:1.12!important;
  letter-spacing:-0.024em!important;max-width:15ch!important;margin:0!important;
  text-align:left!important;
}
main .x245b315{
  display:inline-block!important;color:#00C4CC!important;background:transparent!important;
  font-size:.64rem!important;font-weight:800!important;text-transform:uppercase!important;
  letter-spacing:.18em!important;margin:0 0 .95rem!important;
  padding:0 0 .4rem!important;border:0!important;border-bottom:2px solid #00C4CC!important;
}
main .x5de6a94{
  max-width:100%!important;margin:.15rem 0 1.55rem!important;
  padding:1.2rem 1.4rem 1.25rem 1.55rem!important;background:#fff!important;
  border:1px solid rgba(255,107,26,0.09)!important;border-radius:0 12px 12px 0!important;
  border-left:3px solid #FF6B1A!important;
  box-shadow:0 6px 18px rgba(26,35,50,0.04)!important;
}
main .x5de6a94 p{margin:0!important;font-size:1.01rem!important;line-height:1.66!important;color:#222a39!important;}
main .x5de6a94 strong{color:#FF6B1A!important;}
main .x22b0157{
  display:inline-block!important;color:#FF6B1A!important;font-size:.62rem!important;font-weight:800!important;
  text-transform:uppercase!important;letter-spacing:.14em!important;
  margin:0 0 .45rem!important;padding:0!important;border:0!important;background:none!important;
}


/* contrast-guard light surface */
main .x349ee59 h1 { color: #1A2332 !important; -webkit-text-fill-color: #1A2332 !important; }
main .x349ee59 { color: #1A2332 !important; }
main .x5de6a94, main .x5de6a94 p { color: #232c3b !important; }
main .x5de6a94 strong { color: #FF6B1A !important; }


/* shared mobile polish */
@media(max-width:640px){
  main .x349ee59{padding-left:1.15rem!important;padding-right:1.15rem!important;margin-left:0!important;margin-right:0!important;}
  main .x349ee59 h1{max-width:100%!important;font-size:clamp(1.45rem,6.5vw,1.95rem)!important;}
  main .x5de6a94{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 */