/* * AI24Solutions V20 * * True orbit architecture. * * There are NO clipping/mask layers for orbit or particles. * * Rear arc -> rear particles -> sphere/logo -> * front arc -> front particles. * * Purple glow around sphere and particles is removed. */ /* ========================================================= STAGE ========================================================= */ body.theme-v13 .ai24-unified-orb-stage { position: relative !important; isolation: isolate !important; overflow: visible !important; } /* ========================================================= REMOVE ALL LEGACY SPHERE OVERLAYS ========================================================= */ body.theme-v13 .ai24-unified-core::after { content: none !important; display: none !important; background: none !important; opacity: 0 !important; box-shadow: none !important; filter: none !important; } body.theme-v13 .ai24-unified-core__shine { display: none !important; visibility: hidden !important; opacity: 0 !important; background: none !important; box-shadow: none !important; filter: none !important; } /* ========================================================= SPHERE — SILVER / ICE BLUE ONLY ========================================================= */ body.theme-v13 .ai24-unified-core { z-index: 5 !important; background: radial-gradient( circle at 31% 22%, rgba(255,255,255,.97) 0%, rgba(247,252,255,.94) 12%, rgba(229,242,251,.84) 27%, rgba(203,225,238,.78) 43%, rgba(174,204,224,.79) 59%, rgba(148,188,214,.82) 74%, rgba(130,174,205,.85) 88%, rgba(119,164,198,.88) 100% ) !important; border: 2px solid rgba(225,239,255,.91) !important; box-shadow: inset 28px 22px 42px rgba(255,255,255,.57), inset -19px -18px 37px rgba(44,87,117,.09), inset 8px -6px 25px rgba(42,196,240,.13), 0 0 0 2px rgba(255,255,255,.73), 0 0 24px rgba(255,255,255,.58), 0 0 55px rgba(74,175,236,.28), 0 0 100px rgba(74,159,224,.19), 0 27px 41px rgba(54,83,108,.10) !important; } /* * External sphere halo: * white + cyan/blue only. * NO violet / purple. */ body.theme-v13 .ai24-unified-core::before { content: "" !important; display: block !important; position: absolute !important; inset: -45px !important; z-index: -2 !important; border-radius: 50% !important; background: radial-gradient( circle, rgba(255,255,255,.22) 0%, rgba(87,199,242,.16) 37%, rgba(78,159,228,.09) 55%, transparent 74% ) !important; filter: blur(24px) !important; opacity: .82 !important; } /* ========================================================= APPROVED LOGO ========================================================= */ body.theme-v13 .ai24-unified-logo { z-index: 7 !important; opacity: 1 !important; } /* ========================================================= TRUE SEPARATE ORBIT ARCS ========================================================= */ body.theme-v13 .ai24-orbit-arc-v20 { position: absolute; left: 50%; top: 47%; width: 420px; height: 135px; transform: translate(-50%, -50%) rotate(-11deg); overflow: visible; pointer-events: none; background: transparent; } /* actual upper rear arc */ body.theme-v13 .ai24-orbit-arc-v20--back { z-index: 3; } /* actual lower front arc */ body.theme-v13 .ai24-orbit-arc-v20--front { z-index: 9; } body.theme-v13 .ai24-orbit-arc-v20__line { fill: none; stroke: rgba(66,153,244,.89); stroke-width: 1.55; stroke-linecap: round; vector-effect: non-scaling-stroke; filter: drop-shadow( 0 0 3px rgba(59,174,240,.29) ); } /* ========================================================= PARTICLE LAYERS — NO MASK, NO CLIP ========================================================= */ body.theme-v13 .ai24-orbit-balls-v20 { position: absolute; left: 50%; top: 47%; width: 420px; height: 135px; transform: translate(-50%, -50%) rotate(-11deg); overflow: visible !important; clip-path: none !important; -webkit-clip-path: none !important; mask: none !important; -webkit-mask: none !important; mask-image: none !important; -webkit-mask-image: none !important; pointer-events: none; background: transparent !important; } /* rear particles */ body.theme-v13 .ai24-orbit-balls-v20--back { z-index: 4; } /* front particles */ body.theme-v13 .ai24-orbit-balls-v20--front { z-index: 10; } /* ========================================================= MOVING BALLS — ZERO PURPLE GLOW ========================================================= */ body.theme-v13 .ai24-orbit-ball-v20 { vector-effect: non-scaling-stroke; } /* cool electric blue */ body.theme-v13 .ai24-orbit-ball-v20--one { fill: #65a9ff; stroke: rgba(246,252,255,.98); stroke-width: 2; filter: drop-shadow( 0 0 4px rgba(101,169,255,.95) ) drop-shadow( 0 0 10px rgba(74,166,242,.60) ); } /* cyan */ body.theme-v13 .ai24-orbit-ball-v20--two { fill: #36c7e9; stroke: rgba(246,254,255,.98); stroke-width: 2; filter: drop-shadow( 0 0 4px rgba(54,199,233,.96) ) drop-shadow( 0 0 10px rgba(54,199,233,.57) ); } /* ice blue */ body.theme-v13 .ai24-orbit-ball-v20--three { fill: #9dd8ff; stroke: rgba(255,255,255,.98); stroke-width: 1.8; filter: drop-shadow( 0 0 4px rgba(157,216,255,.94) ) drop-shadow( 0 0 9px rgba(97,177,238,.50) ); } /* ========================================================= GROUND — REMOVE PURPLE TINT ========================================================= */ body.theme-v13 .ai24-unified-ground { border: 1px solid rgba(82,171,235,.29) !important; background: radial-gradient( ellipse, rgba(68,190,238,.19), rgba(79,164,226,.08) 45%, transparent 73% ) !important; box-shadow: 0 0 22px rgba(67,182,235,.18), 0 0 42px rgba(75,161,223,.09) !important; } /* ========================================================= TABLET ========================================================= */ @media (max-width: 1024px) { body.theme-v13 .ai24-orbit-arc-v20, body.theme-v13 .ai24-orbit-balls-v20 { width: 344px; height: 111px; transform: translate(-50%, -50%) rotate(-11deg); } } /* ========================================================= MOBILE ========================================================= */ @media (max-width: 767px) { body.theme-v13 .ai24-orbit-arc-v20, body.theme-v13 .ai24-orbit-balls-v20 { top: 46%; width: 260px; height: 84px; transform: translate(-50%, -50%) rotate(-11deg); } } /* ========================================================= SMALL PHONE ========================================================= */ @media (max-width: 430px) { body.theme-v13 .ai24-orbit-arc-v20, body.theme-v13 .ai24-orbit-balls-v20 { width: 232px; height: 75px; } } /* ========================================================= REDUCED MOTION ========================================================= */ @media (prefers-reduced-motion: reduce) { body.theme-v13 .ai24-orbit-balls-v20 { display: none !important; } }