/* 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, 184, 0, 0.04) 1px,transparent 1px),linear-gradient(90deg,rgba(255, 184, 0, 0.04) 1px,transparent 1px),radial-gradient(ellipse at 50% 20%,rgba(255, 30, 66, 0.13),transparent 65%);background-size:48px 48px,48px 48px,100% 100%}
main #laitteet::after{background-image:radial-gradient(circle,rgba(255, 184, 0, 0.17) 1px,transparent 1.5px),radial-gradient(circle,rgba(255, 30, 66, 0.11) 1px,transparent 1.5px),radial-gradient(ellipse at 80% 38%,rgba(255, 30, 66, 0.15),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(255, 30, 66, 0.14) 0%,rgba(14, 18, 26, 0.13) 64%,rgba(255, 184, 0, 0.18) 65%,transparent 66%),radial-gradient(ellipse 360px 130px at 105% 65%,transparent 74%,rgba(255, 30, 66, 0.12) 74.4%,transparent 75%),radial-gradient(ellipse 410px 170px at 105% 65%,transparent 80%,rgba(255, 30, 66, 0.08) 80.4%,transparent 81%)}
main .closing::after{background-image:linear-gradient(125deg,transparent 12%,rgba(255, 184, 0, 0.05) 26%,transparent 44%),radial-gradient(circle,rgba(255, 184, 0, 0.08) .7px,transparent 1px),radial-gradient(ellipse at 10% 60%,rgba(255, 30, 66, 0.09),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%}}


/* Brand Symbol & Logo Transparency Hardening */
.brand-symbol { display: none !important; }
.brand-symbol i { display: none !important; background: transparent !important; }
.brand-mark { background: transparent !important; border: none !important; box-shadow: none !important; }
