Implement a unified "Engine Environment" aesthetic for the Portal Home by applying a global background pattern.
Concept:
Instead of disparate sections, the entire homepage should feel like a single cohesive runtime environment.
Changes:
- Global Background: Move the "Quantum Mesh" background (neutral gray with subtle radial gradients) from
MainNeo.scss to MainContainer.scss.
- Fixed Attachment: Use
background-attachment: fixed on MainContainer so the mesh persists as the user scrolls, creating depth.
- Transparency: Ensure all child sections (
MainNeo, Features, AiToolchain, How, Colors, Helix) have transparent backgrounds (including their wrappers like .content-wrapper and .card-container) so the global mesh is visible.
- Exceptions: Content cards (like
ContentBox) retain their solid backgrounds for readability.
Affected Files:
resources/scss/src/apps/portal/home/MainContainer.scss (Add Global BG)
resources/scss/src/apps/portal/home/parts/MainNeo.scss (Remove local BG)
resources/scss/src/apps/portal/home/parts/AiToolchain.scss (Add transparency)
Implement a unified "Engine Environment" aesthetic for the Portal Home by applying a global background pattern.
Concept: Instead of disparate sections, the entire homepage should feel like a single cohesive runtime environment.
Changes:
MainNeo.scsstoMainContainer.scss.background-attachment: fixedonMainContainerso the mesh persists as the user scrolls, creating depth.MainNeo,Features,AiToolchain,How,Colors,Helix) have transparent backgrounds (including their wrappers like.content-wrapperand.card-container) so the global mesh is visible.ContentBox) retain their solid backgrounds for readability.Affected Files:
resources/scss/src/apps/portal/home/MainContainer.scss(Add Global BG)resources/scss/src/apps/portal/home/parts/MainNeo.scss(Remove local BG)resources/scss/src/apps/portal/home/parts/AiToolchain.scss(Add transparency)