/* Additive effects only: keep the existing page geometry, colours and typography. */
.os-point-cloud{position:fixed;inset:0;z-index:1;pointer-events:none;overflow:hidden;contain:strict}
.os-point-cloud canvas{display:block;width:100%;height:100%;pointer-events:none}
/* Lift content above the transparent field; the original section backgrounds stay in place. */
#app .hero-content,#app .home-page .container,#app .data-orange,#app .home-page>.section-title,#app .join-orange-cta-wrap,#app .top-section,#app .bottom-section,#app .join-search__query,#app .process-wrapper{position:relative;z-index:2}
#app .footer-container,#app .copyright{position:relative;z-index:2}
#app .hero-section::before{display:none}
.features-grid,.departments-grid,.groups-grid,.quick-access-grid{perspective:1000px}
.os-card{position:relative;isolation:isolate;rotate:var(--os-axis-x,0) var(--os-axis-y,1) 0 var(--os-tilt-angle,0deg)}
.os-card-sheen,.os-card-rim{position:absolute!important;inset:0;pointer-events:none!important;display:block;border-radius:inherit;opacity:0;transition:opacity .25s ease;overflow:hidden}
.os-card-sheen{z-index:1;background:radial-gradient(ellipse at var(--os-light-x,50%) var(--os-light-y,45%),#ffffff29,transparent 58%),linear-gradient(110deg,transparent 20%,#fff2 45%,#ffffffe0 50%,#fff1 54%,transparent 78%);background-size:100% 100%,260% 100%;background-position:0 0,var(--os-light-x,50%) 50%;mix-blend-mode:soft-light}
.os-card-rim{z-index:4;padding:1.4px;background:conic-gradient(from var(--os-light-angle,120deg) at var(--os-light-x,50%) var(--os-light-y,50%),transparent 0deg,#ffc576 35deg,#fff4ce 55deg,#bde3aa 80deg,transparent 130deg,transparent 220deg,#a2d493 268deg,#f2c280 295deg,transparent 330deg);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude}
.os-card>h3,.os-card>p,.os-card>.feature-icon,.os-card>.access-icon{position:relative;z-index:2}
.os-card:not([data-os-hover])>.os-card-rim{opacity:.14}
#app .os-card:not([data-os-hover]):not(:hover){box-shadow:0 5px 18px #0000000d,inset 0 1px 0 #ffffff0e}
.os-card[data-os-hover]>.os-card-sheen,.os-card[data-os-hover]>.os-card-rim,.os-card:focus-visible>.os-card-rim{opacity:1}
#app .os-card[data-os-hover]{box-shadow:0 14px 32px #00000021,0 0 0 1px #f0c17e21,inset 0 1px 0 #ffffff14}
.os-card:focus-visible{outline:2px solid #e7b370;outline-offset:4px}
@media(max-width:767px),(hover:none),(pointer:coarse){.os-card[data-os-mobile]>.os-card-sheen{opacity:.4}.os-card[data-os-mobile]>.os-card-rim{opacity:.55}}
@media(prefers-reduced-motion:reduce){.os-card{rotate:none!important}.os-card-sheen,.os-card-rim{transition:none}.os-card-sheen{display:none}.os-card-rim{opacity:0!important}}
