/* 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(rgba(255,255,255,0.04) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,0.04) 1px,transparent 1px),radial-gradient(ellipse at 50% 20%,#F59E0B20,transparent 65%);background-size:48px 48px,48px 48px,100% 100%}
main #laitteet::after{background-image:radial-gradient(circle,#FEF08A2b 1px,transparent 1.5px),radial-gradient(circle,rgba(245,158,11,0.08) 1px,transparent 1.5px),radial-gradient(ellipse at 80% 38%,rgba(245, 158, 11,0.06),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%,rgba(245, 158, 11,0.06) 0%,#0E121B 64%,#FCD34D2e 65%,transparent 66%),radial-gradient(ellipse 360px 130px at 105% 65%,transparent 74%,rgba(245,158,11,0.08) 74.4%,transparent 75%),radial-gradient(ellipse 410px 170px at 105% 65%,transparent 80%,rgba(255,255,255,0.04) 80.4%,transparent 81%)}
main .closing::after{background-image:linear-gradient(125deg,transparent 12%,rgba(255,255,255,0.03) 26%,transparent 44%),radial-gradient(circle,rgba(255,255,255,0.04) .7px,transparent 1px),radial-gradient(ellipse at 10% 60%,#F59E0B16,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%}}
