/* Static background-only accents; no content or interaction changes. */
main #paketit,main #laitteet,main #tuki,main .closing{position:relative;isolation:isolate}
main #paketit::after,main #laitteet::after,main #tuki::after,main .closing::after{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;overflow:hidden;mask-image:linear-gradient(transparent,#000 18%,#000 78%,transparent);-webkit-mask-image:linear-gradient(transparent,#000 18%,#000 78%,transparent)}
main #paketit::after{background-image:linear-gradient(#b5ffd009 1px,transparent 1px),linear-gradient(90deg,#b5ffd009 1px,transparent 1px),radial-gradient(ellipse at 50% 20%,#379b5620,transparent 65%);background-size:48px 48px,48px 48px,100% 100%}
main #laitteet::after{background-image:radial-gradient(circle,#d3ffe02b 1px,transparent 1.5px),radial-gradient(circle,#96d8cb1c 1px,transparent 1.5px),radial-gradient(ellipse at 80% 38%,#286d6426,transparent 65%);background-size:113px 137px,181px 163px,100% 100%;background-position:13px 29px,63px 77px,0 0}
main #tuki::after{mask-image:radial-gradient(ellipse at 50% 50%,#000 42%,transparent 72%);-webkit-mask-image:radial-gradient(ellipse at 50% 50%,#000 42%,transparent 72%);background:radial-gradient(ellipse 240px 180px at 105% 65%,#33794224 0%,#214c3320 64%,#a2e8b22e 65%,transparent 66%),radial-gradient(ellipse 360px 130px at 105% 65%,transparent 74%,#8ecba31f 74.4%,transparent 75%),radial-gradient(ellipse 410px 170px at 105% 65%,transparent 80%,#8ecba315 80.4%,transparent 81%)}
main .closing::after{background-image:linear-gradient(125deg,transparent 12%,#b4f8c30e 26%,transparent 44%),radial-gradient(circle,#b4f8c314 .7px,transparent 1px),radial-gradient(ellipse at 10% 60%,#54a37316,transparent 68%);background-size:100% 100%,8px 8px,100% 100%}
@media(max-width:650px){main #tuki::after{opacity:.65}main #laitteet::after{background-size:137px 163px,211px 191px,100% 100%}}