.cxp{--cyber-blue:#ef4444;--cyber-blue-glow:rgba(239,68,68,.2);--electric-blue:#dc2626;--primary-blue:#b91c1c;--error:#ef4444;--success:#10b981;--warning:#f59e0b;--border-radius:6px;--border-radius-lg:8px;--font-mono:"JetBrains Mono","Fira Code",monospace;--shadow-xl:0 20px 25px -5px rgba(0,0,0,.1),0 8px 10px -6px rgba(0,0,0,.1);--shadow-glow:0 0 20px var(--cyber-blue-glow);--white:#fff;--gray-200:#e4e4e7;--gray-300:#d4d4d8;--gray-400:#a1a1aa;--gray-500:#71717a;--gray-600:#3f3f46;--gray-700:#27272a;--gray-800:#121214;--gray-900:transparent}:root[data-theme=light] .cxp{--white:#09090b;--gray-200:#27272a;--gray-300:#3f3f46;--gray-400:#52525b;--gray-500:#71717a;--gray-600:#d4d4d8;--gray-700:#e4e4e7;--gray-800:#f4f4f5}:root[data-theme=light] .cxp .modal-overlay{--white:#fff;--gray-300:#d4d4d8;--gray-400:#a1a1aa;--gray-700:#27272a;--gray-800:#121214}.cxp.platforms{background:var(--gray-900);position:relative}.cxp .platforms-container{z-index:1;position:relative}.cxp .platform-tabs{flex-wrap:wrap;justify-content:center;gap:12px;margin-bottom:30px;display:flex}.cxp .platform-tab{background:var(--gray-800);border:1px solid var(--gray-600);border-radius:var(--border-radius-lg);color:var(--gray-300);cursor:pointer;align-items:center;gap:10px;padding:12px 20px;font-size:14px;font-weight:500;transition:all .3s;display:flex;position:relative}.cxp .platform-tab:hover{border-color:var(--cyber-blue);color:var(--cyber-blue);transform:translateY(-2px)}.cxp .platform-tab.active{background:linear-gradient(135deg,var(--primary-blue)0%,var(--electric-blue)100%);border-color:var(--cyber-blue);color:var(--white);box-shadow:0 0 12px rgba(239,68,68,.18)}.cxp .tab-icon{font-size:18px}.cxp .tab-name{font-size:14px}.cxp .tab-badge{background:var(--warning);color:var(--white);border-radius:12px;padding:4px 8px;font-size:10px;font-weight:600;position:absolute;top:-8px;right:-8px}.cxp .platform-content{grid-template-columns:1fr 1fr;align-items:start;gap:30px;margin-bottom:40px;display:grid}.cxp .platform-info{animation:.6s ease-out fadeInUp}.cxp .platform-header{align-items:center;gap:15px;margin-bottom:16px;display:flex}.cxp .platform-icon{flex-shrink:0;justify-content:center;align-items:center;display:flex;box-shadow:none!important;background:0 0!important;border:none!important;padding:0!important}.cxp .platform-title-group{flex:1}.cxp .platform-name{color:var(--white);margin-bottom:2px;font-size:22px;font-weight:700}.cxp .platform-subtitle{color:var(--cyber-blue);margin:0;font-size:14px}.cxp .platform-description{color:var(--gray-300);margin-bottom:24px;font-size:14px;line-height:1.5}.cxp .platform-features{margin-bottom:24px}.cxp .platform-features h4{color:var(--white);margin-bottom:12px;font-size:16px;font-weight:600}.cxp .features-list{margin:0;padding:0;list-style:none}.cxp .feature-item{color:var(--gray-300);align-items:center;gap:10px;padding:6px 0;display:flex}.cxp .feature-check{background:var(--success);width:18px;height:18px;color:var(--white);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:10px;font-weight:700;display:flex}.cxp .feature-text{font-size:13px}.cxp .platform-stats{flex-wrap:wrap;justify-content:center;gap:24px;display:flex}.cxp .stat-item{text-align:center;min-width:120px}.cxp .stat-value{color:var(--cyber-blue);font-size:20px;font-weight:700;font-family:var(--font-mono);margin-bottom:4px}.cxp .stat-label{color:var(--gray-400);font-size:11px}.cxp .platform-visual{animation:.6s ease-out .2s both fadeInUp}.cxp .image-slider{aspect-ratio:16/9;border-radius:var(--border-radius-lg);width:100%;box-shadow:var(--shadow-xl);margin-bottom:24px;position:relative;overflow:hidden}.cxp .slider-container{width:100%;height:100%;position:relative;overflow:hidden}.cxp .slider-wrapper{height:100%;transition:transform .5s ease-in-out;display:flex}.cxp .slide{min-width:100%;height:100%;position:relative}.cxp .slide img{object-fit:contain;width:100%;height:100%;display:block}.cxp .slider-btn{color:#fff;cursor:pointer;z-index:10;background:rgba(0,0,0,.5);border:none;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;transition:background .3s;display:flex;position:absolute;top:50%;transform:translateY(-50%)}.cxp .slider-btn:hover{background:rgba(0,0,0,.8)}.cxp .slider-btn-prev{left:15px}.cxp .slider-btn-next{right:15px}.cxp .slider-dots{z-index:10;gap:8px;display:flex;position:absolute;bottom:15px;left:50%;transform:translate(-50%)}.cxp .dot{cursor:pointer;background:rgba(255,255,255,.5);border:none;border-radius:50%;width:10px;height:10px;transition:background .3s}.cxp .dot.active{background:var(--cyber-blue)}.cxp .download-section h4{color:var(--white);margin-bottom:12px;font-size:16px;font-weight:600}.cxp .download-buttons{flex-wrap:wrap;gap:10px;display:flex}.cxp .download-btn{background:var(--gray-800);border:1px solid var(--gray-600);border-radius:var(--border-radius);color:var(--gray-300);cursor:pointer;align-items:center;gap:6px;padding:5px 6px;font-size:13px;text-decoration:none;transition:all .3s;display:flex}.cxp .download-btn.icon-only{justify-content:center;gap:0;min-width:40px;padding:4px}.cxp .download-btn:hover{border-color:var(--cyber-blue);color:var(--cyber-blue);transform:translateY(-2px)}.cxp .download-icon{font-size:14px}.cxp .download-btn-disabled,.cxp .download-btn:disabled{cursor:not-allowed;opacity:.7;border-color:var(--gray-700);color:var(--gray-500);transform:none}.cxp .download-btn-disabled:hover,.cxp .download-btn:disabled:hover{color:var(--gray-500);border-color:var(--gray-700);transform:none}.cxp .download-text-group{flex-direction:column;align-items:flex-start;line-height:1.2;display:flex}.cxp .download-status{color:var(--warning);opacity:.7;font-size:11px;font-weight:600;transition:opacity .2s}.cxp .download-btn-disabled:hover .download-status,.cxp .download-btn:disabled:hover .download-status{opacity:1}.cxp .mobile-showcase-section{border-top:1px solid var(--gray-700);border-bottom:1px solid var(--gray-800);width:100%;margin-top:40px;margin-bottom:50px;padding-top:32px;padding-bottom:30px}.cxp .mobile-showcase-header{text-align:center;margin-bottom:24px}.cxp .mobile-badge{color:var(--cyber-blue);text-transform:uppercase;letter-spacing:.5px;background:rgba(239,68,68,.15);border:1px solid rgba(239,68,68,.3);border-radius:20px;margin-bottom:10px;padding:4px 14px;font-size:12px;font-weight:700;display:inline-block}.cxp .mobile-showcase-header h3{color:var(--white);margin-bottom:8px;font-size:24px;font-weight:700}.cxp .mobile-showcase-header p{color:var(--gray-400);max-width:650px;margin:0 auto;font-size:14px;line-height:1.5}.cxp .mobile-slider-wrapper-outer{align-items:center;width:100%;margin-top:16px;display:flex;position:relative}.cxp .mobile-nav-btn{background:var(--gray-800);border:2px solid var(--cyber-blue);width:44px;height:44px;color:var(--cyber-blue);cursor:pointer;z-index:20;border-radius:50%;justify-content:center;align-items:center;transition:all .3s;display:flex;position:absolute;top:50%;transform:translateY(-50%);box-shadow:0 4px 16px rgba(0,0,0,.6),0 0 12px rgba(239,68,68,.4);opacity:1!important;visibility:visible!important}.cxp .mobile-nav-btn:hover{background:var(--cyber-blue);color:#fff;transform:translateY(-50%)scale(1.1);box-shadow:0 6px 24px rgba(239,68,68,.6)}.cxp .mobile-nav-prev{left:-20px}.cxp .mobile-nav-next{right:-20px}@media (max-width:768px){.cxp .mobile-nav-prev{left:-10px}.cxp .mobile-nav-next{right:-10px}}.cxp .mobile-grid{scroll-snap-type:x mandatory;scroll-behavior:smooth;-webkit-overflow-scrolling:touch;gap:16px;width:100%;padding:12px 10px 16px;display:flex;overflow-x:auto}.cxp .mobile-grid::-webkit-scrollbar{height:6px}.cxp .mobile-grid::-webkit-scrollbar-track{background:var(--gray-900);border-radius:3px}.cxp .mobile-grid::-webkit-scrollbar-thumb{background:var(--cyber-blue);border-radius:3px}.cxp .mobile-card{scroll-snap-align:start;background:var(--gray-800);border:1px solid var(--gray-700);cursor:pointer;text-align:center;border-radius:14px;flex:0 0 210px;padding:10px;transition:all .3s}.cxp .mobile-card:hover{border-color:var(--cyber-blue);transform:translateY(-5px);box-shadow:0 12px 28px rgba(239,68,68,.25)}.cxp .mobile-card-img-wrapper{aspect-ratio:9/18;background:#090d16;border-radius:10px;height:350px;overflow:hidden}.cxp .mobile-card-img{object-fit:cover;width:100%;height:100%;transition:transform .3s}.cxp .mobile-card:hover .mobile-card-img{transform:scale(1.04)}.cxp .mobile-card-caption{color:var(--gray-200);white-space:nowrap;text-overflow:ellipsis;margin-top:10px;padding:0 4px;font-size:12px;font-weight:600;overflow:hidden}.cxp .modal-overlay{z-index:1000;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:rgba(0,0,0,.9);justify-content:center;align-items:center;display:flex;position:fixed;top:0;bottom:0;left:0;right:0}.cxp .modal-content{background:var(--gray-800);border-radius:var(--border-radius-lg);border:1px solid var(--cyber-blue);max-width:90vw;max-height:90vh;box-shadow:var(--shadow-xl),var(--shadow-glow);touch-action:pan-y;position:relative;overflow:hidden}.cxp .modal-close{color:#fff;cursor:pointer;z-index:1001;background:rgba(0,0,0,.5);border:none;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;transition:background .3s;display:flex;position:absolute;top:15px;right:15px}.cxp .modal-close:hover{background:rgba(0,0,0,.8)}.cxp .modal-nav{color:#fff;cursor:pointer;z-index:1001;background:rgba(0,0,0,.5);border:none;border-radius:50%;justify-content:center;align-items:center;width:50px;height:50px;transition:background .3s;display:flex;position:absolute;top:50%;transform:translateY(-50%)}.cxp .modal-nav:hover{background:rgba(0,0,0,.8)}.cxp .modal-nav-prev{left:15px}.cxp .modal-nav-next{right:15px}.cxp .modal-counter{color:#fff;border-radius:var(--border-radius);z-index:1001;background:rgba(0,0,0,.5);padding:5px 10px;font-size:14px;position:absolute;top:15px;left:15px}.cxp .modal-image{object-fit:contain;max-width:80vw;max-height:80vh;display:block}.cxp .modal-caption{color:#fff;text-align:center;background:rgba(0,0,0,.7);margin:0;padding:10px;font-size:14px;position:absolute;bottom:0;left:0;right:0}.cxp .platforms-comparison{margin-bottom:60px}.cxp .platforms-comparison h3{text-align:center;color:var(--white);margin-bottom:40px;font-size:28px;font-weight:700}.cxp .comparison-grid{background:var(--gray-800);border-radius:var(--border-radius-lg);border:1px solid var(--gray-600);max-width:800px;margin:0 auto;overflow:hidden}.cxp .comparison-header{background:var(--gray-700);color:var(--white);grid-template-columns:2fr repeat(4,1fr);font-weight:700;display:grid}.cxp .comparison-header>div{text-align:center;padding:16px;font-size:14px}.cxp .comparison-header>div:first-child{text-align:left}.cxp .comparison-row{border-top:1px solid var(--gray-600);grid-template-columns:2fr repeat(4,1fr);display:grid}.cxp .comparison-row>div{justify-content:center;align-items:center;padding:12px 16px;font-size:14px;display:flex}.cxp .comparison-row>div:first-child{color:var(--gray-300);justify-content:flex-start}.cxp .feature-yes{color:var(--success);font-weight:700}.cxp .feature-no{color:var(--error);font-weight:700}.cxp .feature-partial{color:var(--warning);font-weight:700}.cxp .platforms-cta{text-align:center;background:linear-gradient(135deg,var(--gray-800)0%,var(--gray-700)100%);border-radius:var(--border-radius-lg);border:1px solid var(--cyber-blue);margin-top:50px;padding:40px 30px;position:relative;overflow:hidden}.cxp .platforms-cta:before{content:"";background:linear-gradient(135deg,var(--cyber-blue-glow)0%,transparent 50%);opacity:.1;position:absolute;top:0;bottom:0;left:0;right:0}.cxp .platforms-cta h3{color:var(--white);z-index:1;margin-bottom:12px;font-size:24px;font-weight:700;position:relative}.cxp .platforms-cta p{color:var(--gray-300);z-index:1;margin-bottom:24px;font-size:14px;position:relative}.cxp .cta-actions{z-index:1;justify-content:center;gap:16px;display:flex;position:relative}@media (max-width:1024px){.cxp .platform-content{grid-template-columns:1fr;gap:30px}.cxp .platform-stats{justify-content:center}.cxp .image-slider{aspect-ratio:16/9}.cxp .platform-tab{padding:10px 16px;font-size:13px}.cxp .platform-icon{width:42px;height:42px;font-size:20px}.cxp .platform-name{font-size:20px}.cxp .platform-subtitle,.cxp .platform-description{font-size:13px}.cxp .feature-text{font-size:12px}.cxp .stat-value{font-size:18px}.cxp .modal-image{max-width:95vw;max-height:85vh}}@media (max-width:768px){.cxp .platform-tabs{justify-content:center;margin-bottom:20px;padding-bottom:8px;overflow-x:auto}.cxp .platform-tab{flex-shrink:0;padding:8px 14px;font-size:12px}.cxp .platform-content{text-align:center}.cxp .platform-info{text-align:left;margin-left:auto;margin-right:auto;display:inline-block}.cxp .platform-header{text-align:center;flex-direction:column;gap:12px;margin-bottom:16px}.cxp .platform-icon{width:40px;height:40px;margin:0 auto;font-size:18px}.cxp .platform-features{text-align:left;margin-left:auto;margin-right:auto;display:inline-block}.cxp .platform-stats{flex-direction:row;justify-content:center;align-items:center;gap:16px}.cxp .stat-item{text-align:center;flex:1;min-width:auto}.cxp .mockup-content{height:250px}.cxp .mockup-sidebar{width:80px}.cxp .sidebar-item{padding:6px 8px;font-size:10px}.cxp .comparison-header,.cxp .comparison-row{text-align:center;grid-template-columns:1fr}.cxp .comparison-header>div:first-child,.cxp .comparison-row>div:first-child{text-align:center}.cxp .cta-actions{flex-direction:column;align-items:center;gap:12px}.cxp .image-slider{aspect-ratio:16/9;margin-bottom:20px}.cxp .download-section{text-align:center}.cxp .download-buttons{justify-content:center;gap:8px}.cxp .download-btn{padding:4px 5px;font-size:12px}.cxp .modal-nav{width:40px;height:40px}.cxp .modal-image{max-width:95vw;max-height:75vh}.cxp .modal-caption{padding:8px;font-size:12px}.cxp .platforms-cta{padding:30px 20px}.cxp .platforms-cta h3{font-size:20px}.cxp .platforms-cta p{margin-bottom:20px;font-size:13px}}.cxp .cxp-win-menu{z-index:30;border-radius:var(--border-radius-lg);opacity:0;visibility:hidden;background:#18181b;border:1px solid rgba(255,255,255,.12);flex-direction:column;gap:6px;width:160px;padding:8px;transition:opacity .18s,transform .18s,visibility .18s;display:flex;position:absolute;top:calc(100% + 8px);left:0;transform:translateY(-6px);box-shadow:0 10px 30px rgba(0,0,0,.35)}.cxp .cxp-win-menu.open{opacity:1;visibility:visible;transform:translateY(0)}.cxp .cxp-win-menu img{width:124px;height:auto;display:block}.cxp .cxp-win-store{background:linear-gradient(rgba(0,120,212,.22),rgba(0,120,212,.08));border:1px solid rgba(80,160,255,.45);border-radius:6px;flex-direction:column;align-items:center;gap:5px;padding:8px 8px 9px;text-decoration:none;transition:border-color .15s,box-shadow .15s;display:flex;position:relative;box-shadow:0 0 18px rgba(0,120,212,.25)}.cxp .cxp-win-store:hover{border-color:rgba(120,185,255,.8);box-shadow:0 0 24px rgba(0,120,212,.4)}.cxp .cxp-win-exe{color:#27272a;text-align:center;background:#e4e4e7;border-radius:4px;width:100%;padding:6px 0;font-size:12px;font-weight:600;text-decoration:none;transition:background .15s;display:block}.cxp .cxp-win-exe:hover{background:#fff}.cxp .cxp-win-tick{border-radius:9999px;display:flex;position:absolute;top:-6px;right:-6px;box-shadow:0 0 0 2px #18181b,0 0 10px rgba(250,204,21,.5)}.mac-gatekeeper-modal{color:#f3f4f6;background:#111827;border:1px solid #374151;box-shadow:0 25px 50px -12px rgba(0,0,0,.7)}.mac-gatekeeper-modal .modal-close-btn{color:#9ca3af;background:0 0;border:none}.mac-gatekeeper-modal .modal-close-btn:hover{color:#fff;background:#1f2937}.mac-gatekeeper-modal .modal-title{color:#fff}.mac-gatekeeper-modal .modal-desc{color:#d1d5db}.mac-gatekeeper-modal .modal-steps-box{background:rgba(0,0,0,.45);border:1px solid rgba(255,255,255,.08)}.mac-gatekeeper-modal .modal-steps-title{color:#9ca3af}.mac-gatekeeper-modal .modal-steps-list{color:#d1d5db}.mac-gatekeeper-modal .modal-highlight{color:#fff}.mac-gatekeeper-modal .modal-note{color:#9ca3af;border-top:1px solid rgba(255,255,255,.08)}.mac-gatekeeper-modal .modal-cancel-btn{color:#9ca3af;background:0 0;border:1px solid #374151}.mac-gatekeeper-modal .modal-cancel-btn:hover{color:#fff;background:#1f2937}:root[data-theme=light] .mac-gatekeeper-modal{color:#1f2937;background:#fff;border:1px solid #e5e7eb;box-shadow:0 25px 50px -12px rgba(0,0,0,.25)}:root[data-theme=light] .mac-gatekeeper-modal .modal-close-btn{color:#6b7280}:root[data-theme=light] .mac-gatekeeper-modal .modal-close-btn:hover{color:#111827;background:#f3f4f6}:root[data-theme=light] .mac-gatekeeper-modal .modal-title{color:#111827}:root[data-theme=light] .mac-gatekeeper-modal .modal-desc{color:#4b5563}:root[data-theme=light] .mac-gatekeeper-modal .modal-steps-box{background:#f9fafb;border:1px solid #e5e7eb}:root[data-theme=light] .mac-gatekeeper-modal .modal-steps-title{color:#4b5563}:root[data-theme=light] .mac-gatekeeper-modal .modal-steps-list{color:#374151}:root[data-theme=light] .mac-gatekeeper-modal .modal-highlight{color:#111827}:root[data-theme=light] .mac-gatekeeper-modal .modal-note{color:#6b7280;border-top:1px solid #e5e7eb}:root[data-theme=light] .mac-gatekeeper-modal .modal-cancel-btn{color:#4b5563;background:#f3f4f6;border:1px solid #d1d5db}:root[data-theme=light] .mac-gatekeeper-modal .modal-cancel-btn:hover{color:#111827;background:#e5e7eb}.cxp .download-btn.download-btn-googleplay{padding-left:8px;padding-right:12px}.cxp .download-btn.download-btn-googleplay .download-icon{flex-shrink:0;justify-content:center;align-items:center;margin-right:2px;display:flex}