/* * AI24Solutions V19 * * - remove legacy grey foreground sphere layer * - remove old artificial hotspot * - slightly reduce orbit diameter * - raise orbit angle * - remove hard particle clipping boundary * - keep current approved logo untouched */ /* ========================================================= SPHERE: REMOVE LEGACY FOREGROUND SHEETS ========================================================= */ body.theme-v13 .ai24-unified-core::after { content: none !important; display: none !important; background: none !important; opacity: 0 !important; filter: none !important; -webkit-filter: none !important; mix-blend-mode: normal !important; box-shadow: none !important; transform: none !important; } body.theme-v13 .ai24-unified-core__shine { display: none !important; visibility: hidden !important; opacity: 0 !important; background: none !important; filter: none !important; box-shadow: none !important; } /* ========================================================= CONTINUOUS CLEAN SPHERE SURFACE ========================================================= */ body.theme-v13 .ai24-unified-core { background: radial-gradient( circle at 31% 21%, rgba(255,255,255,.96) 0%, rgba(247,252,255,.92) 13%, rgba(227,241,250,.82) 28%, rgba(199,223,237,.77) 44%, rgba(166,201,222,.78) 60%, rgba(140,183,210,.81) 75%, rgba(122,168,199,.84) 89%, rgba(113,158,191,.87) 100% ) !important; box-shadow: inset 26px 20px 40px rgba(255,255,255,.55), inset -18px -17px 36px rgba(44,86,116,.09), inset 8px -6px 25px rgba(41,195,241,.13), inset -6px 9px 21px rgba(109,94,240,.07), 0 0 0 2px rgba(255,255,255,.78), 0 0 25px rgba(255,255,255,.58), 0 0 48px rgba(105,91,244,.36), 0 0 90px rgba(45,190,240,.31), 0 0 146px rgba(72,154,239,.17), 0 27px 41px rgba(55,82,107,.10) !important; z-index: 5 !important; } /* ========================================================= ORBIT: SMALLER + RIGHT SIDE SLIGHTLY HIGHER ========================================================= */ /* * Previous desktop approx: * 466 x 150 px, -5deg * * New: * 438 x 141 px, -9deg */ body.theme-v13 .ai24-orbit-depth-v14 { left: 50% !important; top: 47% !important; width: 438px !important; height: 141px !important; transform: translate(-50%, -50%) rotate(-9deg) !important; } /* real rear / front depth stays */ body.theme-v13 .ai24-orbit-depth-v14--back { z-index: 3 !important; } body.theme-v13 .ai24-orbit-depth-v14--front { z-index: 9 !important; } /* ========================================================= PARTICLES FOLLOW THE SAME NEW GEOMETRY ========================================================= */ body.theme-v13 .ai24-orbit-particles-v16 { left: 50% !important; top: 47% !important; width: 438px !important; height: 141px !important; transform: translate(-50%, -50%) rotate(-9deg) !important; overflow: visible !important; background: transparent !important; border: 0 !important; box-shadow: none !important; } /* ========================================================= REMOVE HARD RECTANGULAR CLIP EDGE ========================================================= */ /* * This is the important fix for the visible grey contour. * * clip-path created a hard compositing boundary around * glowing particles. Use a soft alpha transition instead. */ body.theme-v13 .ai24-orbit-particles-v16--back { z-index: 4 !important; clip-path: none !important; -webkit-clip-path: none !important; -webkit-mask-image: linear-gradient( to bottom, #000 0%, #000 41%, rgba(0,0,0,.96) 44%, rgba(0,0,0,.78) 47%, rgba(0,0,0,.42) 50%, rgba(0,0,0,.12) 53%, transparent 57%, transparent 100% ); mask-image: linear-gradient( to bottom, #000 0%, #000 41%, rgba(0,0,0,.96) 44%, rgba(0,0,0,.78) 47%, rgba(0,0,0,.42) 50%, rgba(0,0,0,.12) 53%, transparent 57%, transparent 100% ); -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; -webkit-mask-size: 100% 100%; mask-size: 100% 100%; } body.theme-v13 .ai24-orbit-particles-v16--front { z-index: 10 !important; clip-path: none !important; -webkit-clip-path: none !important; -webkit-mask-image: linear-gradient( to bottom, transparent 0%, transparent 43%, rgba(0,0,0,.12) 47%, rgba(0,0,0,.42) 50%, rgba(0,0,0,.78) 53%, rgba(0,0,0,.96) 56%, #000 59%, #000 100% ); mask-image: linear-gradient( to bottom, transparent 0%, transparent 43%, rgba(0,0,0,.12) 47%, rgba(0,0,0,.42) 50%, rgba(0,0,0,.78) 53%, rgba(0,0,0,.96) 56%, #000 59%, #000 100% ); -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; -webkit-mask-size: 100% 100%; mask-size: 100% 100%; } /* ========================================================= LOGO: DO NOT CHANGE VISUAL ASSET ========================================================= */ body.theme-v13 .ai24-unified-logo { z-index: 7 !important; opacity: 1 !important; } /* ========================================================= TABLET ========================================================= */ @media (max-width: 1024px) { body.theme-v13 .ai24-orbit-depth-v14, body.theme-v13 .ai24-orbit-particles-v16 { width: 358px !important; height: 115px !important; transform: translate(-50%, -50%) rotate(-9deg) !important; } } /* ========================================================= MOBILE ========================================================= */ @media (max-width: 767px) { body.theme-v13 .ai24-orbit-depth-v14, body.theme-v13 .ai24-orbit-particles-v16 { top: 46% !important; width: 270px !important; height: 87px !important; transform: translate(-50%, -50%) rotate(-9deg) !important; } } /* ========================================================= SMALL PHONE ========================================================= */ @media (max-width: 430px) { body.theme-v13 .ai24-orbit-depth-v14, body.theme-v13 .ai24-orbit-particles-v16 { width: 242px !important; height: 78px !important; } } /* ========================================================= REDUCED MOTION ========================================================= */ @media (prefers-reduced-motion: reduce) { body.theme-v13 .ai24-orbit-particles-v16 { display: none !important; } }