Signal RP \u2014 \u0411\u0443\u0434\u0443\u0449\u0435\u0435 Roleplay<\/title>\r\n <link href=\"https:\/\/cdn.jsdelivr.net\/npm\/fontsource-inter@5.0.0\/index.min.css\" rel=\"stylesheet\">\r\n <style>\r\n *, *::before, *::after {\r\n margin: 0;\r\n padding: 0;\r\n box-sizing: border-box;\r\n }\r\n\r\n :root {\r\n --neon-blue: #00d4ff;\r\n --neon-purple: #a855f7;\r\n --neon-red: #ff3366;\r\n --neon-orange: #ff6b35;\r\n --neon-green: #10b981;\r\n --neon-yellow: #f59e0b;\r\n --neon-cyan: #22d3ee;\r\n --police-blue: #3b82f6;\r\n --dark-bg: #0a0a0f;\r\n --card-bg: #12121a;\r\n --card-border: #1e1e2e;\r\n --text-primary: #e8e8f0;\r\n --text-secondary: #8888a0;\r\n }\r\n\r\n html {\r\n scroll-behavior: smooth;\r\n -webkit-text-size-adjust: 100%;\r\n }\r\n\r\n body {\r\n font-family: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif;\r\n background: var(--dark-bg);\r\n color: var(--text-primary);\r\n overflow-x: hidden;\r\n line-height: 1.6;\r\n -webkit-font-smoothing: antialiased;\r\n -moz-osx-font-smoothing: grayscale;\r\n }\r\n\r\n \/* Scroll progress *\/\r\n .scroll-progress {\r\n position: fixed;\r\n top: 0;\r\n left: 0;\r\n height: 3px;\r\n background: linear-gradient(90deg, var(--neon-blue), var(--neon-purple), var(--neon-red));\r\n z-index: 10001;\r\n width: 0%;\r\n transition: width 0.1s linear;\r\n }\r\n\r\n \/* Cursor glow - desktop only *\/\r\n .cursor-glow {\r\n display: none;\r\n }\r\n\r\n @media (hover: hover) and (pointer: fine) {\r\n .cursor-glow {\r\n display: block;\r\n position: fixed;\r\n width: 400px;\r\n height: 400px;\r\n border-radius: 50%;\r\n background: radial-gradient(circle, rgba(168,85,247,0.06) 0%, transparent 70%);\r\n pointer-events: none;\r\n z-index: -1;\r\n transform: translate(-50%, -50%);\r\n transition: transform 0.1s ease-out;\r\n }\r\n }\r\n\r\n ::-webkit-scrollbar { width: 6px; }\r\n ::-webkit-scrollbar-track { background: var(--dark-bg); }\r\n ::-webkit-scrollbar-thumb { background: linear-gradient(180deg, var(--neon-blue), var(--neon-purple)); border-radius: 3px; }\r\n\r\n \/* ===== NAV ===== *\/\r\n nav {\r\n position: fixed; top: 0; left: 0; right: 0; z-index: 1000;\r\n padding: 1rem 2rem; display: flex; justify-content: space-between; align-items: center;\r\n backdrop-filter: blur(20px);\r\n -webkit-backdrop-filter: blur(20px);\r\n background: rgba(10, 10, 15, 0.7);\r\n border-bottom: 1px solid rgba(168, 85, 247, 0.1);\r\n transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);\r\n }\r\n nav.scrolled {\r\n padding: 0.6rem 2rem;\r\n background: rgba(10, 10, 15, 0.95);\r\n border-bottom: 1px solid rgba(168, 85, 247, 0.3);\r\n box-shadow: 0 4px 30px rgba(0,0,0,0.3);\r\n }\r\n\r\n .nav-logo {\r\n font-size: 1.5rem; font-weight: 800;\r\n background: linear-gradient(135deg, var(--neon-blue), var(--neon-purple));\r\n -webkit-background-clip: text;\r\n background-clip: text;\r\n -webkit-text-fill-color: transparent;\r\n color: var(--neon-blue);\r\n letter-spacing: 2px;\r\n }\r\n\r\n .nav-links { display: flex; gap: 2rem; list-style: none; }\r\n .nav-links a {\r\n color: var(--text-secondary); text-decoration: none; font-size: 0.9rem;\r\n font-weight: 500; transition: color 0.3s ease; position: relative;\r\n }\r\n .nav-links a::after {\r\n content: ''; position: absolute; bottom: -4px; left: 0; width: 0;\r\n height: 2px; background: var(--neon-purple); transition: width 0.3s ease;\r\n }\r\n .nav-links a:hover { color: var(--text-primary); }\r\n .nav-links a:hover::after { width: 100%; }\r\n\r\n \/* Mobile nav *\/\r\n .nav-hamburger {\r\n display: none;\r\n flex-direction: column;\r\n gap: 5px;\r\n cursor: pointer;\r\n padding: 8px;\r\n z-index: 1001;\r\n -webkit-tap-highlight-color: transparent;\r\n }\r\n .nav-hamburger span {\r\n display: block;\r\n width: 26px;\r\n height: 2px;\r\n background: var(--text-primary);\r\n border-radius: 2px;\r\n transition: all 0.3s ease;\r\n }\r\n .nav-hamburger.active span:nth-child(1) { transform: rotate(45deg) translate(5px, 5px); }\r\n .nav-hamburger.active span:nth-child(2) { opacity: 0; }\r\n .nav-hamburger.active span:nth-child(3) { transform: rotate(-45deg) translate(5px, -5px); }\r\n\r\n .mobile-menu {\r\n position: fixed;\r\n top: 0;\r\n right: -100%;\r\n width: 100%;\r\n height: 100vh;\r\n height: 100dvh;\r\n background: rgba(10, 10, 15, 0.98);\r\n backdrop-filter: blur(30px);\r\n -webkit-backdrop-filter: blur(30px);\r\n display: flex;\r\n flex-direction: column;\r\n align-items: center;\r\n justify-content: center;\r\n gap: 2rem;\r\n transition: right 0.5s cubic-bezier(0.4, 0, 0.2, 1);\r\n z-index: 999;\r\n }\r\n .mobile-menu.active { right: 0; }\r\n .mobile-menu a {\r\n color: var(--text-primary);\r\n text-decoration: none;\r\n font-size: 1.5rem;\r\n font-weight: 600;\r\n opacity: 0;\r\n transform: translateX(40px);\r\n transition: all 0.4s ease;\r\n }\r\n .mobile-menu.active a {\r\n opacity: 1;\r\n transform: translateX(0);\r\n }\r\n .mobile-menu.active a:nth-child(1) { transition-delay: 0.1s; }\r\n .mobile-menu.active a:nth-child(2) { transition-delay: 0.15s; }\r\n .mobile-menu.active a:nth-child(3) { transition-delay: 0.2s; }\r\n .mobile-menu.active a:nth-child(4) { transition-delay: 0.25s; }\r\n .mobile-menu.active a:nth-child(5) { transition-delay: 0.3s; }\r\n .mobile-menu.active a:nth-child(6) { transition-delay: 0.35s; }\r\n\r\n \/* ===== HERO ===== *\/\r\n .hero {\r\n position: relative; min-height: 100vh; min-height: 100dvh;\r\n display: flex; align-items: center; justify-content: center; overflow: hidden;\r\n }\r\n .hero-bg { position: absolute; inset: 0; z-index: 0; }\r\n .hero-bg img {\r\n width: 100%; height: 100%; object-fit: cover;\r\n opacity: 0.35; filter: brightness(0.5) saturate(1.3);\r\n transform: scale(1.05);\r\n transition: transform 10s ease;\r\n }\r\n .hero-bg::after {\r\n content: ''; position: absolute; inset: 0;\r\n background: linear-gradient(180deg, rgba(10,10,15,0.3) 0%, rgba(10,10,15,0.7) 50%, var(--dark-bg) 100%);\r\n }\r\n .hero-particles { position: absolute; inset: 0; z-index: 1; overflow: hidden; }\r\n .particle {\r\n position: absolute; width: 3px; height: 3px;\r\n border-radius: 50%; opacity: 0; animation: floatParticle linear infinite;\r\n }\r\n @keyframes floatParticle {\r\n 0% { opacity: 0; transform: translateY(100vh) scale(0); }\r\n 10% { opacity: 1; }\r\n 90% { opacity: 1; }\r\n 100% { opacity: 0; transform: translateY(-10vh) scale(1); }\r\n }\r\n .hero-content {\r\n position: relative; z-index: 2; text-align: center;\r\n max-width: 900px; padding: 0 2rem;\r\n will-change: transform, opacity;\r\n }\r\n .hero-badge {\r\n display: inline-block; padding: 0.4rem 1.2rem;\r\n border: 1px solid var(--neon-purple); border-radius: 50px;\r\n font-size: 0.8rem; color: var(--neon-purple); margin-bottom: 1.5rem;\r\n letter-spacing: 3px; text-transform: uppercase;\r\n animation: fadeInDown 1s ease forwards; opacity: 0;\r\n }\r\n\r\n \/* Fixed gradient text - never changes *\/\r\n .hero-title {\r\n font-size: clamp(3rem, 8vw, 7rem); font-weight: 900; line-height: 1;\r\n margin-bottom: 1.5rem; animation: fadeInUp 1s ease 0.2s forwards; opacity: 0;\r\n }\r\n .hero-title .signal {\r\n background: linear-gradient(135deg, var(--neon-blue), var(--neon-purple));\r\n -webkit-background-clip: text;\r\n background-clip: text;\r\n -webkit-text-fill-color: transparent;\r\n color: var(--neon-blue);\r\n }\r\n\r\n .hero-subtitle {\r\n font-size: clamp(1rem, 2.5vw, 1.4rem); color: var(--text-secondary);\r\n max-width: 600px; margin: 0 auto 2.5rem;\r\n animation: fadeInUp 1s ease 0.4s forwards; opacity: 0;\r\n }\r\n .hero-buttons {\r\n display: flex; gap: 1rem; justify-content: center; flex-wrap: wrap;\r\n animation: fadeInUp 1s ease 0.6s forwards; opacity: 0;\r\n }\r\n .btn-primary {\r\n padding: 0.9rem 2.5rem;\r\n background: linear-gradient(135deg, var(--neon-blue), var(--neon-purple));\r\n color: white; border: none; border-radius: 50px; font-size: 1rem;\r\n font-weight: 700; cursor: pointer; transition: all 0.3s ease;\r\n text-decoration: none; position: relative; overflow: hidden;\r\n -webkit-tap-highlight-color: transparent;\r\n }\r\n .btn-primary::before {\r\n content: ''; position: absolute; inset: 0;\r\n background: linear-gradient(135deg, var(--neon-purple), var(--neon-red));\r\n opacity: 0; transition: opacity 0.3s ease;\r\n }\r\n .btn-primary:hover::before { opacity: 1; }\r\n .btn-primary span { position: relative; z-index: 1; }\r\n .btn-primary:hover {\r\n transform: translateY(-3px);\r\n box-shadow: 0 15px 50px rgba(168, 85, 247, 0.4);\r\n }\r\n .btn-primary:active { transform: translateY(-1px) scale(0.98); }\r\n .btn-secondary {\r\n padding: 0.9rem 2.5rem; background: transparent; color: var(--text-primary);\r\n border: 1px solid var(--card-border); border-radius: 50px; font-size: 1rem;\r\n font-weight: 600; cursor: pointer; transition: all 0.3s ease; text-decoration: none;\r\n -webkit-tap-highlight-color: transparent;\r\n }\r\n .btn-secondary:hover {\r\n border-color: var(--neon-purple); background: rgba(168, 85, 247, 0.1);\r\n transform: translateY(-3px);\r\n }\r\n .btn-secondary:active { transform: translateY(-1px) scale(0.98); }\r\n\r\n .hero-scroll-indicator {\r\n position: absolute; bottom: 2rem; left: 50%; transform: translateX(-50%);\r\n z-index: 2; animation: bounce 2s ease infinite;\r\n }\r\n .hero-scroll-indicator svg { width: 30px; height: 30px; stroke: var(--text-secondary); }\r\n\r\n @keyframes bounce {\r\n 0%, 100% { transform: translateX(-50%) translateY(0); }\r\n 50% { transform: translateX(-50%) translateY(10px); }\r\n }\r\n @keyframes fadeInUp {\r\n from { opacity: 0; transform: translateY(40px); }\r\n to { opacity: 1; transform: translateY(0); }\r\n }\r\n @keyframes fadeInDown {\r\n from { opacity: 0; transform: translateY(-20px); }\r\n to { opacity: 1; transform: translateY(0); }\r\n }\r\n @keyframes glowPulse {\r\n 0%, 100% { box-shadow: 0 0 20px rgba(168, 85, 247, 0.3); }\r\n 50% { box-shadow: 0 0 40px rgba(168, 85, 247, 0.6); }\r\n }\r\n @keyframes spin { to { transform: rotate(360deg); } }\r\n\r\n \/* ===== AMBIENT ===== *\/\r\n .ambient-orb {\r\n position: fixed; border-radius: 50%; filter: blur(80px);\r\n pointer-events: none; z-index: -1; opacity: 0.12;\r\n }\r\n .orb-1 { width: 400px; height: 400px; background: var(--neon-purple); top: 10%; left: -100px; animation: orbF1 20s ease-in-out infinite; }\r\n .orb-2 { width: 350px; height: 350px; background: var(--neon-blue); top: 60%; right: -100px; animation: orbF2 25s ease-in-out infinite; }\r\n .orb-3 { width: 300px; height: 300px; background: var(--neon-red); bottom: 10%; left: 30%; animation: orbF3 22s ease-in-out infinite; }\r\n .orb-4 { width: 250px; height: 250px; background: var(--police-blue); top: 40%; left: 50%; animation: orbF4 18s ease-in-out infinite; }\r\n @keyframes orbF1 { 0%,100%{transform:translate(0,0)} 33%{transform:translate(100px,50px)} 66%{transform:translate(-50px,100px)} }\r\n @keyframes orbF2 { 0%,100%{transform:translate(0,0)} 33%{transform:translate(-80px,-60px)} 66%{transform:translate(60px,-100px)} }\r\n @keyframes orbF3 { 0%,100%{transform:translate(0,0)} 33%{transform:translate(70px,-80px)} 66%{transform:translate(-100px,40px)} }\r\n @keyframes orbF4 { 0%,100%{transform:translate(0,0)} 33%{transform:translate(-60px,80px)} 66%{transform:translate(80px,-50px)} }\r\n\r\n \/* ===== LOADING ===== *\/\r\n .loading-screen {\r\n position: fixed; inset: 0; z-index: 9999; background: var(--dark-bg);\r\n display: flex; align-items: center; justify-content: center; flex-direction: column; gap: 2rem;\r\n transition: opacity 0.6s ease, visibility 0.6s ease;\r\n }\r\n .loading-screen.hidden { opacity: 0; visibility: hidden; }\r\n .loader-ring {\r\n width: 60px; height: 60px; border: 3px solid var(--card-border);\r\n border-top-color: var(--neon-purple); border-radius: 50%; animation: spin 1s linear infinite;\r\n }\r\n .loader-text {\r\n font-size: 1.2rem; font-weight: 700;\r\n background: linear-gradient(135deg, var(--neon-blue), var(--neon-purple));\r\n -webkit-background-clip: text;\r\n background-clip: text;\r\n -webkit-text-fill-color: transparent;\r\n color: var(--neon-blue);\r\n letter-spacing: 3px;\r\n }\r\n .loader-bar {\r\n width: 200px; height: 2px; background: var(--card-border); border-radius: 2px; overflow: hidden;\r\n }\r\n .loader-bar-fill {\r\n height: 100%; width: 0%; background: linear-gradient(90deg, var(--neon-blue), var(--neon-purple));\r\n animation: loadBar 1.2s ease forwards;\r\n }\r\n @keyframes loadBar { to { width: 100%; } }\r\n\r\n \/* ===== STATS ===== *\/\r\n .stats-section { padding: 4rem 2rem; }\r\n .stats-grid {\r\n max-width: 1200px; margin: 0 auto;\r\n display: grid; grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); gap: 2rem;\r\n }\r\n .stat-card {\r\n text-align: center; padding: 2rem 1rem; border-radius: 16px;\r\n background: var(--card-bg); border: 1px solid var(--card-border);\r\n transition: all 0.4s ease; opacity: 0; transform: translateY(30px);\r\n position: relative; overflow: hidden;\r\n }\r\n .stat-card::before {\r\n content: ''; position: absolute; inset: 0;\r\n background: linear-gradient(135deg, rgba(168,85,247,0.05), transparent);\r\n opacity: 0; transition: opacity 0.3s ease;\r\n }\r\n .stat-card:hover::before { opacity: 1; }\r\n .stat-card.visible { opacity: 1; transform: translateY(0); }\r\n @media (hover: hover) {\r\n .stat-card:hover {\r\n border-color: var(--neon-purple); transform: translateY(-5px);\r\n box-shadow: 0 10px 40px rgba(168, 85, 247, 0.15);\r\n }\r\n }\r\n .stat-number {\r\n font-size: 2.5rem; font-weight: 900;\r\n background: linear-gradient(135deg, var(--neon-blue), var(--neon-purple));\r\n -webkit-background-clip: text;\r\n background-clip: text;\r\n -webkit-text-fill-color: transparent;\r\n color: var(--neon-blue);\r\n }\r\n .stat-label { color: var(--text-secondary); font-size: 0.9rem; margin-top: 0.5rem; }\r\n\r\n .glow-line {\r\n width: 100%; height: 1px;\r\n background: linear-gradient(90deg, transparent, var(--neon-purple), transparent); opacity: 0.3;\r\n }\r\n\r\n \/* ===== FEATURES ===== *\/\r\n .features-section { padding: 6rem 2rem; max-width: 1200px; margin: 0 auto; }\r\n .section-header { text-align: center; margin-bottom: 4rem; }\r\n .section-tag {\r\n display: inline-block; padding: 0.3rem 1rem; border-radius: 50px;\r\n font-size: 0.75rem; letter-spacing: 2px; text-transform: uppercase; margin-bottom: 1rem;\r\n }\r\n .section-tag.blue {\r\n background: rgba(0,212,255,0.1); color: var(--neon-blue); border: 1px solid rgba(0,212,255,0.2);\r\n }\r\n .section-tag.purple {\r\n background: rgba(168,85,247,0.1); color: var(--neon-purple); border: 1px solid rgba(168,85,247,0.2);\r\n }\r\n .section-tag.red {\r\n background: rgba(255,51,102,0.1); color: var(--neon-red); border: 1px solid rgba(255,51,102,0.2);\r\n }\r\n .section-title { font-size: clamp(2rem, 5vw, 3.5rem); font-weight: 800; margin-bottom: 1rem; }\r\n .section-desc { color: var(--text-secondary); max-width: 600px; margin: 0 auto; font-size: 1.05rem; }\r\n .features-grid {\r\n display: grid; grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); gap: 2rem;\r\n }\r\n .feature-card {\r\n padding: 2.5rem; border-radius: 20px; background: var(--card-bg);\r\n border: 1px solid var(--card-border); transition: all 0.4s ease;\r\n position: relative; overflow: hidden; opacity: 0; transform: translateY(40px);\r\n }\r\n .feature-card.visible { opacity: 1; transform: translateY(0); }\r\n .feature-card::before {\r\n content: ''; position: absolute; top: 0; left: 0; right: 0; height: 3px;\r\n background: linear-gradient(90deg, var(--neon-blue), var(--neon-purple));\r\n opacity: 0; transition: opacity 0.3s ease;\r\n }\r\n @media (hover: hover) {\r\n .feature-card:hover::before { opacity: 1; }\r\n .feature-card:hover {\r\n border-color: var(--neon-purple); transform: translateY(-8px);\r\n box-shadow: 0 20px 60px rgba(168, 85, 247, 0.15);\r\n }\r\n }\r\n .feature-icon {\r\n width: 60px; height: 60px; border-radius: 16px;\r\n display: flex; align-items: center; justify-content: center;\r\n font-size: 1.5rem; margin-bottom: 1.5rem;\r\n }\r\n .feature-icon.blue { background: rgba(0,212,255,0.1); }\r\n .feature-icon.purple { background: rgba(168,85,247,0.1); }\r\n .feature-icon.red { background: rgba(255,51,102,0.1); }\r\n .feature-icon.orange { background: rgba(255,107,53,0.1); }\r\n .feature-icon.green { background: rgba(16,185,129,0.1); }\r\n .feature-icon.police { background: rgba(59,130,246,0.1); }\r\n .feature-card h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 0.8rem; }\r\n .feature-card p { color: var(--text-secondary); font-size: 0.95rem; line-height: 1.7; }\r\n\r\n \/* ===== ROADMAP ===== *\/\r\n .roadmap-section {\r\n padding: 6rem 2rem;\r\n max-width: 1000px;\r\n margin: 0 auto;\r\n }\r\n .roadmap-timeline {\r\n position: relative;\r\n padding: 2rem 0;\r\n }\r\n .roadmap-timeline::before {\r\n content: '';\r\n position: absolute;\r\n left: 30px;\r\n top: 0;\r\n bottom: 0;\r\n width: 2px;\r\n background: linear-gradient(180deg, var(--neon-blue), var(--neon-purple), var(--neon-red), var(--neon-orange), var(--neon-yellow), var(--card-border));\r\n }\r\n .roadmap-item {\r\n position: relative;\r\n padding-left: 80px;\r\n margin-bottom: 2.5rem;\r\n opacity: 0;\r\n transform: translateX(-30px);\r\n transition: all 0.6s cubic-bezier(0.4, 0, 0.2, 1);\r\n }\r\n .roadmap-item.visible {\r\n opacity: 1;\r\n transform: translateX(0);\r\n }\r\n .roadmap-dot {\r\n position: absolute;\r\n left: 20px;\r\n top: 8px;\r\n width: 22px;\r\n height: 22px;\r\n border-radius: 50%;\r\n border: 3px solid var(--card-border);\r\n background: var(--dark-bg);\r\n z-index: 2;\r\n transition: all 0.3s ease;\r\n }\r\n .roadmap-item.active .roadmap-dot {\r\n border-color: var(--neon-blue);\r\n background: var(--neon-blue);\r\n box-shadow: 0 0 20px rgba(0, 212, 255, 0.4);\r\n }\r\n .roadmap-item.completed .roadmap-dot {\r\n border-color: var(--neon-green);\r\n background: var(--neon-green);\r\n box-shadow: 0 0 20px rgba(16, 185, 129, 0.4);\r\n }\r\n .roadmap-item.current .roadmap-dot {\r\n border-color: var(--neon-orange);\r\n background: var(--neon-orange);\r\n box-shadow: 0 0 20px rgba(255, 107, 53, 0.4);\r\n animation: dotPulse 2s ease infinite;\r\n }\r\n @keyframes dotPulse {\r\n 0%, 100% { box-shadow: 0 0 20px rgba(255, 107, 53, 0.4); }\r\n 50% { box-shadow: 0 0 35px rgba(255, 107, 53, 0.7); }\r\n }\r\n .roadmap-content {\r\n background: var(--card-bg);\r\n border: 1px solid var(--card-border);\r\n border-radius: 16px;\r\n padding: 1.5rem 2rem;\r\n transition: all 0.3s ease;\r\n }\r\n @media (hover: hover) {\r\n .roadmap-content:hover {\r\n border-color: var(--neon-purple);\r\n transform: translateX(5px);\r\n }\r\n }\r\n .roadmap-phase {\r\n display: inline-block;\r\n padding: 0.25rem 0.8rem;\r\n border-radius: 50px;\r\n font-size: 0.65rem;\r\n letter-spacing: 1px;\r\n text-transform: uppercase;\r\n margin-bottom: 0.5rem;\r\n font-weight: 600;\r\n }\r\n .roadmap-phase.completed {\r\n background: rgba(16, 185, 129, 0.15);\r\n color: var(--neon-green);\r\n border: 1px solid rgba(16, 185, 129, 0.3);\r\n }\r\n .roadmap-phase.current {\r\n background: rgba(255, 107, 53, 0.15);\r\n color: var(--neon-orange);\r\n border: 1px solid rgba(255, 107, 53, 0.3);\r\n }\r\n .roadmap-phase.future {\r\n background: rgba(136, 136, 160, 0.1);\r\n color: var(--text-secondary);\r\n border: 1px solid rgba(136, 136, 160, 0.2);\r\n }\r\n .roadmap-title {\r\n font-size: 1.2rem;\r\n font-weight: 700;\r\n margin-bottom: 0.5rem;\r\n display: flex;\r\n align-items: center;\r\n gap: 0.5rem;\r\n }\r\n .roadmap-title .check-icon {\r\n color: var(--neon-green);\r\n font-size: 1rem;\r\n }\r\n .roadmap-desc {\r\n color: var(--text-secondary);\r\n font-size: 0.9rem;\r\n line-height: 1.7;\r\n }\r\n\r\n \/* ===== DEPARTMENT SLIDES ===== *\/\r\n .dept-section-header {\r\n min-height: 60vh; min-height: 60dvh;\r\n display: flex;\r\n flex-direction: column;\r\n align-items: center;\r\n justify-content: center;\r\n text-align: center;\r\n padding: 4rem 2rem;\r\n position: relative;\r\n }\r\n .dept-section-header::before {\r\n content: '';\r\n position: absolute;\r\n top: 0;\r\n left: 50%;\r\n transform: translateX(-50%);\r\n width: 1px;\r\n height: 80px;\r\n background: linear-gradient(180deg, transparent, var(--neon-purple));\r\n }\r\n .dept-intro-title {\r\n font-size: clamp(2.5rem, 6vw, 5rem);\r\n font-weight: 900;\r\n margin-bottom: 1.5rem;\r\n opacity: 0;\r\n transform: translateY(40px);\r\n transition: all 0.8s ease;\r\n }\r\n .dept-intro-title.fire {\r\n background: linear-gradient(135deg, var(--neon-red), var(--neon-orange));\r\n -webkit-background-clip: text;\r\n background-clip: text;\r\n -webkit-text-fill-color: transparent;\r\n color: var(--neon-red);\r\n }\r\n .dept-intro-title.medical {\r\n background: linear-gradient(135deg, var(--neon-blue), var(--neon-cyan));\r\n -webkit-background-clip: text;\r\n background-clip: text;\r\n -webkit-text-fill-color: transparent;\r\n color: var(--neon-blue);\r\n }\r\n .dept-intro-title.police {\r\n background: linear-gradient(135deg, var(--police-blue), var(--neon-purple));\r\n -webkit-background-clip: text;\r\n background-clip: text;\r\n -webkit-text-fill-color: transparent;\r\n color: var(--police-blue);\r\n }\r\n .dept-intro-desc {\r\n max-width: 600px;\r\n color: var(--text-secondary);\r\n font-size: 1.1rem;\r\n line-height: 1.8;\r\n opacity: 0;\r\n transform: translateY(30px);\r\n transition: all 0.8s ease 0.2s;\r\n }\r\n .dept-section-header.visible .dept-intro-title {\r\n opacity: 1;\r\n transform: translateY(0);\r\n }\r\n .dept-section-header.visible .dept-intro-desc {\r\n opacity: 1;\r\n transform: translateY(0);\r\n }\r\n\r\n .dept-slide {\r\n min-height: 100vh; min-height: 100dvh;\r\n display: flex;\r\n align-items: center;\r\n padding: 2rem;\r\n position: relative;\r\n overflow: hidden;\r\n }\r\n .dept-slide-inner {\r\n max-width: 1400px;\r\n margin: 0 auto;\r\n width: 100%;\r\n display: grid;\r\n grid-template-columns: 1fr 1fr;\r\n gap: 4rem;\r\n align-items: center;\r\n }\r\n .dept-slide-photo {\r\n position: relative;\r\n border-radius: 24px;\r\n overflow: hidden;\r\n aspect-ratio: 16\/10;\r\n opacity: 0;\r\n transform: translateX(-60px) scale(0.95);\r\n transition: all 0.8s cubic-bezier(0.4, 0, 0.2, 1);\r\n cursor: pointer;\r\n }\r\n .dept-slide-photo::before {\r\n content: '';\r\n position: absolute;\r\n inset: 0;\r\n border-radius: 24px;\r\n padding: 1px;\r\n background: linear-gradient(135deg, rgba(255,255,255,0.15), transparent, rgba(168,85,247,0.2));\r\n -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);\r\n mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);\r\n -webkit-mask-composite: xor;\r\n mask-composite: exclude;\r\n z-index: 2;\r\n pointer-events: none;\r\n }\r\n .dept-slide-photo::after {\r\n content: '';\r\n position: absolute;\r\n inset: 0;\r\n background: radial-gradient(circle at 30% 30%, rgba(255,255,255,0.05), transparent);\r\n z-index: 1;\r\n pointer-events: none;\r\n }\r\n .dept-slide-photo img {\r\n width: 100%;\r\n height: 100%;\r\n object-fit: cover;\r\n transition: transform 0.4s ease;\r\n }\r\n @media (hover: hover) {\r\n .dept-slide-photo:hover img { transform: scale(1.03); }\r\n }\r\n .dept-slide-photo .expand-icon {\r\n position: absolute;\r\n bottom: 1rem;\r\n right: 1rem;\r\n z-index: 3;\r\n width: 40px;\r\n height: 40px;\r\n border-radius: 50%;\r\n background: rgba(10,10,15,0.7);\r\n backdrop-filter: blur(10px);\r\n -webkit-backdrop-filter: blur(10px);\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n color: white;\r\n font-size: 0.9rem;\r\n opacity: 0;\r\n transition: opacity 0.3s ease;\r\n border: 1px solid rgba(255,255,255,0.1);\r\n }\r\n @media (hover: hover) {\r\n .dept-slide-photo:hover .expand-icon { opacity: 1; }\r\n }\r\n .dept-slide-text {\r\n opacity: 0;\r\n transform: translateY(40px);\r\n transition: all 0.8s cubic-bezier(0.4, 0, 0.2, 1) 0.15s;\r\n }\r\n .dept-slide-tag {\r\n display: inline-block;\r\n padding: 0.4rem 1.2rem;\r\n border-radius: 50px;\r\n font-size: 0.75rem;\r\n letter-spacing: 2px;\r\n text-transform: uppercase;\r\n margin-bottom: 1.2rem;\r\n }\r\n .dept-slide-tag.fire { background: rgba(255,51,102,0.15); color: var(--neon-red); border: 1px solid rgba(255,51,102,0.3); }\r\n .dept-slide-tag.medical { background: rgba(0,212,255,0.15); color: var(--neon-blue); border: 1px solid rgba(0,212,255,0.3); }\r\n .dept-slide-tag.police { background: rgba(59,130,246,0.15); color: var(--police-blue); border: 1px solid rgba(59,130,246,0.3); }\r\n\r\n .dept-slide-title {\r\n font-size: clamp(1.5rem, 3vw, 2.5rem);\r\n font-weight: 800;\r\n margin-bottom: 1rem;\r\n line-height: 1.2;\r\n }\r\n .dept-slide-title.fire { color: var(--neon-red); }\r\n .dept-slide-title.medical { color: var(--neon-blue); }\r\n .dept-slide-title.police { color: var(--police-blue); }\r\n\r\n .dept-slide-desc {\r\n color: var(--text-secondary);\r\n font-size: 1rem;\r\n line-height: 1.8;\r\n margin-bottom: 1.5rem;\r\n }\r\n .dept-slide-features { list-style: none; }\r\n .dept-slide-features li {\r\n display: flex;\r\n align-items: center;\r\n gap: 0.8rem;\r\n padding: 0.4rem 0;\r\n color: var(--text-secondary);\r\n font-size: 0.9rem;\r\n }\r\n .dept-slide-features li .check {\r\n width: 22px; height: 22px; border-radius: 50%;\r\n display: flex; align-items: center; justify-content: center;\r\n font-size: 0.6rem; flex-shrink: 0;\r\n }\r\n .dept-slide-features li .check.fire { background: rgba(255,51,102,0.15); color: var(--neon-red); }\r\n .dept-slide-features li .check.medical { background: rgba(0,212,255,0.15); color: var(--neon-blue); }\r\n .dept-slide-features li .check.police { background: rgba(59,130,246,0.15); color: var(--police-blue); }\r\n\r\n .dept-slide-number {\r\n position: absolute;\r\n top: 2rem;\r\n right: 2rem;\r\n font-size: 5rem;\r\n font-weight: 900;\r\n opacity: 0.04;\r\n line-height: 1;\r\n z-index: 0;\r\n }\r\n .dept-slide.visible .dept-slide-photo {\r\n opacity: 1;\r\n transform: translateX(0) scale(1);\r\n }\r\n .dept-slide.visible .dept-slide-text {\r\n opacity: 1;\r\n transform: translateY(0);\r\n }\r\n\r\n .dept-divider {\r\n height: 20vh; min-height: 150px;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n position: relative;\r\n }\r\n .dept-divider::before {\r\n content: '';\r\n position: absolute;\r\n width: 2px;\r\n height: 50%;\r\n background: linear-gradient(180deg, transparent, var(--neon-purple), transparent);\r\n }\r\n .dept-divider-badge {\r\n padding: 0.5rem 1.5rem;\r\n border-radius: 50px;\r\n background: var(--card-bg);\r\n border: 1px solid var(--card-border);\r\n font-size: 0.85rem;\r\n color: var(--text-secondary);\r\n z-index: 2;\r\n letter-spacing: 1px;\r\n backdrop-filter: blur(10px);\r\n -webkit-backdrop-filter: blur(10px);\r\n }\r\n\r\n \/* ===== SCREENSHOTS ===== *\/\r\n .screenshots-section {\r\n padding: 6rem 2rem;\r\n max-width: 1400px;\r\n margin: 0 auto;\r\n }\r\n .screenshots-carousel {\r\n position: relative;\r\n display: flex;\r\n align-items: center;\r\n gap: 1rem;\r\n }\r\n .carousel-btn {\r\n width: 50px;\r\n height: 50px;\r\n border-radius: 50%;\r\n border: 1px solid var(--card-border);\r\n background: var(--card-bg);\r\n color: white;\r\n cursor: pointer;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n font-size: 1.2rem;\r\n transition: all 0.3s ease;\r\n flex-shrink: 0;\r\n z-index: 5;\r\n -webkit-tap-highlight-color: transparent;\r\n }\r\n @media (hover: hover) {\r\n .carousel-btn:hover {\r\n border-color: var(--neon-purple);\r\n background: rgba(168, 85, 247, 0.15);\r\n box-shadow: 0 0 20px rgba(168, 85, 247, 0.3);\r\n }\r\n }\r\n .screenshots-track-wrapper {\r\n overflow: hidden;\r\n flex: 1;\r\n border-radius: 20px;\r\n }\r\n .screenshots-track {\r\n display: flex;\r\n gap: 1.5rem;\r\n transition: transform 0.5s cubic-bezier(0.4, 0, 0.2, 1);\r\n }\r\n .screenshot-card {\r\n flex-shrink: 0;\r\n width: calc(33.333% - 1rem);\r\n min-width: 300px;\r\n aspect-ratio: 16\/10;\r\n border-radius: 16px;\r\n overflow: hidden;\r\n cursor: pointer;\r\n position: relative;\r\n transition: all 0.4s ease;\r\n border: 1px solid var(--card-border);\r\n -webkit-tap-highlight-color: transparent;\r\n }\r\n @media (hover: hover) {\r\n .screenshot-card:hover {\r\n transform: scale(1.02);\r\n border-color: var(--neon-purple);\r\n }\r\n .screenshot-card:hover img { transform: scale(1.05); }\r\n }\r\n .screenshot-card img {\r\n width: 100%;\r\n height: 100%;\r\n object-fit: cover;\r\n transition: transform 0.4s ease;\r\n }\r\n .screenshot-overlay {\r\n position: absolute; inset: 0;\r\n background: linear-gradient(transparent 40%, rgba(10,10,15,0.85));\r\n display: flex; align-items: flex-end; padding: 1.5rem;\r\n opacity: 0; transition: opacity 0.3s ease;\r\n }\r\n @media (hover: hover) {\r\n .screenshot-card:hover .screenshot-overlay { opacity: 1; }\r\n }\r\n .screenshot-overlay span { font-size: 0.9rem; font-weight: 600; }\r\n .screenshot-expand-icon {\r\n position: absolute; top: 1rem; right: 1rem;\r\n width: 36px; height: 36px; border-radius: 50%;\r\n background: rgba(0,0,0,0.6); backdrop-filter: blur(5px);\r\n -webkit-backdrop-filter: blur(5px);\r\n display: flex; align-items: center; justify-content: center;\r\n opacity: 0; transition: opacity 0.3s ease;\r\n color: white; font-size: 0.8rem;\r\n }\r\n @media (hover: hover) {\r\n .screenshot-card:hover .screenshot-expand-icon { opacity: 1; }\r\n }\r\n \/* Touch devices show overlays *\/\r\n @media (hover: none) {\r\n .dept-slide-photo .expand-icon { opacity: 0.7; }\r\n .screenshot-card .screenshot-overlay { opacity: 0.7; }\r\n .screenshot-card .screenshot-expand-icon { opacity: 0.7; }\r\n }\r\n\r\n \/* ===== GLASS MODAL ===== *\/\r\n .glass-modal-overlay {\r\n position: fixed; inset: 0; z-index: 10000;\r\n display: flex; align-items: center; justify-content: center;\r\n opacity: 0; visibility: hidden; transition: all 0.4s ease;\r\n }\r\n .glass-modal-overlay.active { opacity: 1; visibility: visible; }\r\n .glass-modal-backdrop {\r\n position: absolute; inset: 0;\r\n background: rgba(10, 10, 15, 0.85);\r\n backdrop-filter: blur(8px);\r\n -webkit-backdrop-filter: blur(8px);\r\n }\r\n .glass-modal-container {\r\n position: relative; z-index: 2;\r\n max-width: 90vw; max-height: 90vh; max-height: 90dvh;\r\n border-radius: 28px; overflow: hidden;\r\n padding: 16px;\r\n transform: scale(0.8) translateY(40px);\r\n transition: transform 0.5s cubic-bezier(0.34, 1.56, 0.64, 1);\r\n background: linear-gradient(\r\n 135deg,\r\n rgba(255,255,255,0.08) 0%,\r\n rgba(255,255,255,0.03) 40%,\r\n rgba(255,255,255,0.06) 60%,\r\n rgba(255,255,255,0.02) 100%\r\n );\r\n backdrop-filter: blur(40px) saturate(1.5);\r\n -webkit-backdrop-filter: blur(40px) saturate(1.5);\r\n box-shadow:\r\n 0 0 0 1px rgba(255,255,255,0.05),\r\n 0 0 30px rgba(168,85,247,0.2),\r\n 0 0 60px rgba(0,212,255,0.1),\r\n 0 20px 80px rgba(0,0,0,0.5),\r\n inset 0 1px 0 rgba(255,255,255,0.1),\r\n inset 0 -1px 0 rgba(0,0,0,0.2);\r\n }\r\n .glass-modal-container::before {\r\n content: ''; position: absolute; inset: 0; border-radius: 28px; padding: 2px;\r\n background: linear-gradient(135deg, rgba(0,212,255,0.5), rgba(168,85,247,0.5), rgba(255,51,102,0.3), rgba(0,212,255,0.5));\r\n -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);\r\n mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);\r\n -webkit-mask-composite: xor; mask-composite: exclude;\r\n pointer-events: none; animation: borderRotate 6s linear infinite;\r\n }\r\n @keyframes borderRotate { 0% { filter: hue-rotate(0deg); } 100% { filter: hue-rotate(360deg); } }\r\n .glass-modal-overlay.active .glass-modal-container { transform: scale(1) translateY(0); }\r\n .glass-modal-inner {\r\n position: relative; border-radius: 16px; overflow: hidden;\r\n display: flex; align-items: center; justify-content: center;\r\n background: rgba(0,0,0,0.3); min-height: 300px;\r\n }\r\n .glass-modal-inner img {\r\n max-width: 80vw; max-height: 75vh; max-height: 75dvh; object-fit: contain; display: block;\r\n }\r\n .glass-modal-close {\r\n position: absolute; top: -50px; right: 0;\r\n width: 40px; height: 40px; border-radius: 50%;\r\n border: 1px solid rgba(255,255,255,0.1);\r\n background: rgba(255,255,255,0.05); color: white;\r\n cursor: pointer; display: flex; align-items: center; justify-content: center;\r\n font-size: 1.2rem; transition: all 0.3s ease; backdrop-filter: blur(10px);\r\n -webkit-backdrop-filter: blur(10px);\r\n -webkit-tap-highlight-color: transparent;\r\n }\r\n @media (hover: hover) {\r\n .glass-modal-close:hover {\r\n background: rgba(255,255,255,0.15); border-color: var(--neon-purple);\r\n }\r\n }\r\n .glass-modal-nav {\r\n position: absolute; top: 50%; transform: translateY(-50%);\r\n width: 44px; height: 44px; border-radius: 50%;\r\n border: 1px solid rgba(255,255,255,0.1);\r\n background: rgba(255,255,255,0.05); color: white;\r\n cursor: pointer; display: flex; align-items: center; justify-content: center;\r\n font-size: 1rem; transition: all 0.3s ease; backdrop-filter: blur(10px);\r\n -webkit-backdrop-filter: blur(10px);\r\n -webkit-tap-highlight-color: transparent;\r\n }\r\n @media (hover: hover) {\r\n .glass-modal-nav:hover { background: rgba(168,85,247,0.2); border-color: var(--neon-purple); }\r\n }\r\n .glass-modal-nav.prev { left: -55px; }\r\n .glass-modal-nav.next { right: -55px; }\r\n .glass-modal-label {\r\n position: absolute; bottom: 0; left: 0; right: 0;\r\n padding: 2rem 2rem 1rem;\r\n background: linear-gradient(transparent, rgba(0,0,0,0.7));\r\n color: var(--text-primary); font-size: 0.9rem; font-weight: 600; text-align: center;\r\n }\r\n\r\n \/* ===== CTA ===== *\/\r\n .cta-section {\r\n padding: 8rem 2rem; text-align: center;\r\n position: relative; overflow: hidden;\r\n }\r\n .cta-section::before {\r\n content: ''; position: absolute; top: 50%; left: 50%;\r\n transform: translate(-50%, -50%); width: 600px; height: 600px;\r\n background: radial-gradient(circle, rgba(168,85,247,0.15) 0%, transparent 70%);\r\n border-radius: 50%;\r\n }\r\n .cta-title {\r\n font-size: clamp(2.5rem, 6vw, 5rem); font-weight: 900;\r\n margin-bottom: 1.5rem; position: relative; z-index: 1;\r\n }\r\n .cta-desc {\r\n color: var(--text-secondary); font-size: 1.2rem;\r\n max-width: 600px; margin: 0 auto 2.5rem; position: relative; z-index: 1;\r\n }\r\n\r\n \/* ===== FOOTER ===== *\/\r\n footer {\r\n padding: 3rem 2rem; border-top: 1px solid var(--card-border); text-align: center;\r\n }\r\n .footer-logo {\r\n font-size: 1.5rem; font-weight: 800;\r\n background: linear-gradient(135deg, var(--neon-blue), var(--neon-purple));\r\n -webkit-background-clip: text;\r\n background-clip: text;\r\n -webkit-text-fill-color: transparent;\r\n color: var(--neon-blue);\r\n margin-bottom: 1rem;\r\n }\r\n .footer-links {\r\n display: flex; gap: 2rem; justify-content: center; margin-bottom: 1.5rem; flex-wrap: wrap;\r\n }\r\n .footer-links a {\r\n color: var(--text-secondary); text-decoration: none; font-size: 0.9rem;\r\n transition: color 0.3s ease;\r\n }\r\n @media (hover: hover) {\r\n .footer-links a:hover { color: var(--neon-purple); }\r\n }\r\n .footer-copy { color: var(--text-secondary); font-size: 0.8rem; opacity: 0.6; }\r\n\r\n \/* ===== REVEAL ===== *\/\r\n .text-reveal {\r\n opacity: 0; transform: translateY(50px);\r\n transition: all 0.8s cubic-bezier(0.4, 0, 0.2, 1);\r\n }\r\n .text-reveal.visible { opacity: 1; transform: translateY(0); }\r\n .text-reveal-delay-1 { transition-delay: 0.1s; }\r\n .text-reveal-delay-2 { transition-delay: 0.2s; }\r\n .text-reveal-delay-3 { transition-delay: 0.3s; }\r\n .text-reveal-delay-4 { transition-delay: 0.4s; }\r\n\r\n \/* ===== ELEGANT TEXT ANIMATIONS ===== *\/\r\n .word-reveal {\r\n display: inline-block;\r\n overflow: hidden;\r\n vertical-align: bottom;\r\n }\r\n .word-reveal span {\r\n display: inline-block;\r\n opacity: 0;\r\n transform: translateY(100%);\r\n transition: all 0.6s cubic-bezier(0.4, 0, 0.2, 1);\r\n }\r\n .word-reveal.animate span {\r\n opacity: 1;\r\n transform: translateY(0);\r\n }\r\n\r\n .float-in {\r\n opacity: 0;\r\n transform: translateY(30px);\r\n transition: all 0.7s cubic-bezier(0.34, 1.56, 0.64, 1);\r\n }\r\n .float-in.visible {\r\n opacity: 1;\r\n transform: translateY(0);\r\n }\r\n\r\n .scale-in {\r\n opacity: 0;\r\n transform: scale(0.9);\r\n transition: all 0.8s cubic-bezier(0.4, 0, 0.2, 1);\r\n }\r\n .scale-in.visible {\r\n opacity: 1;\r\n transform: scale(1);\r\n }\r\n\r\n .slide-left {\r\n opacity: 0;\r\n transform: translateX(-40px);\r\n transition: all 0.7s cubic-bezier(0.4, 0, 0.2, 1);\r\n }\r\n .slide-left.visible {\r\n opacity: 1;\r\n transform: translateX(0);\r\n }\r\n\r\n .slide-right {\r\n opacity: 0;\r\n transform: translateX(40px);\r\n transition: all 0.7s cubic-bezier(0.4, 0, 0.2, 1);\r\n }\r\n .slide-right.visible {\r\n opacity: 1;\r\n transform: translateX(0);\r\n }\r\n\r\n \/* Glow pulse for sections *\/\r\n .section-glow {\r\n position: relative;\r\n }\r\n .section-glow::after {\r\n content: '';\r\n position: absolute;\r\n top: 50%;\r\n left: 50%;\r\n transform: translate(-50%, -50%);\r\n width: 50%;\r\n height: 50%;\r\n background: radial-gradient(circle, rgba(168,85,247,0.08) 0%, transparent 70%);\r\n pointer-events: none;\r\n opacity: 0;\r\n transition: opacity 1s ease;\r\n }\r\n .section-glow.visible::after {\r\n opacity: 1;\r\n animation: glowBreath 4s ease-in-out infinite;\r\n }\r\n @keyframes glowBreath {\r\n 0%, 100% { transform: translate(-50%, -50%) scale(1); opacity: 0.5; }\r\n 50% { transform: translate(-50%, -50%) scale(1.2); opacity: 1; }\r\n }\r\n\r\n \/* Stagger children *\/\r\n .stagger-children > * {\r\n opacity: 0;\r\n transform: translateY(20px);\r\n transition: all 0.5s cubic-bezier(0.4, 0, 0.2, 1);\r\n }\r\n .stagger-children.visible > *:nth-child(1) { transition-delay: 0.05s; opacity: 1; transform: translateY(0); }\r\n .stagger-children.visible > *:nth-child(2) { transition-delay: 0.1s; opacity: 1; transform: translateY(0); }\r\n .stagger-children.visible > *:nth-child(3) { transition-delay: 0.15s; opacity: 1; transform: translateY(0); }\r\n .stagger-children.visible > *:nth-child(4) { transition-delay: 0.2s; opacity: 1; transform: translateY(0); }\r\n .stagger-children.visible > *:nth-child(5) { transition-delay: 0.25s; opacity: 1; transform: translateY(0); }\r\n .stagger-children.visible > *:nth-child(6) { transition-delay: 0.3s; opacity: 1; transform: translateY(0); }\r\n .stagger-children.visible > *:nth-child(7) { transition-delay: 0.35s; opacity: 1; transform: translateY(0); }\r\n .stagger-children.visible > *:nth-child(8) { transition-delay: 0.4s; opacity: 1; transform: translateY(0); }\r\n .stagger-children.visible > *:nth-child(9) { transition-delay: 0.45s; opacity: 1; transform: translateY(0); }\r\n .stagger-children.visible > *:nth-child(10) { transition-delay: 0.5s; opacity: 1; transform: translateY(0); }\r\n .stagger-children.visible > *:nth-child(11) { transition-delay: 0.55s; opacity: 1; transform: translateY(0); }\r\n .stagger-children.visible > *:nth-child(12) { transition-delay: 0.6s; opacity: 1; transform: translateY(0); }\r\n .stagger-children.visible > *:nth-child(13) { transition-delay: 0.65s; opacity: 1; transform: translateY(0); }\r\n .stagger-children.visible > *:nth-child(14) { transition-delay: 0.7s; opacity: 1; transform: translateY(0); }\r\n\r\n \/* ===== RESPONSIVE ===== *\/\r\n @media (max-width: 1024px) {\r\n .dept-slide-inner {\r\n grid-template-columns: 1fr;\r\n gap: 2rem;\r\n }\r\n .dept-slide-photo {\r\n order: -1;\r\n aspect-ratio: 16\/9;\r\n }\r\n .dept-slide-text {\r\n text-align: center;\r\n }\r\n .dept-slide-features {\r\n display: inline-block;\r\n text-align: left;\r\n }\r\n .dept-slide-number {\r\n font-size: 3rem;\r\n top: 1rem;\r\n right: 1rem;\r\n }\r\n .screenshot-card {\r\n width: calc(50% - 0.75rem);\r\n min-width: 250px;\r\n }\r\n }\r\n\r\n @media (max-width: 768px) {\r\n .nav-links { display: none; }\r\n .nav-hamburger { display: flex; }\r\n\r\n nav { padding: 0.8rem 1.5rem; }\r\n nav.scrolled { padding: 0.6rem 1.5rem; }\r\n\r\n .dept-slide {\r\n padding: 1rem;\r\n min-height: auto;\r\n min-height: auto;\r\n }\r\n .dept-slide-inner {\r\n gap: 1.5rem;\r\n }\r\n .dept-slide-photo {\r\n border-radius: 16px;\r\n }\r\n .dept-slide-title {\r\n font-size: 1.5rem;\r\n }\r\n .dept-slide-desc {\r\n font-size: 0.9rem;\r\n }\r\n .dept-intro-title {\r\n font-size: 2rem;\r\n }\r\n .dept-section-header {\r\n min-height: 40vh;\r\n min-height: 40dvh;\r\n padding: 3rem 1.5rem;\r\n }\r\n .screenshot-card {\r\n width: calc(100%);\r\n min-width: 260px;\r\n }\r\n .carousel-btn {\r\n width: 40px; height: 40px; font-size: 1rem;\r\n }\r\n .glass-modal-nav.prev { left: 10px; }\r\n .glass-modal-nav.next { right: 10px; }\r\n .glass-modal-close {\r\n top: 10px;\r\n right: 10px;\r\n }\r\n .glass-modal-container {\r\n padding: 8px;\r\n max-width: 95vw;\r\n border-radius: 20px;\r\n }\r\n .roadmap-timeline::before { left: 15px; }\r\n .roadmap-item { padding-left: 55px; }\r\n .roadmap-dot { left: 6px; }\r\n .roadmap-content { padding: 1.2rem 1.5rem; }\r\n .features-grid { grid-template-columns: 1fr; }\r\n .stats-grid { grid-template-columns: 1fr 1fr; }\r\n .stat-card { padding: 1.5rem 1rem; }\r\n .stat-number { font-size: 2rem; }\r\n .section-title { font-size: clamp(1.8rem, 6vw, 2.5rem); }\r\n .features-section { padding: 4rem 1.5rem; }\r\n .roadmap-section { padding: 4rem 1.5rem; }\r\n .screenshots-section { padding: 4rem 1.5rem; }\r\n .cta-section { padding: 5rem 1.5rem; }\r\n }\r\n\r\n @media (max-width: 480px) {\r\n .hero-buttons { flex-direction: column; align-items: center; }\r\n .btn-primary, .btn-secondary { width: 100%; text-align: center; }\r\n .stats-grid { grid-template-columns: 1fr 1fr; gap: 0.8rem; }\r\n .feature-card { padding: 1.8rem; }\r\n .dept-slide-number { font-size: 2.5rem; }\r\n .hero-content { padding: 0 1rem; }\r\n .dept-slide-features li { font-size: 0.85rem; }\r\n .roadmap-title { font-size: 1.05rem; }\r\n .roadmap-desc { font-size: 0.85rem; }\r\n .dept-intro-desc { font-size: 0.95rem; }\r\n .cta-desc { font-size: 1rem; }\r\n }\r\n\r\n \/* Safe area for notch devices *\/\r\n @supports (padding-top: env(safe-area-inset-top)) {\r\n nav {\r\n padding-top: calc(1rem + env(safe-area-inset-top));\r\n padding-left: calc(1.5rem + env(safe-area-inset-left));\r\n padding-right: calc(1.5rem + env(safe-area-inset-right));\r\n }\r\n footer {\r\n padding-bottom: calc(2rem + env(safe-area-inset-bottom));\r\n }\r\n }\r\n\r\n \/* Reduced motion *\/\r\n @media (prefers-reduced-motion: reduce) {\r\n *, *::before, *::after {\r\n animation-duration: 0.01ms !important;\r\n animation-iteration-count: 1 !important;\r\n transition-duration: 0.01ms !important;\r\n }\r\n }\r\n <\/style>\r\n<\/head>\r\n<body>\r\n\r\n \r\n <div class=\"scroll-progress\" id=\"scrollProgress\"><\/div>\r\n\r\n \r\n <div class=\"cursor-glow\" id=\"cursorGlow\"><\/div>\r\n\r\n \r\n <div class=\"loading-screen\" id=\"loadingScreen\">\r\n <div class=\"loader-ring\"><\/div>\r\n <div class=\"loader-text\">SIGNAL RP<\/div>\r\n <div class=\"loader-bar\"><div class=\"loader-bar-fill\"><\/div><\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"ambient-orb orb-1\"><\/div>\r\n <div class=\"ambient-orb orb-2\"><\/div>\r\n <div class=\"ambient-orb orb-3\"><\/div>\r\n <div class=\"ambient-orb orb-4\"><\/div>\r\n\r\n \r\n <nav id=\"navbar\">\r\n <div class=\"nav-logo\">SIGNAL RP<\/div>\r\n <ul class=\"nav-links\">\r\n <li><a href=\"#hero\">\u0413\u043b\u0430\u0432\u043d\u0430\u044f<\/a><\/li>\r\n <li><a href=\"#features\">\u041e\u0441\u043e\u0431\u0435\u043d\u043d\u043e\u0441\u0442\u0438<\/a><\/li>\r\n <li><a href=\"#roadmap\">\u0414\u043e\u0440\u043e\u0436\u043d\u0430\u044f \u043a\u0430\u0440\u0442\u0430<\/a><\/li>\r\n <li><a href=\"#departments\">\u0414\u0435\u043f\u0430\u0440\u0442\u0430\u043c\u0435\u043d\u0442\u044b<\/a><\/li>\r\n <li><a href=\"#screenshots\">\u0421\u043a\u0440\u0438\u043d\u0448\u043e\u0442\u044b<\/a><\/li>\r\n <li><a href=\"#cta\">\u0418\u0433\u0440\u0430\u0442\u044c<\/a><\/li>\r\n <\/ul>\r\n <div class=\"nav-hamburger\" id=\"navHamburger\">\r\n <span><\/span>\r\n <span><\/span>\r\n <span><\/span>\r\n <\/div>\r\n <\/nav>\r\n\r\n \r\n <div class=\"mobile-menu\" id=\"mobileMenu\">\r\n <a href=\"#hero\">\u0413\u043b\u0430\u0432\u043d\u0430\u044f<\/a>\r\n <a href=\"#features\">\u041e\u0441\u043e\u0431\u0435\u043d\u043d\u043e\u0441\u0442\u0438<\/a>\r\n <a href=\"#roadmap\">\u0414\u043e\u0440\u043e\u0436\u043d\u0430\u044f \u043a\u0430\u0440\u0442\u0430<\/a>\r\n <a href=\"#departments\">\u0414\u0435\u043f\u0430\u0440\u0442\u0430\u043c\u0435\u043d\u0442\u044b<\/a>\r\n <a href=\"#screenshots\">\u0421\u043a\u0440\u0438\u043d\u0448\u043e\u0442\u044b<\/a>\r\n <a href=\"#cta\">\u0418\u0433\u0440\u0430\u0442\u044c<\/a>\r\n <\/div>\r\n\r\n \r\n <section class=\"hero\" id=\"hero\">\r\n <div class=\"hero-bg\">\r\n <img decoding=\"async\" src=\"http:\/\/bantv.ru\/wp-content\/uploads\/2026\/04\/\u043f\u043e\u0436\u0430\u0440\u043d\u0430\u044f-\u0441\u043d\u0430\u0440\u0443\u0436\u0438.png\" alt=\"Signal RP\">\r\n <\/div>\r\n <div class=\"hero-particles\" id=\"particles\"><\/div>\r\n <div class=\"hero-content\">\r\n <div class=\"hero-badge\">\u0421\u043a\u043e\u0440\u043e \u0440\u0435\u043b\u0438\u0437<\/div>\r\n <h1 class=\"hero-title\"><span class=\"signal\">SIGNAL<\/span> <span style=\"color:var(--text-primary);\">RP<\/span><\/h1>\r\n <p class=\"hero-subtitle\">\u0411\u0443\u0434\u0443\u0449\u0435\u0435 roleplay-\u0438\u0433\u0440. \u0411\u0435\u0441\u043f\u043b\u0430\u0442\u043d\u044b\u0439 \u0434\u043e\u0441\u0442\u0443\u043f, \u043d\u0438\u043a\u0430\u043a\u043e\u0439 \u0440\u0435\u043a\u043b\u0430\u043c\u044b, \u0442\u043e\u043f\u043e\u0432\u044b\u0435 \u043c\u043e\u0434\u0435\u043b\u0438 \u0438 \u0443\u043d\u0438\u043a\u0430\u043b\u044c\u043d\u044b\u0439 \u043a\u043e\u043d\u0442\u0435\u043d\u0442.<\/p>\r\n <div class=\"hero-buttons\">\r\n <a href=\"https:\/\/t.me\/SignalRp_112\" class=\"btn-primary\" target=\"_blank\"><span>\ud83d\ude80 \u041f\u0440\u0438\u0441\u043e\u0435\u0434\u0438\u043d\u0438\u0442\u044c\u0441\u044f<\/span><\/a>\r\n <a href=\"#features\" class=\"btn-secondary\">\u0423\u0437\u043d\u0430\u0442\u044c \u0431\u043e\u043b\u044c\u0448\u0435<\/a>\r\n <\/div>\r\n <\/div>\r\n <div class=\"hero-scroll-indicator\">\r\n <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke-width=\"2\" stroke-linecap=\"round\">\r\n <path d=\"M7 13l5 5 5-5M7 6l5 5 5-5\"\/>\r\n <\/svg>\r\n <\/div>\r\n <\/section>\r\n\r\n \r\n <section class=\"stats-section section-glow\" id=\"statsSection\">\r\n <div class=\"stats-grid stagger-children\" id=\"statsGrid\">\r\n <div class=\"stat-card\" data-delay=\"0\">\r\n <div class=\"stat-number\">FREE<\/div>\r\n <div class=\"stat-label\">\u041f\u043e\u043b\u043d\u043e\u0441\u0442\u044c\u044e \u0431\u0435\u0441\u043f\u043b\u0430\u0442\u043d\u044b\u0439<\/div>\r\n <\/div>\r\n <div class=\"stat-card\" data-delay=\"100\">\r\n <div class=\"stat-number\">0%<\/div>\r\n <div class=\"stat-label\">\u0420\u0435\u043a\u043b\u0430\u043c\u044b \u0432 \u0438\u0433\u0440\u0435<\/div>\r\n <\/div>\r\n <div class=\"stat-card\" data-delay=\"200\">\r\n <div class=\"stat-number\">8K+<\/div>\r\n <div class=\"stat-label\">\u0423\u043d\u0438\u043a\u0430\u043b\u044c\u043d\u044b\u0445 \u043c\u043e\u0434\u0435\u043b\u0435\u0439<\/div>\r\n <\/div>\r\n <div class=\"stat-card\" data-delay=\"300\">\r\n <div class=\"stat-number\">\u221e<\/div>\r\n <div class=\"stat-label\">\u0412\u043e\u0437\u043c\u043e\u0436\u043d\u043e\u0441\u0442\u0435\u0439 RP<\/div>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n <div class=\"glow-line\"><\/div>\r\n\r\n \r\n <section class=\"features-section\" id=\"features\">\r\n <div class=\"section-header text-reveal\">\r\n <span class=\"section-tag purple\">\u0412\u043e\u0437\u043c\u043e\u0436\u043d\u043e\u0441\u0442\u0438<\/span>\r\n <h2 class=\"section-title\">\u041f\u043e\u0447\u0435\u043c\u0443 Signal RP?<\/h2>\r\n <p class=\"section-desc\">\u041c\u044b \u0441\u043e\u0437\u0434\u0430\u0451\u043c \u0438\u0433\u0440\u0443, \u0432 \u043a\u043e\u0442\u043e\u0440\u0443\u044e \u0445\u043e\u0442\u0438\u043c \u0438\u0433\u0440\u0430\u0442\u044c \u0441\u0430\u043c\u0438. \u0411\u0435\u0437 \u043a\u043e\u043c\u043f\u0440\u043e\u043c\u0438\u0441\u0441\u043e\u0432, \u0431\u0435\u0437 pay-to-win, \u0431\u0435\u0437 \u0440\u0435\u043a\u043b\u0430\u043c\u044b.<\/p>\r\n <\/div>\r\n <div class=\"features-grid stagger-children\" id=\"featuresGrid\">\r\n <div class=\"feature-card\">\r\n <div class=\"feature-icon blue\">\ud83c\udfae<\/div>\r\n <h3>\u041f\u043e\u043b\u043d\u043e\u0441\u0442\u044c\u044e \u0431\u0435\u0441\u043f\u043b\u0430\u0442\u043d\u043e<\/h3>\r\n <p>\u041d\u0438\u043a\u0430\u043a\u0438\u0445 \u0434\u043e\u043d\u0430\u0442\u043e\u0432, \u043d\u0438\u043a\u0430\u043a\u0438\u0445 \u043f\u043e\u0434\u043f\u0438\u0441\u043e\u043a, \u043d\u0438\u043a\u0430\u043a\u0438\u0445 \u0441\u043a\u0440\u044b\u0442\u044b\u0445 \u043f\u043b\u0430\u0442\u0435\u0436\u0435\u0439. \u0412\u0435\u0441\u044c \u043a\u043e\u043d\u0442\u0435\u043d\u0442 \u0434\u043e\u0441\u0442\u0443\u043f\u0435\u043d \u043a\u0430\u0436\u0434\u043e\u043c\u0443 \u0438\u0433\u0440\u043e\u043a\u0443 \u0441 \u043f\u0435\u0440\u0432\u043e\u0433\u043e \u0434\u043d\u044f.<\/p>\r\n <\/div>\r\n <div class=\"feature-card\">\r\n <div class=\"feature-icon purple\">\ud83d\udeab<\/div>\r\n <h3>\u041d\u0438\u043a\u0430\u043a\u043e\u0439 \u0440\u0435\u043a\u043b\u0430\u043c\u044b<\/h3>\r\n <p>\u0417\u0430\u0431\u0443\u0434\u044c \u043e \u043d\u0430\u0432\u044f\u0437\u0447\u0438\u0432\u044b\u0445 \u0431\u0430\u043d\u043d\u0435\u0440\u0430\u0445 \u0438 \u0440\u0435\u043a\u043b\u0430\u043c\u043d\u044b\u0445 \u0432\u0441\u0442\u0430\u0432\u043a\u0430\u0445. \u0427\u0438\u0441\u0442\u044b\u0439 \u0433\u0435\u0439\u043c\u043f\u043b\u0435\u0439 \u0431\u0435\u0437 \u043f\u0440\u0435\u0440\u044b\u0432\u0430\u043d\u0438\u0439 \u2014 \u0442\u043e\u043b\u044c\u043a\u043e \u0442\u044b \u0438 \u043c\u0438\u0440 Signal RP.<\/p>\r\n <\/div>\r\n <div class=\"feature-card\">\r\n <div class=\"feature-icon red\">\ud83d\udd25<\/div>\r\n <h3>\u0422\u043e\u043f\u043e\u0432\u044b\u0435 \u043c\u043e\u0434\u0435\u043b\u0438<\/h3>\r\n <p>\u0420\u0435\u0430\u043b\u0438\u0441\u0442\u0438\u0447\u043d\u044b\u0435 \u0442\u0440\u0430\u043d\u0441\u043f\u043e\u0440\u0442\u043d\u044b\u0435 \u0441\u0440\u0435\u0434\u0441\u0442\u0432\u0430, \u043e\u0440\u0443\u0436\u0438\u0435 \u0438 \u043e\u0434\u0435\u0436\u0434\u0430. \u041a\u0430\u0436\u0434\u043e\u0435 3D-\u0441\u043e\u0437\u0434\u0430\u043d\u0438\u0435 \u043f\u0440\u043e\u0440\u0430\u0431\u043e\u0442\u0430\u043d\u043e \u0434\u043e \u043c\u0435\u043b\u044c\u0447\u0430\u0439\u0448\u0438\u0445 \u0434\u0435\u0442\u0430\u043b\u0435\u0439.<\/p>\r\n <\/div>\r\n <div class=\"feature-card\">\r\n <div class=\"feature-icon orange\">\ud83c\udfe2<\/div>\r\n <h3>\u0414\u0435\u0442\u0430\u043b\u0438\u0437\u0438\u0440\u043e\u0432\u0430\u043d\u043d\u044b\u0435 \u0434\u0435\u043f\u0430\u0440\u0442\u0430\u043c\u0435\u043d\u0442\u044b<\/h3>\r\n <p>\u041f\u043e\u043b\u043d\u043e\u0446\u0435\u043d\u043d\u044b\u0435 \u0437\u0434\u0430\u043d\u0438\u044f \u043f\u043e\u0436\u0430\u0440\u043d\u043e\u0439 \u0447\u0430\u0441\u0442\u0438, \u0431\u043e\u043b\u044c\u043d\u0438\u0446\u044b \u0438 \u043f\u043e\u043b\u0438\u0446\u0435\u0439\u0441\u043a\u043e\u0433\u043e \u0434\u0435\u043f\u0430\u0440\u0442\u0430\u043c\u0435\u043d\u0442\u0430 \u0441 \u0438\u043d\u0442\u0435\u0440\u044c\u0435\u0440\u0430\u043c\u0438, \u043e\u0444\u0438\u0441\u0430\u043c\u0438 \u0438 \u0440\u0430\u0431\u043e\u0447\u0438\u043c\u0438 \u0437\u043e\u043d\u0430\u043c\u0438.<\/p>\r\n <\/div>\r\n <div class=\"feature-card\">\r\n <div class=\"feature-icon blue\">\ud83d\uddfa\ufe0f<\/div>\r\n <h3>\u0416\u0438\u0432\u043e\u0439 \u043e\u0442\u043a\u0440\u044b\u0442\u044b\u0439 \u043c\u0438\u0440<\/h3>\r\n <p>\u0414\u0438\u043d\u0430\u043c\u0438\u0447\u043d\u0430\u044f \u043a\u0430\u0440\u0442\u0430 \u0441 \u0441\u043c\u0435\u043d\u043e\u0439 \u043f\u043e\u0433\u043e\u0434\u044b, \u0432\u0440\u0435\u043c\u0435\u043d\u0438 \u0441\u0443\u0442\u043e\u043a \u0438 \u0441\u043b\u0443\u0447\u0430\u0439\u043d\u044b\u043c\u0438 \u0441\u043e\u0431\u044b\u0442\u0438\u044f\u043c\u0438.<\/p>\r\n <\/div>\r\n <div class=\"feature-card\">\r\n <div class=\"feature-icon green\">\u26a1<\/div>\r\n <h3>\u041e\u043f\u0442\u0438\u043c\u0438\u0437\u0430\u0446\u0438\u044f<\/h3>\r\n <p>\u0412\u044b\u0441\u043e\u043a\u0438\u0439 FPS \u0434\u0430\u0436\u0435 \u043d\u0430 \u0441\u0440\u0435\u0434\u043d\u0438\u0445 \u041f\u041a. \u041f\u043e\u0441\u0442\u043e\u044f\u043d\u043d\u0430\u044f \u0440\u0430\u0431\u043e\u0442\u0430 \u043d\u0430\u0434 \u043f\u0440\u043e\u0438\u0437\u0432\u043e\u0434\u0438\u0442\u0435\u043b\u044c\u043d\u043e\u0441\u0442\u044c\u044e.<\/p>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n <div class=\"glow-line\"><\/div>\r\n\r\n \r\n <section class=\"roadmap-section\" id=\"roadmap\">\r\n <div class=\"section-header text-reveal\">\r\n <span class=\"section-tag blue\">\u0420\u0430\u0437\u0440\u0430\u0431\u043e\u0442\u043a\u0430<\/span>\r\n <h2 class=\"section-title\">\u0414\u043e\u0440\u043e\u0436\u043d\u0430\u044f \u043a\u0430\u0440\u0442\u0430<\/h2>\r\n <p class=\"section-desc\">\u041d\u0430\u0448 \u043f\u0443\u0442\u044c \u043e\u0442 \u0438\u0434\u0435\u0438 \u0434\u043e \u043f\u043e\u043b\u043d\u043e\u0446\u0435\u043d\u043d\u043e\u0433\u043e \u0440\u0435\u043b\u0438\u0437\u0430. \u041a\u0430\u0436\u0434\u044b\u0439 \u044d\u0442\u0430\u043f \u2014 \u0448\u0430\u0433 \u0431\u043b\u0438\u0436\u0435 \u043a \u0438\u0434\u0435\u0430\u043b\u044c\u043d\u043e\u043c\u0443 RP.<\/p>\r\n <\/div>\r\n <div class=\"roadmap-timeline\">\r\n <div class=\"roadmap-item completed\">\r\n <div class=\"roadmap-dot\"><\/div>\r\n <div class=\"roadmap-content\">\r\n <span class=\"roadmap-phase completed\">\u0412\u044b\u043f\u043e\u043b\u043d\u0435\u043d\u043e<\/span>\r\n <h3 class=\"roadmap-title\"><span class=\"check-icon\">\u2713<\/span> \u0418\u0434\u0435\u044f<\/h3>\r\n <p class=\"roadmap-desc\">\u0420\u043e\u0436\u0434\u0435\u043d\u0438\u0435 \u043a\u043e\u043d\u0446\u0435\u043f\u0446\u0438\u0438 Signal RP. \u041e\u043f\u0440\u0435\u0434\u0435\u043b\u0435\u043d\u0438\u0435 \u0432\u0438\u0434\u0435\u043d\u0438\u044f \u043f\u0440\u043e\u0435\u043a\u0442\u0430, \u0446\u0435\u043b\u0435\u0432\u043e\u0439 \u0430\u0443\u0434\u0438\u0442\u043e\u0440\u0438\u0438 \u0438 \u043e\u0441\u043d\u043e\u0432\u043d\u044b\u0445 \u043c\u0435\u0445\u0430\u043d\u0438\u043a. \u0424\u043e\u0440\u043c\u0438\u0440\u043e\u0432\u0430\u043d\u0438\u0435 \u043a\u043e\u043c\u0430\u043d\u0434\u044b \u0438 \u043f\u043b\u0430\u043d\u0438\u0440\u043e\u0432\u0430\u043d\u0438\u0435 \u0440\u0430\u0437\u0440\u0430\u0431\u043e\u0442\u043a\u0438.<\/p>\r\n <\/div>\r\n <\/div>\r\n <div class=\"roadmap-item completed\">\r\n <div class=\"roadmap-dot\"><\/div>\r\n <div class=\"roadmap-content\">\r\n <span class=\"roadmap-phase completed\">\u0412\u044b\u043f\u043e\u043b\u043d\u0435\u043d\u043e<\/span>\r\n <h3 class=\"roadmap-title\"><span class=\"check-icon\">\u2713<\/span> \u0420\u0430\u0437\u0440\u0430\u0431\u043e\u0442\u043a\u0430 \u043d\u0430\u0447\u0430\u043b\u044c\u043d\u044b\u0445 \u043c\u043e\u0434\u0435\u043b\u0435\u0439, \u043a\u043e\u0434\u0430 \u0438 \u0438\u043d\u0442\u0435\u0440\u0444\u0435\u0439\u0441\u0430<\/h3>\r\n <p class=\"roadmap-desc\">\u0421\u043e\u0437\u0434\u0430\u043d\u0438\u0435 \u043f\u0435\u0440\u0432\u044b\u0445 3D-\u043c\u043e\u0434\u0435\u043b\u0435\u0439 \u0437\u0434\u0430\u043d\u0438\u0439, \u043f\u0435\u0440\u0441\u043e\u043d\u0430\u0436\u0435\u0439 \u0438 \u043f\u0440\u0435\u0434\u043c\u0435\u0442\u043e\u0432. \u041d\u0430\u043f\u0438\u0441\u0430\u043d\u0438\u0435 \u0431\u0430\u0437\u043e\u0432\u043e\u0433\u043e \u043a\u043e\u0434\u0430 \u0438 \u043f\u0440\u043e\u0435\u043a\u0442\u0438\u0440\u043e\u0432\u0430\u043d\u0438\u0435 \u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u0442\u0435\u043b\u044c\u0441\u043a\u043e\u0433\u043e \u0438\u043d\u0442\u0435\u0440\u0444\u0435\u0439\u0441\u0430. \u0417\u0430\u043a\u043b\u0430\u0434\u043a\u0430 \u0444\u0443\u043d\u0434\u0430\u043c\u0435\u043d\u0442\u0430 \u043f\u0440\u043e\u0435\u043a\u0442\u0430.<\/p>\r\n <\/div>\r\n <\/div>\r\n <div class=\"roadmap-item current\">\r\n <div class=\"roadmap-dot\"><\/div>\r\n <div class=\"roadmap-content\">\r\n <span class=\"roadmap-phase current\">\u0422\u0435\u043a\u0443\u0449\u0438\u0439 \u044d\u0442\u0430\u043f<\/span>\r\n <h3 class=\"roadmap-title\">\ud83d\ude80 \u0410\u043b\u044c\u0444\u0430-\u0432\u0435\u0440\u0441\u0438\u044f<\/h3>\r\n <p class=\"roadmap-desc\">\u0410\u043a\u0442\u0438\u0432\u043d\u0430\u044f \u0444\u0430\u0437\u0430 \u0440\u0430\u0437\u0440\u0430\u0431\u043e\u0442\u043a\u0438! \u041f\u0440\u043e\u0432\u0435\u0440\u044f\u0435\u043c \u0432\u0441\u0435 \u043d\u0430\u0447\u0430\u043b\u044c\u043d\u044b\u0435 \u043a\u043b\u044e\u0447\u0435\u0432\u044b\u0435 \u0444\u0443\u043d\u043a\u0446\u0438\u0438, \u043c\u043e\u0434\u0435\u043b\u0438 \u0437\u0434\u0430\u043d\u0438\u0439, \u043f\u0435\u0440\u0441\u043e\u043d\u0430\u0436\u0435\u0439, \u043f\u0440\u0435\u0434\u043c\u0435\u0442\u044b \u0438 \u0430\u0432\u0442\u043e\u043c\u043e\u0431\u0438\u043b\u0438. \u0422\u0435\u0441\u0442\u0438\u0440\u043e\u0432\u0430\u043d\u0438\u0435 \u0431\u0430\u0437\u043e\u0432\u044b\u0445 \u043c\u0435\u0445\u0430\u043d\u0438\u043a \u0438 \u043e\u0442\u043b\u0430\u0434\u043a\u0430.<\/p>\r\n <\/div>\r\n <\/div>\r\n <div class=\"roadmap-item\">\r\n <div class=\"roadmap-dot\"><\/div>\r\n <div class=\"roadmap-content\">\r\n <span class=\"roadmap-phase future\">\u0412 \u0431\u0443\u0434\u0443\u0449\u0435\u043c<\/span>\r\n <h3 class=\"roadmap-title\">\u0414\u0435\u0442\u0430\u043b\u044c\u043d\u0430\u044f \u0440\u0430\u0437\u0440\u0430\u0431\u043e\u0442\u043a\u0430<\/h3>\r\n <p class=\"roadmap-desc\">\u0423\u0433\u043b\u0443\u0431\u043b\u0451\u043d\u043d\u0430\u044f \u043f\u0440\u043e\u0440\u0430\u0431\u043e\u0442\u043a\u0430 \u043a\u043e\u0434\u0430 \u0438 \u043c\u043e\u0434\u0435\u043b\u0435\u0439 \u0434\u043b\u044f \u043c\u0430\u043a\u0441\u0438\u043c\u0430\u043b\u044c\u043d\u043e\u0439 \u0434\u0435\u0442\u0430\u043b\u0438\u0437\u0430\u0446\u0438\u0438 \u0433\u043e\u0440\u043e\u0434\u0430. \u0423\u043b\u0443\u0447\u0448\u0435\u043d\u0438\u0435 \u0442\u0435\u043a\u0441\u0442\u0443\u0440, \u0434\u043e\u0431\u0430\u0432\u043b\u0435\u043d\u0438\u0435 \u0438\u043d\u0442\u0435\u0440\u0430\u043a\u0442\u0438\u0432\u043d\u044b\u0445 \u044d\u043b\u0435\u043c\u0435\u043d\u0442\u043e\u0432 \u0438 \u043d\u0430\u043f\u043e\u043b\u043d\u0435\u043d\u0438\u0435 \u043c\u0438\u0440\u0430 \u0434\u0435\u0442\u0430\u043b\u044f\u043c\u0438.<\/p>\r\n <\/div>\r\n <\/div>\r\n <div class=\"roadmap-item\">\r\n <div class=\"roadmap-dot\"><\/div>\r\n <div class=\"roadmap-content\">\r\n <span class=\"roadmap-phase future\">\u0412 \u0431\u0443\u0434\u0443\u0449\u0435\u043c<\/span>\r\n <h3 class=\"roadmap-title\">\u0411\u0435\u0442\u0442\u0430-\u0440\u0435\u043b\u0438\u0437<\/h3>\r\n <p class=\"roadmap-desc\">\u041f\u0443\u0431\u043b\u0438\u043a\u0430\u0446\u0438\u044f \u0440\u0430\u0431\u043e\u0447\u0435\u0439, \u043f\u0440\u043e\u0432\u0435\u0440\u0435\u043d\u043d\u043e\u0439 \u0432\u0435\u0440\u0441\u0438\u0438 \u0434\u043b\u044f \u0431\u0435\u0441\u043f\u043b\u0430\u0442\u043d\u043e\u0433\u043e \u0431\u0435\u0442\u0430-\u0442\u0435\u0441\u0442\u0438\u0440\u043e\u0432\u0430\u043d\u0438\u044f. \u0421\u0431\u043e\u0440 \u0444\u0438\u0434\u0431\u0435\u043a\u0430 \u043e\u0442 \u0441\u043e\u043e\u0431\u0449\u0435\u0441\u0442\u0432\u0430 \u0438 \u0434\u043e\u0440\u0430\u0431\u043e\u0442\u043a\u0430 \u043d\u0430 \u043e\u0441\u043d\u043e\u0432\u0435 \u043e\u0442\u0437\u044b\u0432\u043e\u0432.<\/p>\r\n <\/div>\r\n <\/div>\r\n <div class=\"roadmap-item\">\r\n <div class=\"roadmap-dot\"><\/div>\r\n <div class=\"roadmap-content\">\r\n <span class=\"roadmap-phase future\">\u0412 \u0431\u0443\u0434\u0443\u0449\u0435\u043c<\/span>\r\n <h3 class=\"roadmap-title\">\u0424\u0438\u043d\u0430\u043b\u044c\u043d\u044b\u0435 \u0434\u043e\u0440\u0430\u0431\u043e\u0442\u043a\u0438<\/h3>\r\n <p class=\"roadmap-desc\">\u041f\u043e\u043b\u0438\u0440\u043e\u0432\u043a\u0430 \u0432\u0441\u0435\u0445 \u0441\u0438\u0441\u0442\u0435\u043c, \u0438\u0441\u043f\u0440\u0430\u0432\u043b\u0435\u043d\u0438\u0435 \u0431\u0430\u0433\u043e\u0432, \u0444\u0438\u043d\u0430\u043b\u044c\u043d\u0430\u044f \u043e\u043f\u0442\u0438\u043c\u0438\u0437\u0430\u0446\u0438\u044f \u043f\u0440\u043e\u0438\u0437\u0432\u043e\u0434\u0438\u0442\u0435\u043b\u044c\u043d\u043e\u0441\u0442\u0438 \u0438 \u043f\u043e\u0434\u0433\u043e\u0442\u043e\u0432\u043a\u0430 \u043a \u043e\u0444\u0438\u0446\u0438\u0430\u043b\u044c\u043d\u043e\u043c\u0443 \u0437\u0430\u043f\u0443\u0441\u043a\u0443.<\/p>\r\n <\/div>\r\n <\/div>\r\n <div class=\"roadmap-item\">\r\n <div class=\"roadmap-dot\"><\/div>\r\n <div class=\"roadmap-content\">\r\n <span class=\"roadmap-phase future\">\u0412 \u0431\u0443\u0434\u0443\u0449\u0435\u043c<\/span>\r\n <h3 class=\"roadmap-title\">\u041f\u043e\u043b\u043d\u044b\u0439 \u043e\u0444\u0438\u0446\u0438\u0430\u043b\u044c\u043d\u044b\u0439 \u0440\u0435\u043b\u0438\u0437<\/h3>\r\n <p class=\"roadmap-desc\">\u041e\u0444\u0438\u0446\u0438\u0430\u043b\u044c\u043d\u044b\u0439 \u0437\u0430\u043f\u0443\u0441\u043a Signal RP! \u041f\u043e\u043b\u043d\u044b\u0439 \u0434\u043e\u0441\u0442\u0443\u043f \u043a\u043e \u0432\u0441\u0435\u043c \u0444\u0443\u043d\u043a\u0446\u0438\u044f\u043c, \u0434\u0435\u043f\u0430\u0440\u0442\u0430\u043c\u0435\u043d\u0442\u0430\u043c, \u0442\u0440\u0430\u043d\u0441\u043f\u043e\u0440\u0442\u0443 \u0438 \u043a\u043e\u043d\u0442\u0435\u043d\u0442\u0443. \u041d\u0430\u0447\u0430\u043b\u043e \u043d\u043e\u0432\u043e\u0439 \u044d\u0440\u044b roleplay.<\/p>\r\n <\/div>\r\n <\/div>\r\n <div class=\"roadmap-item\">\r\n <div class=\"roadmap-dot\"><\/div>\r\n <div class=\"roadmap-content\">\r\n <span class=\"roadmap-phase future\">\u0412 \u0431\u0443\u0434\u0443\u0449\u0435\u043c<\/span>\r\n <h3 class=\"roadmap-title\">\u0414\u043e\u043f\u043e\u043b\u043d\u0438\u0442\u0435\u043b\u044c\u043d\u044b\u0435 \u043e\u0431\u043d\u043e\u0432\u043b\u0435\u043d\u0438\u044f<\/h3>\r\n <p class=\"roadmap-desc\">\u041f\u043e\u0441\u0442\u043e\u044f\u043d\u043d\u043e\u0435 \u0440\u0430\u0437\u0432\u0438\u0442\u0438\u0435 \u043f\u0440\u043e\u0435\u043a\u0442\u0430: \u043d\u043e\u0432\u044b\u0435 \u0437\u0434\u0430\u043d\u0438\u044f, \u0442\u0440\u0430\u043d\u0441\u043f\u043e\u0440\u0442, \u043c\u0435\u0445\u0430\u043d\u0438\u043a\u0438, \u0441\u0435\u0437\u043e\u043d\u044b \u0438 \u043a\u043e\u043d\u0442\u0435\u043d\u0442. Signal RP \u0431\u0443\u0434\u0435\u0442 \u0440\u0430\u0441\u0442\u0438 \u0432\u043c\u0435\u0441\u0442\u0435 \u0441 \u0441\u043e\u043e\u0431\u0449\u0435\u0441\u0442\u0432\u043e\u043c.<\/p>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n <div class=\"glow-line\"><\/div>\r\n\r\n \r\n <div id=\"fireDept\">\r\n <div class=\"dept-section-header\" id=\"fireIntro\">\r\n <span class=\"section-tag\" style=\"background:rgba(255,51,102,0.1);color:var(--neon-red);border:1px solid rgba(255,51,102,0.2);margin-bottom:1rem;\">\u0414\u0435\u043f\u0430\u0440\u0442\u0430\u043c\u0435\u043d\u0442<\/span>\r\n <h2 class=\"dept-intro-title fire\">\u041f\u043e\u0436\u0430\u0440\u043d\u0430\u044f \u0441\u043b\u0443\u0436\u0431\u0430<\/h2>\r\n <p class=\"dept-intro-desc\">\u041f\u043e\u043b\u043d\u043e\u0446\u0435\u043d\u043d\u0430\u044f \u043f\u043e\u0436\u0430\u0440\u043d\u0430\u044f \u0441\u0442\u0430\u043d\u0446\u0438\u044f \u0441 \u0434\u0435\u0442\u0430\u043b\u044c\u043d\u044b\u043c\u0438 \u0438\u043d\u0442\u0435\u0440\u044c\u0435\u0440\u0430\u043c\u0438. \u041e\u0442 \u0433\u0430\u0440\u0430\u0436\u0430 \u0441 \u0442\u0435\u0445\u043d\u0438\u043a\u043e\u0439 \u0434\u043e \u043a\u0430\u0431\u0438\u043d\u0435\u0442\u0430 \u043d\u0430\u0447\u0430\u043b\u044c\u043d\u0438\u043a\u0430 \u2014 \u043a\u0430\u0436\u0434\u0430\u044f \u043a\u043e\u043c\u043d\u0430\u0442\u0430 \u043f\u0440\u043e\u0440\u0430\u0431\u043e\u0442\u0430\u043d\u0430 \u0441 \u0432\u043d\u0438\u043c\u0430\u043d\u0438\u0435\u043c \u043a \u0434\u0435\u0442\u0430\u043b\u044f\u043c.<\/p>\r\n <\/div>\r\n\r\n <div class=\"dept-slide\" data-dept=\"fire\">\r\n <div class=\"dept-slide-number\">01<\/div>\r\n <div class=\"dept-slide-inner\">\r\n <div class=\"dept-slide-photo slide-left\" data-src=\"http:\/\/bantv.ru\/wp-content\/uploads\/2026\/04\/\u043f\u043e\u0436\u0430\u0440\u043d\u0430\u044f-\u0441\u043d\u0430\u0440\u0443\u0436\u0438.png\" data-label=\"\u042d\u043a\u0441\u0442\u0435\u0440\u044c\u0435\u0440 \u043f\u043e\u0436\u0430\u0440\u043d\u043e\u0439 \u0441\u0442\u0430\u043d\u0446\u0438\u0438\">\r\n <img decoding=\"async\" src=\"http:\/\/bantv.ru\/wp-content\/uploads\/2026\/04\/\u043f\u043e\u0436\u0430\u0440\u043d\u0430\u044f-\u0441\u043d\u0430\u0440\u0443\u0436\u0438.png\" alt=\"\u041f\u043e\u0436\u0430\u0440\u043d\u0430\u044f \u0441\u043d\u0430\u0440\u0443\u0436\u0438\" loading=\"lazy\">\r\n <div class=\"expand-icon\">\u26f6<\/div>\r\n <\/div>\r\n <div class=\"dept-slide-text slide-right\">\r\n <div class=\"dept-slide-tag fire\">\u042d\u043a\u0441\u0442\u0435\u0440\u044c\u0435\u0440<\/div>\r\n <h3 class=\"dept-slide-title fire\">\u0424\u0430\u0441\u0430\u0434 \u043f\u043e\u0436\u0430\u0440\u043d\u043e\u0439 \u0441\u0442\u0430\u043d\u0446\u0438\u0438<\/h3>\r\n <p class=\"dept-slide-desc\">\u0412\u043d\u0435\u0448\u043d\u0438\u0439 \u0432\u0438\u0434 \u043f\u043e\u0436\u0430\u0440\u043d\u043e\u0439 \u0441\u0442\u0430\u043d\u0446\u0438\u0438, \u0441\u043f\u0440\u043e\u0435\u043a\u0442\u0438\u0440\u043e\u0432\u0430\u043d\u043d\u044b\u0439 \u0441 \u0443\u0447\u0451\u0442\u043e\u043c \u0444\u0443\u043d\u043a\u0446\u0438\u043e\u043d\u0430\u043b\u044c\u043d\u043e\u0441\u0442\u0438 \u0438 \u044d\u0441\u0442\u0435\u0442\u0438\u043a\u0438. \u0417\u0434\u0430\u043d\u0438\u0435 \u0432\u043d\u0443\u0448\u0430\u0435\u0442 \u043d\u0430\u0434\u0451\u0436\u043d\u043e\u0441\u0442\u044c \u0438 \u0433\u043e\u0442\u043e\u0432\u043d\u043e\u0441\u0442\u044c \u043a \u044d\u043a\u0441\u0442\u0440\u0435\u043d\u043d\u044b\u043c \u0432\u044b\u0437\u043e\u0432\u0430\u043c.<\/p>\r\n <ul class=\"dept-slide-features\">\r\n <li><span class=\"check fire\">\u2713<\/span> \u0414\u0435\u0442\u0430\u043b\u0438\u0437\u0438\u0440\u043e\u0432\u0430\u043d\u043d\u044b\u0439 \u0444\u0430\u0441\u0430\u0434<\/li>\r\n <li><span class=\"check fire\">\u2713<\/span> \u041f\u0440\u0438\u043b\u0435\u0433\u0430\u044e\u0449\u0430\u044f \u0442\u0435\u0440\u0440\u0438\u0442\u043e\u0440\u0438\u044f<\/li>\r\n <li><span class=\"check fire\">\u2713<\/span> \u0417\u043e\u043d\u0430 \u043f\u0430\u0440\u043a\u043e\u0432\u043a\u0438 \u0442\u0435\u0445\u043d\u0438\u043a\u0438<\/li>\r\n <\/ul>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"dept-slide\" data-dept=\"fire\">\r\n <div class=\"dept-slide-number\">02<\/div>\r\n <div class=\"dept-slide-inner\">\r\n <div class=\"dept-slide-photo slide-left\" data-src=\"http:\/\/bantv.ru\/wp-content\/uploads\/2026\/04\/\u043f\u043e\u0436\u0430\u0440\u043d\u0430\u044f-\u0441\u043d\u0430\u0440\u0443\u0436\u04382.png\" data-label=\"\u0412\u0438\u0434 \u043d\u0430 \u0441\u0442\u0430\u043d\u0446\u0438\u044e \u0441 \u0434\u0440\u0443\u0433\u043e\u0439 \u0441\u0442\u043e\u0440\u043e\u043d\u044b\">\r\n <img decoding=\"async\" src=\"http:\/\/bantv.ru\/wp-content\/uploads\/2026\/04\/\u043f\u043e\u0436\u0430\u0440\u043d\u0430\u044f-\u0441\u043d\u0430\u0440\u0443\u0436\u04382.png\" alt=\"\u041f\u043e\u0436\u0430\u0440\u043d\u0430\u044f \u0441\u043d\u0430\u0440\u0443\u0436\u0438 2\" loading=\"lazy\">\r\n <div class=\"expand-icon\">\u26f6<\/div>\r\n <\/div>\r\n <div class=\"dept-slide-text slide-right\">\r\n <div class=\"dept-slide-tag fire\">\u042d\u043a\u0441\u0442\u0435\u0440\u044c\u0435\u0440<\/div>\r\n <h3 class=\"dept-slide-title fire\">\u0412\u0442\u043e\u0440\u043e\u0439 \u0440\u0430\u043a\u0443\u0440\u0441 \u0441\u0442\u0430\u043d\u0446\u0438\u0438<\/h3>\r\n <p class=\"dept-slide-desc\">\u0410\u0440\u0445\u0438\u0442\u0435\u043a\u0442\u0443\u0440\u043d\u044b\u0439 \u0441\u0442\u0438\u043b\u044c, \u043e\u0442\u0440\u0430\u0436\u0430\u044e\u0449\u0438\u0439 \u043c\u043e\u0449\u044c \u0438 \u043d\u0430\u0434\u0451\u0436\u043d\u043e\u0441\u0442\u044c \u0441\u043b\u0443\u0436\u0431\u044b \u0441\u043f\u0430\u0441\u0435\u043d\u0438\u044f. \u041f\u0440\u043e\u0434\u0443\u043c\u0430\u043d\u043d\u0430\u044f \u0438\u043d\u0444\u0440\u0430\u0441\u0442\u0440\u0443\u043a\u0442\u0443\u0440\u0430 \u0434\u043b\u044f \u0431\u044b\u0441\u0442\u0440\u043e\u0433\u043e \u0440\u0435\u0430\u0433\u0438\u0440\u043e\u0432\u0430\u043d\u0438\u044f.<\/p>\r\n <ul class=\"dept-slide-features\">\r\n <li><span class=\"check fire\">\u2713<\/span> \u0410\u043b\u044c\u0442\u0435\u0440\u043d\u0430\u0442\u0438\u0432\u043d\u044b\u0439 \u0440\u0430\u043a\u0443\u0440\u0441<\/li>\r\n <li><span class=\"check fire\">\u2713<\/span> \u041f\u043e\u0434\u044a\u0435\u0437\u0434\u043d\u044b\u0435 \u043f\u0443\u0442\u0438<\/li>\r\n <li><span class=\"check fire\">\u2713<\/span> \u041e\u0441\u0432\u0435\u0449\u0435\u043d\u0438\u0435 \u0442\u0435\u0440\u0440\u0438\u0442\u043e\u0440\u0438\u0438<\/li>\r\n <\/ul>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"dept-slide\" data-dept=\"fire\">\r\n <div class=\"dept-slide-number\">03<\/div>\r\n <div class=\"dept-slide-inner\">\r\n <div class=\"dept-slide-photo slide-left\" data-src=\"http:\/\/bantv.ru\/wp-content\/uploads\/2026\/04\/\u043f\u043e\u0436\u0430\u0440\u043d\u0430\u044f-\u0440\u0435\u0441\u0435\u043f\u0448\u043d.png\" data-label=\"\u0420\u0435\u0441\u0435\u043f\u0448\u043d \u043f\u043e\u0436\u0430\u0440\u043d\u043e\u0439 \u0441\u0442\u0430\u043d\u0446\u0438\u0438\">\r\n <img decoding=\"async\" src=\"http:\/\/bantv.ru\/wp-content\/uploads\/2026\/04\/\u043f\u043e\u0436\u0430\u0440\u043d\u0430\u044f-\u0440\u0435\u0441\u0435\u043f\u0448\u043d.png\" alt=\"\u041f\u043e\u0436\u0430\u0440\u043d\u0430\u044f \u0440\u0435\u0441\u0435\u043f\u0448\u043d\" loading=\"lazy\">\r\n <div class=\"expand-icon\">\u26f6<\/div>\r\n <\/div>\r\n <div class=\"dept-slide-text slide-right\">\r\n <div class=\"dept-slide-tag fire\">\u0418\u043d\u0442\u0435\u0440\u044c\u0435\u0440<\/div>\r\n <h3 class=\"dept-slide-title fire\">\u0420\u0435\u0441\u0435\u043f\u0448\u043d<\/h3>\r\n <p class=\"dept-slide-desc\">\u041c\u0435\u0441\u0442\u043e \u043f\u0435\u0440\u0432\u043e\u0433\u043e \u043a\u043e\u043d\u0442\u0430\u043a\u0442\u0430 \u0441 \u043f\u043e\u0441\u0435\u0442\u0438\u0442\u0435\u043b\u044f\u043c\u0438. \u0421\u043e\u0432\u0440\u0435\u043c\u0435\u043d\u043d\u0430\u044f \u0441\u0442\u043e\u0439\u043a\u0430 \u0440\u0435\u0433\u0438\u0441\u0442\u0440\u0430\u0446\u0438\u0438 \u0441 \u0441\u0438\u0441\u0442\u0435\u043c\u043e\u0439 \u043e\u043f\u043e\u0432\u0435\u0449\u0435\u043d\u0438\u044f \u0438 \u043a\u043e\u043c\u0444\u043e\u0440\u0442\u043d\u043e\u0439 \u0437\u043e\u043d\u043e\u0439 \u043e\u0436\u0438\u0434\u0430\u043d\u0438\u044f.<\/p>\r\n <ul class=\"dept-slide-features\">\r\n <li><span class=\"check fire\">\u2713<\/span> \u0421\u0442\u043e\u0439\u043a\u0430 \u0440\u0435\u0433\u0438\u0441\u0442\u0440\u0430\u0446\u0438\u0438<\/li>\r\n <li><span class=\"check fire\">\u2713<\/span> \u0421\u0438\u0441\u0442\u0435\u043c\u0430 \u043e\u043f\u043e\u0432\u0435\u0449\u0435\u043d\u0438\u044f<\/li>\r\n <li><span class=\"check fire\">\u2713<\/span> \u0417\u043e\u043d\u0430 \u043e\u0436\u0438\u0434\u0430\u043d\u0438\u044f<\/li>\r\n <\/ul>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"dept-slide\" data-dept=\"fire\">\r\n <div class=\"dept-slide-number\">04<\/div>\r\n <div class=\"dept-slide-inner\">\r\n <div class=\"dept-slide-photo slide-left\" data-src=\"http:\/\/bantv.ru\/wp-content\/uploads\/2026\/04\/\u043f\u043e\u0436\u0430\u0440\u043d\u0430\u044f-\u0441\u0435\u043a\u0440\u0435\u0442\u0430\u0440\u0438\u0430\u0442.png\" data-label=\"\u0421\u0435\u043a\u0440\u0435\u0442\u0430\u0440\u0438\u0430\u0442\">\r\n <img decoding=\"async\" src=\"http:\/\/bantv.ru\/wp-content\/uploads\/2026\/04\/\u043f\u043e\u0436\u0430\u0440\u043d\u0430\u044f-\u0441\u0435\u043a\u0440\u0435\u0442\u0430\u0440\u0438\u0430\u0442.png\" alt=\"\u041f\u043e\u0436\u0430\u0440\u043d\u0430\u044f \u0441\u0435\u043a\u0440\u0435\u0442\u0430\u0440\u0438\u0430\u0442\" loading=\"lazy\">\r\n <div class=\"expand-icon\">\u26f6<\/div>\r\n <\/div>\r\n <div class=\"dept-slide-text slide-right\">\r\n <div class=\"dept-slide-tag fire\">\u0418\u043d\u0442\u0435\u0440\u044c\u0435\u0440<\/div>\r\n <h3 class=\"dept-slide-title fire\">\u0421\u0435\u043a\u0440\u0435\u0442\u0430\u0440\u0438\u0430\u0442<\/h3>\r\n <p class=\"dept-slide-desc\">\u0426\u0435\u043d\u0442\u0440 \u0434\u043e\u043a\u0443\u043c\u0435\u043d\u0442\u043e\u043e\u0431\u043e\u0440\u043e\u0442\u0430 \u0438 \u043a\u043e\u043e\u0440\u0434\u0438\u043d\u0430\u0446\u0438\u0438. \u0420\u0430\u0431\u043e\u0447\u0438\u0435 \u0441\u0442\u043e\u043b\u044b, \u0430\u0440\u0445\u0438\u0432 \u0438 \u0441\u0438\u0441\u0442\u0435\u043c\u0430 \u0441\u0432\u044f\u0437\u0438 \u2014 \u0432\u0441\u0451 \u0434\u043b\u044f \u044d\u0444\u0444\u0435\u043a\u0442\u0438\u0432\u043d\u043e\u0439 \u0440\u0430\u0431\u043e\u0442\u044b \u043f\u0435\u0440\u0441\u043e\u043d\u0430\u043b\u0430.<\/p>\r\n <ul class=\"dept-slide-features\">\r\n <li><span class=\"check fire\">\u2713<\/span> \u0414\u043e\u043a\u0443\u043c\u0435\u043d\u0442\u043e\u043e\u0431\u043e\u0440\u043e\u0442<\/li>\r\n <li><span class=\"check fire\">\u2713<\/span> \u0410\u0440\u0445\u0438\u0432 \u0438 \u0445\u0440\u0430\u043d\u0438\u043b\u0438\u0449\u0435<\/li>\r\n <li><span class=\"check fire\">\u2713<\/span> \u0421\u0438\u0441\u0442\u0435\u043c\u0430 \u0441\u0432\u044f\u0437\u0438<\/li>\r\n <\/ul>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"dept-slide\" data-dept=\"fire\">\r\n <div class=\"dept-slide-number\">05<\/div>\r\n <div class=\"dept-slide-inner\">\r\n <div class=\"dept-slide-photo slide-left\" data-src=\"http:\/\/bantv.ru\/wp-content\/uploads\/2026\/04\/\u043f\u043e\u0436\u0430\u0440\u043d\u0430\u044f-\u0433\u0430\u0440\u0430\u0436.png\" data-label=\"\u0413\u0430\u0440\u0430\u0436 \u0441\u043e \u0441\u043f\u0435\u0446\u0442\u0435\u0445\u043d\u0438\u043a\u043e\u0439\">\r\n <img decoding=\"async\" src=\"http:\/\/bantv.ru\/wp-content\/uploads\/2026\/04\/\u043f\u043e\u0436\u0430\u0440\u043d\u0430\u044f-\u0433\u0430\u0440\u0430\u0436.png\" alt=\"\u041f\u043e\u0436\u0430\u0440\u043d\u0430\u044f \u0433\u0430\u0440\u0430\u0436\" loading=\"lazy\">\r\n <div class=\"expand-icon\">\u26f6<\/div>\r\n <\/div>\r\n <div class=\"dept-slide-text slide-right\">\r\n <div class=\"dept-slide-tag fire\">\u0418\u043d\u0442\u0435\u0440\u044c\u0435\u0440<\/div>\r\n <h3 class=\"dept-slide-title fire\">\u0413\u0430\u0440\u0430\u0436 \u0441\u043e \u0441\u043f\u0435\u0446\u0442\u0435\u0445\u043d\u0438\u043a\u043e\u0439<\/h3>\r\n <p class=\"dept-slide-desc\">\u0421\u0435\u0440\u0434\u0446\u0435 \u0441\u0442\u0430\u043d\u0446\u0438\u0438 \u2014 \u0433\u0430\u0440\u0430\u0436 \u0441 \u043f\u043e\u0436\u0430\u0440\u043d\u044b\u043c\u0438 \u043c\u0430\u0448\u0438\u043d\u0430\u043c\u0438, \u043b\u0435\u0441\u0442\u043d\u0438\u0446\u0430\u043c\u0438 \u0438 \u043e\u0431\u043e\u0440\u0443\u0434\u043e\u0432\u0430\u043d\u0438\u0435\u043c. \u0422\u0435\u0445\u043d\u0438\u043a\u0430 \u0432\u0441\u0435\u0433\u0434\u0430 \u0432 \u0433\u043e\u0442\u043e\u0432\u043d\u043e\u0441\u0442\u0438 \u043a \u044d\u043a\u0441\u0442\u0440\u0435\u043d\u043d\u043e\u043c\u0443 \u0432\u044b\u0435\u0437\u0434\u0443.<\/p>\r\n <ul class=\"dept-slide-features\">\r\n <li><span class=\"check fire\">\u2713<\/span> \u041f\u043e\u0436\u0430\u0440\u043d\u044b\u0435 \u043c\u0430\u0448\u0438\u043d\u044b<\/li>\r\n <li><span class=\"check fire\">\u2713<\/span> \u041e\u0431\u043e\u0440\u0443\u0434\u043e\u0432\u0430\u043d\u0438\u0435 \u0438 \u0438\u043d\u0441\u0442\u0440\u0443\u043c\u0435\u043d\u0442\u044b<\/li>\r\n <li><span class=\"check fire\">\u2713<\/span> \u0417\u043e\u043d\u0430 \u043e\u0431\u0441\u043b\u0443\u0436\u0438\u0432\u0430\u043d\u0438\u044f<\/li>\r\n <\/ul>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"dept-slide\" data-dept=\"fire\">\r\n <div class=\"dept-slide-number\">06<\/div>\r\n <div class=\"dept-slide-inner\">\r\n <div class=\"dept-slide-photo slide-left\" data-src=\"http:\/\/bantv.ru\/wp-content\/uploads\/2026\/04\/\u043f\u043e\u0436\u0430\u0440\u043d\u0430\u044f-\u043a\u0430\u0431\u0438\u043d\u0435\u0442-\u0433\u043b\u0430\u0432\u044b.png\" data-label=\"\u041a\u0430\u0431\u0438\u043d\u0435\u0442 \u043d\u0430\u0447\u0430\u043b\u044c\u043d\u0438\u043a\u0430\">\r\n <img decoding=\"async\" src=\"http:\/\/bantv.ru\/wp-content\/uploads\/2026\/04\/\u043f\u043e\u0436\u0430\u0440\u043d\u0430\u044f-\u043a\u0430\u0431\u0438\u043d\u0435\u0442-\u0433\u043b\u0430\u0432\u044b.png\" alt=\"\u041a\u0430\u0431\u0438\u043d\u0435\u0442 \u0433\u043b\u0430\u0432\u044b\" loading=\"lazy\">\r\n <div class=\"expand-icon\">\u26f6<\/div>\r\n <\/div>\r\n <div class=\"dept-slide-text slide-right\">\r\n <div class=\"dept-slide-tag fire\">\u0418\u043d\u0442\u0435\u0440\u044c\u0435\u0440<\/div>\r\n <h3 class=\"dept-slide-title fire\">\u041a\u0430\u0431\u0438\u043d\u0435\u0442 \u043d\u0430\u0447\u0430\u043b\u044c\u043d\u0438\u043a\u0430<\/h3>\r\n <p class=\"dept-slide-desc\">\u0420\u0430\u0431\u043e\u0447\u0435\u0435 \u043c\u0435\u0441\u0442\u043e \u0440\u0443\u043a\u043e\u0432\u043e\u0434\u0438\u0442\u0435\u043b\u044f \u0441\u0442\u0430\u043d\u0446\u0438\u0438. \u0421\u0442\u0440\u0430\u0442\u0435\u0433\u0438\u0447\u0435\u0441\u043a\u043e\u0435 \u043f\u043b\u0430\u043d\u0438\u0440\u043e\u0432\u0430\u043d\u0438\u0435, \u0443\u043f\u0440\u0430\u0432\u043b\u0435\u043d\u0438\u0435 \u0431\u0440\u0438\u0433\u0430\u0434\u0430\u043c\u0438 \u0438 \u043a\u043e\u043e\u0440\u0434\u0438\u043d\u0430\u0446\u0438\u044f \u043e\u043f\u0435\u0440\u0430\u0446\u0438\u0439.<\/p>\r\n <ul class=\"dept-slide-features\">\r\n <li><span class=\"check fire\">\u2713<\/span> \u0420\u0430\u0431\u043e\u0447\u0438\u0439 \u0441\u0442\u043e\u043b \u0440\u0443\u043a\u043e\u0432\u043e\u0434\u0438\u0442\u0435\u043b\u044f<\/li>\r\n <li><span class=\"check fire\">\u2713<\/span> \u0421\u0442\u0440\u0430\u0442\u0435\u0433\u0438\u0447\u0435\u0441\u043a\u0438\u0435 \u043a\u0430\u0440\u0442\u044b<\/li>\r\n <li><span class=\"check fire\">\u2713<\/span> \u041f\u0430\u043d\u0435\u043b\u044c \u0443\u043f\u0440\u0430\u0432\u043b\u0435\u043d\u0438\u044f<\/li>\r\n <\/ul>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"dept-slide\" data-dept=\"fire\">\r\n <div class=\"dept-slide-number\">07<\/div>\r\n <div class=\"dept-slide-inner\">\r\n <div class=\"dept-slide-photo slide-left\" data-src=\"http:\/\/bantv.ru\/wp-content\/uploads\/2026\/04\/\u043f\u043e\u0436\u0430\u0440\u043d\u0430\u044f-\u043a\u0430\u0431\u0438\u043d\u0435\u0442-\u0433\u043b\u0430\u0432\u044b2.png\" data-label=\"\u041a\u0430\u0431\u0438\u043d\u0435\u0442 \u043d\u0430\u0447\u0430\u043b\u044c\u043d\u0438\u043a\u0430 (\u0432\u0438\u0434 2)\">\r\n <img decoding=\"async\" src=\"http:\/\/bantv.ru\/wp-content\/uploads\/2026\/04\/\u043f\u043e\u0436\u0430\u0440\u043d\u0430\u044f-\u043a\u0430\u0431\u0438\u043d\u0435\u0442-\u0433\u043b\u0430\u0432\u044b2.png\" alt=\"\u041a\u0430\u0431\u0438\u043d\u0435\u0442 \u0433\u043b\u0430\u0432\u044b 2\" loading=\"lazy\">\r\n <div class=\"expand-icon\">\u26f6<\/div>\r\n <\/div>\r\n <div class=\"dept-slide-text slide-right\">\r\n <div class=\"dept-slide-tag fire\">\u0418\u043d\u0442\u0435\u0440\u044c\u0435\u0440<\/div>\r\n <h3 class=\"dept-slide-title fire\">\u041a\u0430\u0431\u0438\u043d\u0435\u0442 \u2014 \u0432\u0442\u043e\u0440\u043e\u0439 \u0440\u0430\u043a\u0443\u0440\u0441<\/h3>\r\n <p class=\"dept-slide-desc\">\u0412\u0438\u0434 \u043a\u0430\u0431\u0438\u043d\u0435\u0442\u0430 \u043d\u0430\u0447\u0430\u043b\u044c\u043d\u0438\u043a\u0430 \u0441 \u0434\u0440\u0443\u0433\u043e\u0439 \u0441\u0442\u043e\u0440\u043e\u043d\u044b. \u041f\u0430\u043d\u043e\u0440\u0430\u043c\u043d\u043e\u0435 \u043e\u043a\u043d\u043e \u0441 \u043e\u0431\u0437\u043e\u0440\u043e\u043c \u043d\u0430 \u0442\u0435\u0440\u0440\u0438\u0442\u043e\u0440\u0438\u044e \u0441\u0442\u0430\u043d\u0446\u0438\u0438.<\/p>\r\n <ul class=\"dept-slide-features\">\r\n <li><span class=\"check fire\">\u2713<\/span> \u041f\u0430\u043d\u043e\u0440\u0430\u043c\u043d\u044b\u0439 \u043e\u0431\u0437\u043e\u0440<\/li>\r\n <li><span class=\"check fire\">\u2713<\/span> \u0417\u043e\u043d\u0430 \u0441\u043e\u0432\u0435\u0449\u0430\u043d\u0438\u0439<\/li>\r\n <li><span class=\"check fire\">\u2713<\/span> \u0414\u0435\u0442\u0430\u043b\u0438\u0437\u0430\u0446\u0438\u044f \u0438\u043d\u0442\u0435\u0440\u044c\u0435\u0440\u0430<\/li>\r\n <\/ul>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"dept-slide\" data-dept=\"fire\">\r\n <div class=\"dept-slide-number\">08<\/div>\r\n <div class=\"dept-slide-inner\">\r\n <div class=\"dept-slide-photo slide-left\" data-src=\"http:\/\/bantv.ru\/wp-content\/uploads\/2026\/04\/\u043f\u043e\u0436\u0430\u0440\u043d\u0430\u044f-\u043a\u0443\u0445\u043d\u044f.png\" data-label=\"\u041a\u0443\u0445\u043d\u044f \u0438 \u0437\u043e\u043d\u0430 \u043e\u0442\u0434\u044b\u0445\u0430\">\r\n <img decoding=\"async\" src=\"http:\/\/bantv.ru\/wp-content\/uploads\/2026\/04\/\u043f\u043e\u0436\u0430\u0440\u043d\u0430\u044f-\u043a\u0443\u0445\u043d\u044f.png\" alt=\"\u041f\u043e\u0436\u0430\u0440\u043d\u0430\u044f \u043a\u0443\u0445\u043d\u044f\" loading=\"lazy\">\r\n <div class=\"expand-icon\">\u26f6<\/div>\r\n <\/div>\r\n <div class=\"dept-slide-text slide-right\">\r\n <div class=\"dept-slide-tag fire\">\u0418\u043d\u0442\u0435\u0440\u044c\u0435\u0440<\/div>\r\n <h3 class=\"dept-slide-title fire\">\u041a\u0443\u0445\u043d\u044f \u0438 \u0437\u043e\u043d\u0430 \u043e\u0442\u0434\u044b\u0445\u0430<\/h3>\r\n <p class=\"dept-slide-desc\">\u041c\u0435\u0441\u0442\u043e, \u0433\u0434\u0435 \u043f\u043e\u0436\u0430\u0440\u043d\u044b\u0435 \u0432\u043e\u0441\u0441\u0442\u0430\u043d\u0430\u0432\u043b\u0438\u0432\u0430\u044e\u0442 \u0441\u0438\u043b\u044b \u043c\u0435\u0436\u0434\u0443 \u0432\u044b\u0437\u043e\u0432\u0430\u043c\u0438. \u041f\u043e\u043b\u043d\u043e\u0441\u0442\u044c\u044e \u043e\u0431\u043e\u0440\u0443\u0434\u043e\u0432\u0430\u043d\u043d\u0430\u044f \u043a\u0443\u0445\u043d\u044f \u0441 \u0437\u043e\u043d\u043e\u0439 \u043e\u0442\u0434\u044b\u0445\u0430.<\/p>\r\n <ul class=\"dept-slide-features\">\r\n <li><span class=\"check fire\">\u2713<\/span> \u041f\u043e\u043b\u043d\u043e\u0446\u0435\u043d\u043d\u0430\u044f \u043a\u0443\u0445\u043d\u044f<\/li>\r\n <li><span class=\"check fire\">\u2713<\/span> \u0421\u0442\u043e\u043b\u043e\u0432\u0430\u044f \u0437\u043e\u043d\u0430<\/li>\r\n <li><span class=\"check fire\">\u2713<\/span> \u0417\u043e\u043d\u0430 \u043e\u0442\u0434\u044b\u0445\u0430<\/li>\r\n <\/ul>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"dept-divider\">\r\n <div class=\"dept-divider-badge\">\u2193 \u041c\u0435\u0434\u0438\u0446\u0438\u043d\u0441\u043a\u0438\u0439 \u0434\u0435\u043f\u0430\u0440\u0442\u0430\u043c\u0435\u043d\u0442 \u2193<\/div>\r\n <\/div>\r\n\r\n \r\n <div id=\"medicalDept\">\r\n <div class=\"dept-section-header\" id=\"medicalIntro\">\r\n <span class=\"section-tag\" style=\"background:rgba(0,212,255,0.1);color:var(--neon-blue);border:1px solid rgba(0,212,255,0.2);margin-bottom:1rem;\">\u0414\u0435\u043f\u0430\u0440\u0442\u0430\u043c\u0435\u043d\u0442<\/span>\r\n <h2 class=\"dept-intro-title medical\">\u041c\u0435\u0434\u0438\u0446\u0438\u043d\u0441\u043a\u0438\u0439 \u0434\u0435\u043f\u0430\u0440\u0442\u0430\u043c\u0435\u043d\u0442<\/h2>\r\n <p class=\"dept-intro-desc\">\u0421\u043e\u0432\u0440\u0435\u043c\u0435\u043d\u043d\u0430\u044f \u0431\u043e\u043b\u044c\u043d\u0438\u0446\u0430 \u0441 \u043f\u0440\u043e\u0434\u0443\u043c\u0430\u043d\u043d\u043e\u0439 \u0430\u0440\u0445\u0438\u0442\u0435\u043a\u0442\u0443\u0440\u043e\u0439. \u041e\u0442 \u043f\u0440\u0438\u0451\u043c\u043d\u043e\u0433\u043e \u043e\u0442\u0434\u0435\u043b\u0435\u043d\u0438\u044f \u0434\u043e \u0441\u043f\u0435\u0446\u0438\u0430\u043b\u0438\u0437\u0438\u0440\u043e\u0432\u0430\u043d\u043d\u044b\u0445 \u043a\u0430\u0431\u0438\u043d\u0435\u0442\u043e\u0432 \u2014 \u043a\u0430\u0436\u0434\u0430\u044f \u043b\u043e\u043a\u0430\u0446\u0438\u044f \u0434\u043b\u044f \u0440\u0435\u0430\u043b\u0438\u0441\u0442\u0438\u0447\u043d\u043e\u0433\u043e \u043c\u0435\u0434\u0438\u0446\u0438\u043d\u0441\u043a\u043e\u0433\u043e RP.<\/p>\r\n <\/div>\r\n\r\n <div class=\"dept-slide\" data-dept=\"medical\">\r\n <div class=\"dept-slide-number\">01<\/div>\r\n <div class=\"dept-slide-inner\">\r\n <div class=\"dept-slide-photo slide-right\" data-src=\"http:\/\/bantv.ru\/wp-content\/uploads\/2026\/04\/\u0440\u0435\u043d\u0434\u0435\u0440\u044b-\u0431\u043e\u043b\u044c\u043d\u0438\u0446\u044b-1.png\" data-label=\"\u042d\u043a\u0441\u0442\u0435\u0440\u044c\u0435\u0440 \u0431\u043e\u043b\u044c\u043d\u0438\u0446\u044b\">\r\n <img decoding=\"async\" src=\"http:\/\/bantv.ru\/wp-content\/uploads\/2026\/04\/\u0440\u0435\u043d\u0434\u0435\u0440\u044b-\u0431\u043e\u043b\u044c\u043d\u0438\u0446\u044b-1.png\" alt=\"\u0411\u043e\u043b\u044c\u043d\u0438\u0446\u0430 \u0440\u0435\u043d\u0434\u0435\u0440\" loading=\"lazy\">\r\n <div class=\"expand-icon\">\u26f6<\/div>\r\n <\/div>\r\n <div class=\"dept-slide-text slide-left\">\r\n <div class=\"dept-slide-tag medical\">\u042d\u043a\u0441\u0442\u0435\u0440\u044c\u0435\u0440<\/div>\r\n <h3 class=\"dept-slide-title medical\">\u041c\u0435\u0434\u0438\u0446\u0438\u043d\u0441\u043a\u0438\u0439 \u0446\u0435\u043d\u0442\u0440<\/h3>\r\n <p class=\"dept-slide-desc\">\u0421\u043e\u0432\u0440\u0435\u043c\u0435\u043d\u043d\u0430\u044f \u0431\u043e\u043b\u044c\u043d\u0438\u0446\u0430 \u0441 \u043f\u0440\u043e\u0434\u0443\u043c\u0430\u043d\u043d\u043e\u0439 \u0430\u0440\u0445\u0438\u0442\u0435\u043a\u0442\u0443\u0440\u043e\u0439. \u042d\u043a\u0441\u0442\u0435\u0440\u044c\u0435\u0440, \u043a\u043e\u0442\u043e\u0440\u044b\u0439 \u0432\u043d\u0443\u0448\u0430\u0435\u0442 \u0434\u043e\u0432\u0435\u0440\u0438\u0435 \u0438 \u0441\u043f\u043e\u043a\u043e\u0439\u0441\u0442\u0432\u0438\u0435.<\/p>\r\n <ul class=\"dept-slide-features\">\r\n <li><span class=\"check medical\">\u2713<\/span> \u0421\u043e\u0432\u0440\u0435\u043c\u0435\u043d\u043d\u0430\u044f \u0430\u0440\u0445\u0438\u0442\u0435\u043a\u0442\u0443\u0440\u0430<\/li>\r\n <li><span class=\"check medical\">\u2713<\/span> \u041f\u0440\u0438\u043b\u0435\u0433\u0430\u044e\u0449\u0430\u044f \u0442\u0435\u0440\u0440\u0438\u0442\u043e\u0440\u0438\u044f<\/li>\r\n <li><span class=\"check medical\">\u2713<\/span> \u041f\u0430\u0440\u043a\u043e\u0432\u043a\u0430 \u0434\u043b\u044f \u0441\u043a\u043e\u0440\u043e\u0439<\/li>\r\n <\/ul>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"dept-slide\" data-dept=\"medical\">\r\n <div class=\"dept-slide-number\">02<\/div>\r\n <div class=\"dept-slide-inner\">\r\n <div class=\"dept-slide-photo slide-right\" data-src=\"http:\/\/bantv.ru\/wp-content\/uploads\/2026\/04\/\u0431\u043e\u043b\u044c\u043d\u0438\u0446\u0430-1-\u044d\u0442\u0430\u0436.png\" data-label=\"\u041f\u0440\u0438\u0451\u043c\u043d\u043e\u0435 \u043e\u0442\u0434\u0435\u043b\u0435\u043d\u0438\u0435\">\r\n <img decoding=\"async\" src=\"http:\/\/bantv.ru\/wp-content\/uploads\/2026\/04\/\u0431\u043e\u043b\u044c\u043d\u0438\u0446\u0430-1-\u044d\u0442\u0430\u0436.png\" alt=\"\u0411\u043e\u043b\u044c\u043d\u0438\u0446\u0430 1 \u044d\u0442\u0430\u0436\" loading=\"lazy\">\r\n <div class=\"expand-icon\">\u26f6<\/div>\r\n <\/div>\r\n <div class=\"dept-slide-text slide-left\">\r\n <div class=\"dept-slide-tag medical\">\u041f\u0435\u0440\u0432\u044b\u0439 \u044d\u0442\u0430\u0436<\/div>\r\n <h3 class=\"dept-slide-title medical\">\u041f\u0440\u0438\u0451\u043c\u043d\u043e\u0435 \u043e\u0442\u0434\u0435\u043b\u0435\u043d\u0438\u0435<\/h3>\r\n <p class=\"dept-slide-desc\">\u041f\u0435\u0440\u0432\u043e\u0435 \u043c\u0435\u0441\u0442\u043e, \u043a\u0443\u0434\u0430 \u043f\u043e\u043f\u0430\u0434\u0430\u044e\u0442 \u043f\u0430\u0446\u0438\u0435\u043d\u0442\u044b. \u0421\u0442\u043e\u0439\u043a\u0430 \u0440\u0435\u0433\u0438\u0441\u0442\u0440\u0430\u0446\u0438\u0438, \u0437\u043e\u043d\u0430 \u043e\u0436\u0438\u0434\u0430\u043d\u0438\u044f \u0438 \u0441\u0438\u0441\u0442\u0435\u043c\u0430 \u043d\u0430\u0432\u0438\u0433\u0430\u0446\u0438\u0438.<\/p>\r\n <ul class=\"dept-slide-features\">\r\n <li><span class=\"check medical\">\u2713<\/span> \u0421\u0442\u043e\u0439\u043a\u0430 \u0440\u0435\u0433\u0438\u0441\u0442\u0440\u0430\u0446\u0438\u0438<\/li>\r\n <li><span class=\"check medical\">\u2713<\/span> \u0417\u043e\u043d\u0430 \u043e\u0436\u0438\u0434\u0430\u043d\u0438\u044f<\/li>\r\n <li><span class=\"check medical\">\u2713<\/span> \u0421\u0438\u0441\u0442\u0435\u043c\u0430 \u043d\u0430\u0432\u0438\u0433\u0430\u0446\u0438\u0438<\/li>\r\n <\/ul>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"dept-slide\" data-dept=\"medical\">\r\n <div class=\"dept-slide-number\">03<\/div>\r\n <div class=\"dept-slide-inner\">\r\n <div class=\"dept-slide-photo slide-right\" data-src=\"http:\/\/bantv.ru\/wp-content\/uploads\/2026\/04\/\u0431\u043e\u043b\u044c\u043d\u0438\u0446\u0430-1-\u044d\u0442\u0430\u04362.png\" data-label=\"\u0425\u043e\u043b\u043b \u043f\u0435\u0440\u0432\u043e\u0433\u043e \u044d\u0442\u0430\u0436\u0430\">\r\n <img decoding=\"async\" src=\"http:\/\/bantv.ru\/wp-content\/uploads\/2026\/04\/\u0431\u043e\u043b\u044c\u043d\u0438\u0446\u0430-1-\u044d\u0442\u0430\u04362.png\" alt=\"\u0411\u043e\u043b\u044c\u043d\u0438\u0446\u0430 1 \u044d\u0442\u0430\u0436 2\" loading=\"lazy\">\r\n <div class=\"expand-icon\">\u26f6<\/div>\r\n <\/div>\r\n <div class=\"dept-slide-text slide-left\">\r\n <div class=\"dept-slide-tag medical\">\u041f\u0435\u0440\u0432\u044b\u0439 \u044d\u0442\u0430\u0436<\/div>\r\n <h3 class=\"dept-slide-title medical\">\u0425\u043e\u043b\u043b \u043f\u0435\u0440\u0432\u043e\u0433\u043e \u044d\u0442\u0430\u0436\u0430<\/h3>\r\n <p class=\"dept-slide-desc\">\u041f\u0440\u043e\u0441\u0442\u043e\u0440\u043d\u044b\u0439 \u0445\u043e\u043b\u043b \u0441 \u043a\u043e\u043c\u0444\u043e\u0440\u0442\u043d\u043e\u0439 \u0437\u043e\u043d\u043e\u0439 \u043e\u0436\u0438\u0434\u0430\u043d\u0438\u044f \u0438 \u0438\u043d\u0444\u043e\u0440\u043c\u0430\u0446\u0438\u043e\u043d\u043d\u044b\u043c\u0438 \u0441\u0442\u0435\u043d\u0434\u0430\u043c\u0438.<\/p>\r\n <ul class=\"dept-slide-features\">\r\n <li><span class=\"check medical\">\u2713<\/span> \u041f\u0440\u043e\u0441\u0442\u043e\u0440\u043d\u044b\u0439 \u0445\u043e\u043b\u043b<\/li>\r\n <li><span class=\"check medical\">\u2713<\/span> \u0418\u043d\u0444\u043e\u0440\u043c\u0430\u0446\u0438\u043e\u043d\u043d\u044b\u0435 \u0441\u0442\u0435\u043d\u0434\u044b<\/li>\r\n <li><span class=\"check medical\">\u2713<\/span> \u041a\u043e\u043c\u0444\u043e\u0440\u0442\u043d\u0430\u044f \u0437\u043e\u043d\u0430<\/li>\r\n <\/ul>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"dept-slide\" data-dept=\"medical\">\r\n <div class=\"dept-slide-number\">04<\/div>\r\n <div class=\"dept-slide-inner\">\r\n <div class=\"dept-slide-photo slide-right\" data-src=\"http:\/\/bantv.ru\/wp-content\/uploads\/2026\/04\/\u0431\u043e\u043b\u044c\u043d\u0438\u0446\u0430-2-\u044d\u0442\u0430\u0436.png\" data-label=\"\u0412\u0442\u043e\u0440\u043e\u0439 \u044d\u0442\u0430\u0436 \u2014 \u043a\u043e\u0440\u0438\u0434\u043e\u0440\">\r\n <img decoding=\"async\" src=\"http:\/\/bantv.ru\/wp-content\/uploads\/2026\/04\/\u0431\u043e\u043b\u044c\u043d\u0438\u0446\u0430-2-\u044d\u0442\u0430\u0436.png\" alt=\"\u0411\u043e\u043b\u044c\u043d\u0438\u0446\u0430 2 \u044d\u0442\u0430\u0436\" loading=\"lazy\">\r\n <div class=\"expand-icon\">\u26f6<\/div>\r\n <\/div>\r\n <div class=\"dept-slide-text slide-left\">\r\n <div class=\"dept-slide-tag medical\">\u0412\u0442\u043e\u0440\u043e\u0439 \u044d\u0442\u0430\u0436<\/div>\r\n <h3 class=\"dept-slide-title medical\">\u041a\u043e\u0440\u0438\u0434\u043e\u0440 \u0432\u0442\u043e\u0440\u043e\u0433\u043e \u044d\u0442\u0430\u0436\u0430<\/h3>\r\n <p class=\"dept-slide-desc\">\u0427\u0438\u0441\u0442\u043e\u0442\u0430, \u043f\u043e\u0440\u044f\u0434\u043e\u043a \u0438 \u0441\u043e\u0432\u0440\u0435\u043c\u0435\u043d\u043d\u043e\u0435 \u043e\u0441\u043d\u0430\u0449\u0435\u043d\u0438\u0435. \u041a\u043e\u0440\u0438\u0434\u043e\u0440 \u0432\u0435\u0434\u0451\u0442 \u043a \u0441\u043f\u0435\u0446\u0438\u0430\u043b\u0438\u0437\u0438\u0440\u043e\u0432\u0430\u043d\u043d\u044b\u043c \u043f\u0430\u043b\u0430\u0442\u0430\u043c \u0438 \u043a\u0430\u0431\u0438\u043d\u0435\u0442\u0430\u043c.<\/p>\r\n <ul class=\"dept-slide-features\">\r\n <li><span class=\"check medical\">\u2713<\/span> \u0421\u043e\u0432\u0440\u0435\u043c\u0435\u043d\u043d\u043e\u0435 \u043e\u0441\u0432\u0435\u0449\u0435\u043d\u0438\u0435<\/li>\r\n <li><span class=\"check medical\">\u2713<\/span> \u041d\u0430\u0432\u0438\u0433\u0430\u0446\u0438\u044f \u043f\u043e \u044d\u0442\u0430\u0436\u0430\u043c<\/li>\r\n <li><span class=\"check medical\">\u2713<\/span> \u0414\u043e\u0441\u0442\u0443\u043f \u043a \u043f\u0430\u043b\u0430\u0442\u0430\u043c<\/li>\r\n <\/ul>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"dept-slide\" data-dept=\"medical\">\r\n <div class=\"dept-slide-number\">05<\/div>\r\n <div class=\"dept-slide-inner\">\r\n <div class=\"dept-slide-photo slide-right\" data-src=\"http:\/\/bantv.ru\/wp-content\/uploads\/2026\/04\/\u0431\u043e\u043b\u044c\u043d\u0438\u0446\u0430-2-\u044d\u0442\u0430\u04362.png\" data-label=\"\u041f\u0430\u043b\u0430\u0442\u044b \u0432\u0442\u043e\u0440\u043e\u0433\u043e \u044d\u0442\u0430\u0436\u0430\">\r\n <img decoding=\"async\" src=\"http:\/\/bantv.ru\/wp-content\/uploads\/2026\/04\/\u0431\u043e\u043b\u044c\u043d\u0438\u0446\u0430-2-\u044d\u0442\u0430\u04362.png\" alt=\"\u0411\u043e\u043b\u044c\u043d\u0438\u0446\u0430 2 \u044d\u0442\u0430\u0436 2\" loading=\"lazy\">\r\n <div class=\"expand-icon\">\u26f6<\/div>\r\n <\/div>\r\n <div class=\"dept-slide-text slide-left\">\r\n <div class=\"dept-slide-tag medical\">\u0412\u0442\u043e\u0440\u043e\u0439 \u044d\u0442\u0430\u0436<\/div>\r\n <h3 class=\"dept-slide-title medical\">\u041f\u0430\u043b\u0430\u0442\u044b<\/h3>\r\n <p class=\"dept-slide-desc\">\u041a\u043e\u043c\u0444\u043e\u0440\u0442\u043d\u044b\u0435 \u0443\u0441\u043b\u043e\u0432\u0438\u044f \u0434\u043b\u044f \u043f\u0430\u0446\u0438\u0435\u043d\u0442\u043e\u0432 \u0441 \u043f\u043e\u043b\u043d\u044b\u043c \u043c\u0435\u0434\u0438\u0446\u0438\u043d\u0441\u043a\u0438\u043c \u043e\u0441\u043d\u0430\u0449\u0435\u043d\u0438\u0435\u043c \u0438 \u043c\u043e\u043d\u0438\u0442\u043e\u0440\u0438\u043d\u0433\u043e\u043c.<\/p>\r\n <ul class=\"dept-slide-features\">\r\n <li><span class=\"check medical\">\u2713<\/span> \u041a\u043e\u043c\u0444\u043e\u0440\u0442\u043d\u044b\u0435 \u043f\u0430\u043b\u0430\u0442\u044b<\/li>\r\n <li><span class=\"check medical\">\u2713<\/span> \u041c\u0435\u0434\u0438\u0446\u0438\u043d\u0441\u043a\u043e\u0435 \u043e\u0431\u043e\u0440\u0443\u0434\u043e\u0432\u0430\u043d\u0438\u0435<\/li>\r\n <li><span class=\"check medical\">\u2713<\/span> \u0421\u0438\u0441\u0442\u0435\u043c\u0430 \u043c\u043e\u043d\u0438\u0442\u043e\u0440\u0438\u043d\u0433\u0430<\/li>\r\n <\/ul>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"dept-slide\" data-dept=\"medical\">\r\n <div class=\"dept-slide-number\">06<\/div>\r\n <div class=\"dept-slide-inner\">\r\n <div class=\"dept-slide-photo slide-right\" data-src=\"http:\/\/bantv.ru\/wp-content\/uploads\/2026\/04\/\u0431\u043e\u043b\u044c\u043d\u0438\u0446\u0430-\u043a\u0430\u0431\u0438\u043d\u0435\u0442.png\" data-label=\"\u041a\u0430\u0431\u0438\u043d\u0435\u0442 \u0432\u0440\u0430\u0447\u0430\">\r\n <img decoding=\"async\" src=\"http:\/\/bantv.ru\/wp-content\/uploads\/2026\/04\/\u0431\u043e\u043b\u044c\u043d\u0438\u0446\u0430-\u043a\u0430\u0431\u0438\u043d\u0435\u0442.png\" alt=\"\u041a\u0430\u0431\u0438\u043d\u0435\u0442\" loading=\"lazy\">\r\n <div class=\"expand-icon\">\u26f6<\/div>\r\n <\/div>\r\n <div class=\"dept-slide-text slide-left\">\r\n <div class=\"dept-slide-tag medical\">\u041a\u0430\u0431\u0438\u043d\u0435\u0442<\/div>\r\n <h3 class=\"dept-slide-title medical\">\u041a\u0430\u0431\u0438\u043d\u0435\u0442 \u0432\u0440\u0430\u0447\u0430<\/h3>\r\n <p class=\"dept-slide-desc\">\u0420\u0430\u0431\u043e\u0447\u0435\u0435 \u043c\u0435\u0441\u0442\u043e \u0441\u043f\u0435\u0446\u0438\u0430\u043b\u0438\u0441\u0442\u0430 \u0441 \u0441\u043e\u0432\u0440\u0435\u043c\u0435\u043d\u043d\u044b\u043c \u043e\u0431\u043e\u0440\u0443\u0434\u043e\u0432\u0430\u043d\u0438\u0435\u043c \u0434\u043b\u044f \u0434\u0438\u0430\u0433\u043d\u043e\u0441\u0442\u0438\u043a\u0438 \u0438 \u043b\u0435\u0447\u0435\u043d\u0438\u044f.<\/p>\r\n <ul class=\"dept-slide-features\">\r\n <li><span class=\"check medical\">\u2713<\/span> \u0414\u0438\u0430\u0433\u043d\u043e\u0441\u0442\u0438\u0447\u0435\u0441\u043a\u043e\u0435 \u043e\u0431\u043e\u0440\u0443\u0434\u043e\u0432\u0430\u043d\u0438\u0435<\/li>\r\n <li><span class=\"check medical\">\u2713<\/span> \u0420\u0430\u0431\u043e\u0447\u0438\u0439 \u0441\u0442\u043e\u043b \u0432\u0440\u0430\u0447\u0430<\/li>\r\n <li><span class=\"check medical\">\u2713<\/span> \u041c\u0435\u0434\u0438\u0446\u0438\u043d\u0441\u043a\u0438\u0435 \u0438\u043d\u0441\u0442\u0440\u0443\u043c\u0435\u043d\u0442\u044b<\/li>\r\n <\/ul>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"dept-slide\" data-dept=\"medical\">\r\n <div class=\"dept-slide-number\">07<\/div>\r\n <div class=\"dept-slide-inner\">\r\n <div class=\"dept-slide-photo slide-right\" data-src=\"http:\/\/bantv.ru\/wp-content\/uploads\/2026\/04\/\u0431\u043e\u043b\u044c\u043d\u0438\u0446\u0430-\u043a\u0430\u0431\u0438\u043d\u0435\u04422.png\" data-label=\"\u041a\u0430\u0431\u0438\u043d\u0435\u0442 \u0432\u0440\u0430\u0447\u0430 (\u0432\u0438\u0434 2)\">\r\n <img decoding=\"async\" src=\"http:\/\/bantv.ru\/wp-content\/uploads\/2026\/04\/\u0431\u043e\u043b\u044c\u043d\u0438\u0446\u0430-\u043a\u0430\u0431\u0438\u043d\u0435\u04422.png\" alt=\"\u041a\u0430\u0431\u0438\u043d\u0435\u0442 2\" loading=\"lazy\">\r\n <div class=\"expand-icon\">\u26f6<\/div>\r\n <\/div>\r\n <div class=\"dept-slide-text slide-left\">\r\n <div class=\"dept-slide-tag medical\">\u041a\u0430\u0431\u0438\u043d\u0435\u0442<\/div>\r\n <h3 class=\"dept-slide-title medical\">\u041a\u0430\u0431\u0438\u043d\u0435\u0442 \u2014 \u0432\u0442\u043e\u0440\u043e\u0439 \u0440\u0430\u043a\u0443\u0440\u0441<\/h3>\r\n <p class=\"dept-slide-desc\">\u0414\u0435\u0442\u0430\u043b\u0438\u0437\u0430\u0446\u0438\u044f \u0440\u0430\u0431\u043e\u0447\u0435\u0433\u043e \u043f\u0440\u043e\u0441\u0442\u0440\u0430\u043d\u0441\u0442\u0432\u0430 \u0438 \u043c\u0435\u0434\u0438\u0446\u0438\u043d\u0441\u043a\u0438\u0445 \u0438\u043d\u0441\u0442\u0440\u0443\u043c\u0435\u043d\u0442\u043e\u0432 \u0441 \u0434\u0440\u0443\u0433\u043e\u0433\u043e \u0440\u0430\u043a\u0443\u0440\u0441\u0430.<\/p>\r\n <ul class=\"dept-slide-features\">\r\n <li><span class=\"check medical\">\u2713<\/span> \u0414\u0435\u0442\u0430\u043b\u0438\u0437\u0430\u0446\u0438\u044f \u0438\u043d\u0442\u0435\u0440\u044c\u0435\u0440\u0430<\/li>\r\n <li><span class=\"check medical\">\u2713<\/span> \u0420\u0430\u0431\u043e\u0447\u0435\u0435 \u043f\u0440\u043e\u0441\u0442\u0440\u0430\u043d\u0441\u0442\u0432\u043e<\/li>\r\n <li><span class=\"check medical\">\u2713<\/span> \u0418\u043d\u0441\u0442\u0440\u0443\u043c\u0435\u043d\u0442\u044b<\/li>\r\n <\/ul>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"dept-slide\" data-dept=\"medical\">\r\n <div class=\"dept-slide-number\">08<\/div>\r\n <div class=\"dept-slide-inner\">\r\n <div class=\"dept-slide-photo slide-right\" data-src=\"http:\/\/bantv.ru\/wp-content\/uploads\/2026\/04\/\u0431\u043e\u043b\u044c\u043d\u0438\u0446\u0430-\u043a\u0430\u0431\u0438\u043d\u0435\u04423.png\" data-label=\"\u041a\u0430\u0431\u0438\u043d\u0435\u0442 \u0432\u0440\u0430\u0447\u0430 (\u0432\u0438\u0434 3)\">\r\n <img decoding=\"async\" src=\"http:\/\/bantv.ru\/wp-content\/uploads\/2026\/04\/\u0431\u043e\u043b\u044c\u043d\u0438\u0446\u0430-\u043a\u0430\u0431\u0438\u043d\u0435\u04423.png\" alt=\"\u041a\u0430\u0431\u0438\u043d\u0435\u0442 3\" loading=\"lazy\">\r\n <div class=\"expand-icon\">\u26f6<\/div>\r\n <\/div>\r\n <div class=\"dept-slide-text slide-left\">\r\n <div class=\"dept-slide-tag medical\">\u041a\u0430\u0431\u0438\u043d\u0435\u0442<\/div>\r\n <h3 class=\"dept-slide-title medical\">\u041a\u0430\u0431\u0438\u043d\u0435\u0442 \u2014 \u0442\u0440\u0435\u0442\u0438\u0439 \u0440\u0430\u043a\u0443\u0440\u0441<\/h3>\r\n <p class=\"dept-slide-desc\">\u0422\u0440\u0435\u0442\u0438\u0439 \u043e\u0431\u0437\u043e\u0440 \u043a\u0430\u0431\u0438\u043d\u0435\u0442\u0430, \u043e\u0442\u0440\u0430\u0436\u0430\u044e\u0449\u0438\u0439 \u0430\u0442\u043c\u043e\u0441\u0444\u0435\u0440\u0443 \u043c\u0435\u0434\u0438\u0446\u0438\u043d\u0441\u043a\u043e\u0439 \u0440\u0430\u0431\u043e\u0442\u044b \u0438 \u043f\u0440\u043e\u0444\u0435\u0441\u0441\u0438\u043e\u043d\u0430\u043b\u044c\u043d\u0443\u044e \u0441\u0440\u0435\u0434\u0443.<\/p>\r\n <ul class=\"dept-slide-features\">\r\n <li><span class=\"check medical\">\u2713<\/span> \u0410\u0442\u043c\u043e\u0441\u0444\u0435\u0440\u0430 \u0440\u0430\u0431\u043e\u0442\u044b<\/li>\r\n <li><span class=\"check medical\">\u2713<\/span> \u041f\u0440\u043e\u0444\u0435\u0441\u0441\u0438\u043e\u043d\u0430\u043b\u044c\u043d\u0430\u044f \u0441\u0440\u0435\u0434\u0430<\/li>\r\n <li><span class=\"check medical\">\u2713<\/span> \u041f\u043e\u043b\u043d\u044b\u0439 \u043e\u0431\u0437\u043e\u0440<\/li>\r\n <\/ul>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"dept-divider\">\r\n <div class=\"dept-divider-badge\">\u2193 \u041f\u043e\u043b\u0438\u0446\u0435\u0439\u0441\u043a\u0438\u0439 \u0434\u0435\u043f\u0430\u0440\u0442\u0430\u043c\u0435\u043d\u0442 \u2193<\/div>\r\n <\/div>\r\n\r\n \r\n <div id=\"policeDept\">\r\n <div class=\"dept-section-header\" id=\"policeIntro\">\r\n <span class=\"section-tag\" style=\"background:rgba(59,130,246,0.1);color:var(--police-blue);border:1px solid rgba(59,130,246,0.2);margin-bottom:1rem;\">\u0414\u0435\u043f\u0430\u0440\u0442\u0430\u043c\u0435\u043d\u0442<\/span>\r\n <h2 class=\"dept-intro-title police\">\u041f\u043e\u043b\u0438\u0446\u0435\u0439\u0441\u043a\u0438\u0439 \u0434\u0435\u043f\u0430\u0440\u0442\u0430\u043c\u0435\u043d\u0442<\/h2>\r\n <p class=\"dept-intro-desc\">\u041f\u043e\u043b\u043d\u043e\u0446\u0435\u043d\u043d\u044b\u0439 \u043f\u043e\u043b\u0438\u0446\u0435\u0439\u0441\u043a\u0438\u0439 \u0443\u0447\u0430\u0441\u0442\u043e\u043a \u0441 \u043f\u0440\u043e\u0434\u0443\u043c\u0430\u043d\u043d\u043e\u0439 \u0438\u043d\u0444\u0440\u0430\u0441\u0442\u0440\u0443\u043a\u0442\u0443\u0440\u043e\u0439. \u041e\u0442 \u043a\u0430\u043c\u0435\u0440 \u0441\u043e\u0434\u0435\u0440\u0436\u0430\u043d\u0438\u044f \u0434\u043e \u0440\u0430\u0437\u0434\u0435\u0432\u0430\u043b\u043e\u043a \u2014 \u043a\u0430\u0436\u0434\u0430\u044f \u0437\u043e\u043d\u0430 \u0441\u043e\u0437\u0434\u0430\u043d\u0430 \u0434\u043b\u044f \u0440\u0435\u0430\u043b\u0438\u0441\u0442\u0438\u0447\u043d\u043e\u0433\u043e RP \u043f\u0440\u0430\u0432\u043e\u043e\u0445\u0440\u0430\u043d\u0438\u0442\u0435\u043b\u044c\u043d\u044b\u0445 \u043e\u0440\u0433\u0430\u043d\u043e\u0432.<\/p>\r\n <\/div>\r\n\r\n <div class=\"dept-slide\" data-dept=\"police\">\r\n <div class=\"dept-slide-number\">01<\/div>\r\n <div class=\"dept-slide-inner\">\r\n <div class=\"dept-slide-photo slide-left\" data-src=\"http:\/\/bantv.ru\/wp-content\/uploads\/2026\/04\/\u043f\u043e\u043b\u0438\u0446\u0438\u044f\u0441\u043d\u0430\u0440\u0443\u0436\u0438.png\" data-label=\"\u042d\u043a\u0441\u0442\u0435\u0440\u044c\u0435\u0440 \u043f\u043e\u043b\u0438\u0446\u0435\u0439\u0441\u043a\u043e\u0433\u043e \u0434\u0435\u043f\u0430\u0440\u0442\u0430\u043c\u0435\u043d\u0442\u0430\">\r\n <img decoding=\"async\" src=\"http:\/\/bantv.ru\/wp-content\/uploads\/2026\/04\/\u043f\u043e\u043b\u0438\u0446\u0438\u044f\u0441\u043d\u0430\u0440\u0443\u0436\u0438.png\" alt=\"\u041f\u043e\u043b\u0438\u0446\u0438\u044f \u0441\u043d\u0430\u0440\u0443\u0436\u0438\" loading=\"lazy\">\r\n <div class=\"expand-icon\">\u26f6<\/div>\r\n <\/div>\r\n <div class=\"dept-slide-text slide-right\">\r\n <div class=\"dept-slide-tag police\">\u042d\u043a\u0441\u0442\u0435\u0440\u044c\u0435\u0440<\/div>\r\n <h3 class=\"dept-slide-title police\">\u0424\u0430\u0441\u0430\u0434 \u043f\u043e\u043b\u0438\u0446\u0435\u0439\u0441\u043a\u043e\u0433\u043e \u0443\u0447\u0430\u0441\u0442\u043a\u0430<\/h3>\r\n <p class=\"dept-slide-desc\">\u0412\u043d\u0443\u0448\u0438\u0442\u0435\u043b\u044c\u043d\u044b\u0439 \u0432\u043d\u0435\u0448\u043d\u0438\u0439 \u0432\u0438\u0434 \u043f\u043e\u043b\u0438\u0446\u0435\u0439\u0441\u043a\u043e\u0433\u043e \u0434\u0435\u043f\u0430\u0440\u0442\u0430\u043c\u0435\u043d\u0442\u0430. \u0417\u0434\u0430\u043d\u0438\u0435, \u0441\u0438\u043c\u0432\u043e\u043b\u0438\u0437\u0438\u0440\u0443\u044e\u0449\u0435\u0435 \u043f\u043e\u0440\u044f\u0434\u043e\u043a \u0438 \u0431\u0435\u0437\u043e\u043f\u0430\u0441\u043d\u043e\u0441\u0442\u044c, \u0441 \u043f\u0440\u043e\u0434\u0443\u043c\u0430\u043d\u043d\u043e\u0439 \u0442\u0435\u0440\u0440\u0438\u0442\u043e\u0440\u0438\u0435\u0439.<\/p>\r\n <ul class=\"dept-slide-features\">\r\n <li><span class=\"check police\">\u2713<\/span> \u0410\u0440\u0445\u0438\u0442\u0435\u043a\u0442\u0443\u0440\u043d\u044b\u0439 \u0444\u0430\u0441\u0430\u0434<\/li>\r\n <li><span class=\"check police\">\u2713<\/span> \u041f\u0440\u0438\u043b\u0435\u0433\u0430\u044e\u0449\u0430\u044f \u0442\u0435\u0440\u0440\u0438\u0442\u043e\u0440\u0438\u044f<\/li>\r\n <li><span class=\"check police\">\u2713<\/span> \u041f\u0430\u0440\u043a\u043e\u0432\u043a\u0430 \u043f\u0430\u0442\u0440\u0443\u043b\u044c\u043d\u044b\u0445 \u0430\u0432\u0442\u043e<\/li>\r\n <\/ul>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"dept-slide\" data-dept=\"police\">\r\n <div class=\"dept-slide-number\">02<\/div>\r\n <div class=\"dept-slide-inner\">\r\n <div class=\"dept-slide-photo slide-left\" data-src=\"http:\/\/bantv.ru\/wp-content\/uploads\/2026\/04\/\u043f\u043e\u043b\u0438\u0446\u0438\u044f\u0441\u043d\u0430\u0440\u0443\u0436\u04382.png\" data-label=\"\u041f\u043e\u043b\u0438\u0446\u0435\u0439\u0441\u043a\u0438\u0439 \u0434\u0435\u043f\u0430\u0440\u0442\u0430\u043c\u0435\u043d\u0442 \u2014 \u0432\u0442\u043e\u0440\u043e\u0439 \u0440\u0430\u043a\u0443\u0440\u0441\">\r\n <img decoding=\"async\" src=\"http:\/\/bantv.ru\/wp-content\/uploads\/2026\/04\/\u043f\u043e\u043b\u0438\u0446\u0438\u044f\u0441\u043d\u0430\u0440\u0443\u0436\u04382.png\" alt=\"\u041f\u043e\u043b\u0438\u0446\u0438\u044f \u0441\u043d\u0430\u0440\u0443\u0436\u0438 2\" loading=\"lazy\">\r\n <div class=\"expand-icon\">\u26f6<\/div>\r\n <\/div>\r\n <div class=\"dept-slide-text slide-right\">\r\n <div class=\"dept-slide-tag police\">\u042d\u043a\u0441\u0442\u0435\u0440\u044c\u0435\u0440<\/div>\r\n <h3 class=\"dept-slide-title police\">\u0412\u0442\u043e\u0440\u043e\u0439 \u0440\u0430\u043a\u0443\u0440\u0441 \u0443\u0447\u0430\u0441\u0442\u043a\u0430<\/h3>\r\n <p class=\"dept-slide-desc\">\u0410\u043b\u044c\u0442\u0435\u0440\u043d\u0430\u0442\u0438\u0432\u043d\u044b\u0439 \u0432\u0438\u0434 \u043d\u0430 \u043f\u043e\u043b\u0438\u0446\u0435\u0439\u0441\u043a\u0438\u0439 \u0434\u0435\u043f\u0430\u0440\u0442\u0430\u043c\u0435\u043d\u0442. \u0414\u0435\u0442\u0430\u043b\u0438\u0437\u0438\u0440\u043e\u0432\u0430\u043d\u043d\u0430\u044f \u0430\u0440\u0445\u0438\u0442\u0435\u043a\u0442\u0443\u0440\u0430 \u0438 \u0438\u043d\u0444\u0440\u0430\u0441\u0442\u0440\u0443\u043a\u0442\u0443\u0440\u0430 \u0434\u043b\u044f \u043f\u043e\u043b\u043d\u043e\u0433\u043e \u043f\u043e\u0433\u0440\u0443\u0436\u0435\u043d\u0438\u044f.<\/p>\r\n <ul class=\"dept-slide-features\">\r\n <li><span class=\"check police\">\u2713<\/span> \u0410\u043b\u044c\u0442\u0435\u0440\u043d\u0430\u0442\u0438\u0432\u043d\u044b\u0439 \u0440\u0430\u043a\u0443\u0440\u0441<\/li>\r\n <li><span class=\"check police\">\u2713<\/span> \u0412\u0445\u043e\u0434\u043d\u0430\u044f \u0437\u043e\u043d\u0430<\/li>\r\n <li><span class=\"check police\">\u2713<\/span> \u041e\u0441\u0432\u0435\u0449\u0435\u043d\u0438\u0435 \u0442\u0435\u0440\u0440\u0438\u0442\u043e\u0440\u0438\u0438<\/li>\r\n <\/ul>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"dept-slide\" data-dept=\"police\">\r\n <div class=\"dept-slide-number\">03<\/div>\r\n <div class=\"dept-slide-inner\">\r\n <div class=\"dept-slide-photo slide-left\" data-src=\"http:\/\/bantv.ru\/wp-content\/uploads\/2026\/04\/\u043f\u043e\u043b\u0438\u0446\u0438\u044f\u0440\u0435\u0441\u0435\u043f\u0448\u043d.png\" data-label=\"\u0420\u0435\u0441\u0435\u043f\u0448\u043d \u043f\u043e\u043b\u0438\u0446\u0435\u0439\u0441\u043a\u043e\u0433\u043e \u0434\u0435\u043f\u0430\u0440\u0442\u0430\u043c\u0435\u043d\u0442\u0430\">\r\n <img decoding=\"async\" src=\"http:\/\/bantv.ru\/wp-content\/uploads\/2026\/04\/\u043f\u043e\u043b\u0438\u0446\u0438\u044f\u0440\u0435\u0441\u0435\u043f\u0448\u043d.png\" alt=\"\u041f\u043e\u043b\u0438\u0446\u0438\u044f \u0440\u0435\u0441\u0435\u043f\u0448\u043d\" loading=\"lazy\">\r\n <div class=\"expand-icon\">\u26f6<\/div>\r\n <\/div>\r\n <div class=\"dept-slide-text slide-right\">\r\n <div class=\"dept-slide-tag police\">\u0418\u043d\u0442\u0435\u0440\u044c\u0435\u0440<\/div>\r\n <h3 class=\"dept-slide-title police\">\u0420\u0435\u0441\u0435\u043f\u0448\u043d \u0438 \u043f\u0440\u0438\u0451\u043c\u043d\u0430\u044f<\/h3>\r\n <p class=\"dept-slide-desc\">\u0417\u043e\u043d\u0430 \u043f\u0440\u0438\u0451\u043c\u0430 \u0433\u0440\u0430\u0436\u0434\u0430\u043d \u0441 \u0441\u0442\u043e\u0439\u043a\u043e\u0439 \u0440\u0435\u0433\u0438\u0441\u0442\u0440\u0430\u0446\u0438\u0438 \u0438 \u0441\u0438\u0441\u0442\u0435\u043c\u043e\u0439 \u0443\u0447\u0451\u0442\u0430. \u041c\u0435\u0441\u0442\u043e, \u0433\u0434\u0435 \u043d\u0430\u0447\u0438\u043d\u0430\u0435\u0442\u0441\u044f \u0440\u0430\u0431\u043e\u0442\u0430 \u0441 \u043f\u043e\u0441\u0435\u0442\u0438\u0442\u0435\u043b\u044f\u043c\u0438.<\/p>\r\n <ul class=\"dept-slide-features\">\r\n <li><span class=\"check police\">\u2713<\/span> \u0421\u0442\u043e\u0439\u043a\u0430 \u0440\u0435\u0433\u0438\u0441\u0442\u0440\u0430\u0446\u0438\u0438<\/li>\r\n <li><span class=\"check police\">\u2713<\/span> \u0421\u0438\u0441\u0442\u0435\u043c\u0430 \u0443\u0447\u0451\u0442\u0430 \u043e\u0431\u0440\u0430\u0449\u0435\u043d\u0438\u0439<\/li>\r\n <li><span class=\"check police\">\u2713<\/span> \u0417\u043e\u043d\u0430 \u043e\u0436\u0438\u0434\u0430\u043d\u0438\u044f<\/li>\r\n <\/ul>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"dept-slide\" data-dept=\"police\">\r\n <div class=\"dept-slide-number\">04<\/div>\r\n <div class=\"dept-slide-inner\">\r\n <div class=\"dept-slide-photo slide-left\" data-src=\"http:\/\/bantv.ru\/wp-content\/uploads\/2026\/04\/\u043f\u043e\u043b\u0438\u0446\u0438\u044f\u043a\u0430\u043c\u0435\u0440\u044b.png\" data-label=\"\u041a\u0430\u043c\u0435\u0440\u044b \u0441\u043e\u0434\u0435\u0440\u0436\u0430\u043d\u0438\u044f\">\r\n <img decoding=\"async\" src=\"http:\/\/bantv.ru\/wp-content\/uploads\/2026\/04\/\u043f\u043e\u043b\u0438\u0446\u0438\u044f\u043a\u0430\u043c\u0435\u0440\u044b.png\" alt=\"\u041f\u043e\u043b\u0438\u0446\u0438\u044f \u043a\u0430\u043c\u0435\u0440\u044b\" loading=\"lazy\">\r\n <div class=\"expand-icon\">\u26f6<\/div>\r\n <\/div>\r\n <div class=\"dept-slide-text slide-right\">\r\n <div class=\"dept-slide-tag police\">\u0418\u043d\u0442\u0435\u0440\u044c\u0435\u0440<\/div>\r\n <h3 class=\"dept-slide-title police\">\u041a\u0430\u043c\u0435\u0440\u044b \u0441\u043e\u0434\u0435\u0440\u0436\u0430\u043d\u0438\u044f<\/h3>\r\n <p class=\"dept-slide-desc\">\u0417\u043e\u043d\u0430 \u0441\u043e\u0434\u0435\u0440\u0436\u0430\u043d\u0438\u044f \u0437\u0430\u0434\u0435\u0440\u0436\u0430\u043d\u043d\u044b\u0445 \u0441 \u043a\u0430\u043c\u0435\u0440\u0430\u043c\u0438, \u0441\u0438\u0441\u0442\u0435\u043c\u043e\u0439 \u0432\u0438\u0434\u0435\u043e\u043d\u0430\u0431\u043b\u044e\u0434\u0435\u043d\u0438\u044f \u0438 \u043a\u043e\u043d\u0442\u0440\u043e\u043b\u0435\u043c \u0434\u043e\u0441\u0442\u0443\u043f\u0430. \u0420\u0435\u0430\u043b\u0438\u0441\u0442\u0438\u0447\u043d\u0430\u044f \u0441\u0440\u0435\u0434\u0430 \u0434\u043b\u044f RP \u0441\u0446\u0435\u043d\u0430\u0440\u0438\u0435\u0432.<\/p>\r\n <ul class=\"dept-slide-features\">\r\n <li><span class=\"check police\">\u2713<\/span> \u041a\u0430\u043c\u0435\u0440\u044b \u0441\u043e\u0434\u0435\u0440\u0436\u0430\u043d\u0438\u044f<\/li>\r\n <li><span class=\"check police\">\u2713<\/span> \u0421\u0438\u0441\u0442\u0435\u043c\u0430 \u0432\u0438\u0434\u0435\u043e\u043d\u0430\u0431\u043b\u044e\u0434\u0435\u043d\u0438\u044f<\/li>\r\n <li><span class=\"check police\">\u2713<\/span> \u041a\u043e\u043d\u0442\u0440\u043e\u043b\u044c \u0434\u043e\u0441\u0442\u0443\u043f\u0430<\/li>\r\n <\/ul>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"dept-slide\" data-dept=\"police\">\r\n <div class=\"dept-slide-number\">05<\/div>\r\n <div class=\"dept-slide-inner\">\r\n <div class=\"dept-slide-photo slide-left\" data-src=\"http:\/\/bantv.ru\/wp-content\/uploads\/2026\/04\/\u043f\u043e\u043b\u0438\u0446\u0438\u044f\u0440\u0430\u0437\u0434\u0435\u0432\u0430\u043b\u043a\u0430.png\" data-label=\"\u0420\u0430\u0437\u0434\u0435\u0432\u0430\u043b\u043a\u0430 \u043f\u043e\u043b\u0438\u0446\u0435\u0439\u0441\u043a\u043e\u0433\u043e \u0434\u0435\u043f\u0430\u0440\u0442\u0430\u043c\u0435\u043d\u0442\u0430\">\r\n <img decoding=\"async\" src=\"http:\/\/bantv.ru\/wp-content\/uploads\/2026\/04\/\u043f\u043e\u043b\u0438\u0446\u0438\u044f\u0440\u0430\u0437\u0434\u0435\u0432\u0430\u043b\u043a\u0430.png\" alt=\"\u041f\u043e\u043b\u0438\u0446\u0438\u044f \u0440\u0430\u0437\u0434\u0435\u0432\u0430\u043b\u043a\u0430\" loading=\"lazy\">\r\n <div class=\"expand-icon\">\u26f6<\/div>\r\n <\/div>\r\n <div class=\"dept-slide-text slide-right\">\r\n <div class=\"dept-slide-tag police\">\u0418\u043d\u0442\u0435\u0440\u044c\u0435\u0440<\/div>\r\n <h3 class=\"dept-slide-title police\">\u0420\u0430\u0437\u0434\u0435\u0432\u0430\u043b\u043a\u0430<\/h3>\r\n <p class=\"dept-slide-desc\">\u0417\u043e\u043d\u0430 \u043f\u0435\u0440\u0435\u043e\u0434\u0435\u0432\u0430\u043d\u0438\u044f \u0441\u043e\u0442\u0440\u0443\u0434\u043d\u0438\u043a\u043e\u0432 \u0441 \u0438\u043d\u0434\u0438\u0432\u0438\u0434\u0443\u0430\u043b\u044c\u043d\u044b\u043c\u0438 \u0448\u043a\u0430\u0444\u0447\u0438\u043a\u0430\u043c\u0438 \u0438 \u043f\u043e\u0434\u0433\u043e\u0442\u043e\u0432\u043a\u043e\u0439 \u043a \u0441\u043c\u0435\u043d\u0430\u043c. \u0412\u0430\u0436\u043d\u0430\u044f \u0447\u0430\u0441\u0442\u044c \u043f\u043e\u0432\u0441\u0435\u0434\u043d\u0435\u0432\u043d\u043e\u0439 \u0436\u0438\u0437\u043d\u0438 \u043e\u0444\u0438\u0446\u0435\u0440\u043e\u0432.<\/p>\r\n <ul class=\"dept-slide-features\">\r\n <li><span class=\"check police\">\u2713<\/span> \u0418\u043d\u0434\u0438\u0432\u0438\u0434\u0443\u0430\u043b\u044c\u043d\u044b\u0435 \u0448\u043a\u0430\u0444\u0447\u0438\u043a\u0438<\/li>\r\n <li><span class=\"check police\">\u2713<\/span> \u0417\u043e\u043d\u0430 \u043f\u043e\u0434\u0433\u043e\u0442\u043e\u0432\u043a\u0438<\/li>\r\n <li><span class=\"check police\">\u2713<\/span> \u042d\u043a\u0438\u043f\u0438\u0440\u043e\u0432\u043a\u0430 \u0438 \u0441\u043d\u0430\u0440\u044f\u0436\u0435\u043d\u0438\u0435<\/li>\r\n <\/ul>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"glow-line\"><\/div>\r\n\r\n \r\n <section class=\"screenshots-section\" id=\"screenshots\">\r\n <div class=\"section-header text-reveal\">\r\n <span class=\"section-tag blue\">\u0413\u0430\u043b\u0435\u0440\u0435\u044f<\/span>\r\n <h2 class=\"section-title\">\u0421\u043a\u0440\u0438\u043d\u0448\u043e\u0442\u044b<\/h2>\r\n <p class=\"section-desc\">\u0412\u0437\u0433\u043b\u044f\u043d\u0438 \u043d\u0430 \u043c\u0438\u0440 Signal RP \u0432 \u0434\u0435\u0442\u0430\u043b\u044f\u0445. \u041d\u0430\u0436\u043c\u0438 \u043d\u0430 \u0438\u0437\u043e\u0431\u0440\u0430\u0436\u0435\u043d\u0438\u0435 \u0434\u043b\u044f \u043f\u043e\u043b\u043d\u043e\u044d\u043a\u0440\u0430\u043d\u043d\u043e\u0433\u043e \u043f\u0440\u043e\u0441\u043c\u043e\u0442\u0440\u0430.<\/p>\r\n <\/div>\r\n <div class=\"screenshots-carousel text-reveal text-reveal-delay-1\">\r\n <button class=\"carousel-btn\" id=\"ssPrev\">\u25c0<\/button>\r\n <div class=\"screenshots-track-wrapper\">\r\n <div class=\"screenshots-track\" id=\"ssTrack\">\r\n <div class=\"screenshot-card\" data-src=\"http:\/\/bantv.ru\/wp-content\/uploads\/2026\/04\/\u043f\u043e\u0436\u0430\u0440\u043d\u0430\u044f-\u0441\u043d\u0430\u0440\u0443\u0436\u0438.png\" data-label=\"\u041f\u043e\u0436\u0430\u0440\u043d\u0430\u044f \u0441\u0442\u0430\u043d\u0446\u0438\u044f \u2014 \u042d\u043a\u0441\u0442\u0435\u0440\u044c\u0435\u0440\">\r\n <img decoding=\"async\" src=\"http:\/\/bantv.ru\/wp-content\/uploads\/2026\/04\/\u043f\u043e\u0436\u0430\u0440\u043d\u0430\u044f-\u0441\u043d\u0430\u0440\u0443\u0436\u0438.png\" alt=\"\u041f\u043e\u0436\u0430\u0440\u043d\u0430\u044f\" loading=\"lazy\">\r\n <div class=\"screenshot-overlay\"><span>\u041f\u043e\u0436\u0430\u0440\u043d\u0430\u044f \u0441\u0442\u0430\u043d\u0446\u0438\u044f<\/span><\/div>\r\n <div class=\"screenshot-expand-icon\">\u26f6<\/div>\r\n <\/div>\r\n <div class=\"screenshot-card\" data-src=\"http:\/\/bantv.ru\/wp-content\/uploads\/2026\/04\/\u043f\u043e\u0436\u0430\u0440\u043d\u0430\u044f-\u0433\u0430\u0440\u0430\u0436.png\" data-label=\"\u0413\u0430\u0440\u0430\u0436 \u0441\u043e \u0441\u043f\u0435\u0446\u0442\u0435\u0445\u043d\u0438\u043a\u043e\u0439\">\r\n <img decoding=\"async\" src=\"http:\/\/bantv.ru\/wp-content\/uploads\/2026\/04\/\u043f\u043e\u0436\u0430\u0440\u043d\u0430\u044f-\u0433\u0430\u0440\u0430\u0436.png\" alt=\"\u0413\u0430\u0440\u0430\u0436\" loading=\"lazy\">\r\n <div class=\"screenshot-overlay\"><span>\u0413\u0430\u0440\u0430\u0436 \u0441\u043f\u0435\u0446\u0442\u0435\u0445\u043d\u0438\u043a\u0438<\/span><\/div>\r\n <div class=\"screenshot-expand-icon\">\u26f6<\/div>\r\n <\/div>\r\n <div class=\"screenshot-card\" data-src=\"http:\/\/bantv.ru\/wp-content\/uploads\/2026\/04\/\u0440\u0435\u043d\u0434\u0435\u0440\u044b-\u0431\u043e\u043b\u044c\u043d\u0438\u0446\u044b-1.png\" data-label=\"\u041c\u0435\u0434\u0438\u0446\u0438\u043d\u0441\u043a\u0438\u0439 \u0446\u0435\u043d\u0442\u0440 \u2014 \u0420\u0435\u043d\u0434\u0435\u0440\">\r\n <img decoding=\"async\" src=\"http:\/\/bantv.ru\/wp-content\/uploads\/2026\/04\/\u0440\u0435\u043d\u0434\u0435\u0440\u044b-\u0431\u043e\u043b\u044c\u043d\u0438\u0446\u044b-1.png\" alt=\"\u0411\u043e\u043b\u044c\u043d\u0438\u0446\u0430\" loading=\"lazy\">\r\n <div class=\"screenshot-overlay\"><span>\u041c\u0435\u0434\u0438\u0446\u0438\u043d\u0441\u043a\u0438\u0439 \u0446\u0435\u043d\u0442\u0440<\/span><\/div>\r\n <div class=\"screenshot-expand-icon\">\u26f6<\/div>\r\n <\/div>\r\n <div class=\"screenshot-card\" data-src=\"http:\/\/bantv.ru\/wp-content\/uploads\/2026\/04\/\u0431\u043e\u043b\u044c\u043d\u0438\u0446\u0430-1-\u044d\u0442\u0430\u0436.png\" data-label=\"\u041f\u0440\u0438\u0451\u043c\u043d\u043e\u0435 \u043e\u0442\u0434\u0435\u043b\u0435\u043d\u0438\u0435\">\r\n <img decoding=\"async\" src=\"http:\/\/bantv.ru\/wp-content\/uploads\/2026\/04\/\u0431\u043e\u043b\u044c\u043d\u0438\u0446\u0430-1-\u044d\u0442\u0430\u0436.png\" alt=\"1 \u044d\u0442\u0430\u0436\" loading=\"lazy\">\r\n <div class=\"screenshot-overlay\"><span>\u041f\u0440\u0438\u0451\u043c\u043d\u043e\u0435 \u043e\u0442\u0434\u0435\u043b\u0435\u043d\u0438\u0435<\/span><\/div>\r\n <div class=\"screenshot-expand-icon\">\u26f6<\/div>\r\n <\/div>\r\n <div class=\"screenshot-card\" data-src=\"http:\/\/bantv.ru\/wp-content\/uploads\/2026\/04\/\u043f\u043e\u0436\u0430\u0440\u043d\u0430\u044f-\u043a\u0430\u0431\u0438\u043d\u0435\u0442-\u0433\u043b\u0430\u0432\u044b.png\" data-label=\"\u041a\u0430\u0431\u0438\u043d\u0435\u0442 \u043d\u0430\u0447\u0430\u043b\u044c\u043d\u0438\u043a\u0430 \u043f\u043e\u0436\u0430\u0440\u043d\u043e\u0439\">\r\n <img decoding=\"async\" src=\"http:\/\/bantv.ru\/wp-content\/uploads\/2026\/04\/\u043f\u043e\u0436\u0430\u0440\u043d\u0430\u044f-\u043a\u0430\u0431\u0438\u043d\u0435\u0442-\u0433\u043b\u0430\u0432\u044b.png\" alt=\"\u041a\u0430\u0431\u0438\u043d\u0435\u0442\" loading=\"lazy\">\r\n <div class=\"screenshot-overlay\"><span>\u041a\u0430\u0431\u0438\u043d\u0435\u0442 \u043d\u0430\u0447\u0430\u043b\u044c\u043d\u0438\u043a\u0430<\/span><\/div>\r\n <div class=\"screenshot-expand-icon\">\u26f6<\/div>\r\n <\/div>\r\n <div class=\"screenshot-card\" data-src=\"http:\/\/bantv.ru\/wp-content\/uploads\/2026\/04\/\u0431\u043e\u043b\u044c\u043d\u0438\u0446\u0430-2-\u044d\u0442\u0430\u0436.png\" data-label=\"\u041f\u0430\u043b\u0430\u0442\u044b \u0432\u0442\u043e\u0440\u043e\u0433\u043e \u044d\u0442\u0430\u0436\u0430\">\r\n <img decoding=\"async\" src=\"http:\/\/bantv.ru\/wp-content\/uploads\/2026\/04\/\u0431\u043e\u043b\u044c\u043d\u0438\u0446\u0430-2-\u044d\u0442\u0430\u0436.png\" alt=\"2 \u044d\u0442\u0430\u0436\" loading=\"lazy\">\r\n <div class=\"screenshot-overlay\"><span>\u041f\u0430\u043b\u0430\u0442\u044b \u0432\u0442\u043e\u0440\u043e\u0433\u043e \u044d\u0442\u0430\u0436\u0430<\/span><\/div>\r\n <div class=\"screenshot-expand-icon\">\u26f6<\/div>\r\n <\/div>\r\n <div class=\"screenshot-card\" data-src=\"http:\/\/bantv.ru\/wp-content\/uploads\/2026\/04\/\u043f\u043e\u0436\u0430\u0440\u043d\u0430\u044f-\u043a\u0443\u0445\u043d\u044f.png\" data-label=\"\u041a\u0443\u0445\u043d\u044f \u043f\u043e\u0436\u0430\u0440\u043d\u043e\u0439 \u0441\u0442\u0430\u043d\u0446\u0438\u0438\">\r\n <img decoding=\"async\" src=\"http:\/\/bantv.ru\/wp-content\/uploads\/2026\/04\/\u043f\u043e\u0436\u0430\u0440\u043d\u0430\u044f-\u043a\u0443\u0445\u043d\u044f.png\" alt=\"\u041a\u0443\u0445\u043d\u044f\" loading=\"lazy\">\r\n <div class=\"screenshot-overlay\"><span>\u041a\u0443\u0445\u043d\u044f \u043f\u043e\u0436\u0430\u0440\u043d\u043e\u0439<\/span><\/div>\r\n <div class=\"screenshot-expand-icon\">\u26f6<\/div>\r\n <\/div>\r\n <div class=\"screenshot-card\" data-src=\"http:\/\/bantv.ru\/wp-content\/uploads\/2026\/04\/\u0431\u043e\u043b\u044c\u043d\u0438\u0446\u0430-\u043a\u0430\u0431\u0438\u043d\u0435\u04423.png\" data-label=\"\u041a\u0430\u0431\u0438\u043d\u0435\u0442 \u0432\u0440\u0430\u0447\u0430\">\r\n <img decoding=\"async\" src=\"http:\/\/bantv.ru\/wp-content\/uploads\/2026\/04\/\u0431\u043e\u043b\u044c\u043d\u0438\u0446\u0430-\u043a\u0430\u0431\u0438\u043d\u0435\u04423.png\" alt=\"\u041a\u0430\u0431\u0438\u043d\u0435\u0442 \u0432\u0440\u0430\u0447\u0430\" loading=\"lazy\">\r\n <div class=\"screenshot-overlay\"><span>\u041a\u0430\u0431\u0438\u043d\u0435\u0442 \u0432\u0440\u0430\u0447\u0430<\/span><\/div>\r\n <div class=\"screenshot-expand-icon\">\u26f6<\/div>\r\n <\/div>\r\n <div class=\"screenshot-card\" data-src=\"http:\/\/bantv.ru\/wp-content\/uploads\/2026\/04\/\u043f\u043e\u0436\u0430\u0440\u043d\u0430\u044f-\u0440\u0435\u0441\u0435\u043f\u0448\u043d.png\" data-label=\"\u0420\u0435\u0441\u0435\u043f\u0448\u043d \u043f\u043e\u0436\u0430\u0440\u043d\u043e\u0439 \u0441\u0442\u0430\u043d\u0446\u0438\u0438\">\r\n <img decoding=\"async\" src=\"http:\/\/bantv.ru\/wp-content\/uploads\/2026\/04\/\u043f\u043e\u0436\u0430\u0440\u043d\u0430\u044f-\u0440\u0435\u0441\u0435\u043f\u0448\u043d.png\" alt=\"\u0420\u0435\u0441\u0435\u043f\u0448\u043d\" loading=\"lazy\">\r\n <div class=\"screenshot-overlay\"><span>\u0420\u0435\u0441\u0435\u043f\u0448\u043d \u043f\u043e\u0436\u0430\u0440\u043d\u043e\u0439<\/span><\/div>\r\n <div class=\"screenshot-expand-icon\">\u26f6<\/div>\r\n <\/div>\r\n <div class=\"screenshot-card\" data-src=\"http:\/\/bantv.ru\/wp-content\/uploads\/2026\/04\/\u0431\u043e\u043b\u044c\u043d\u0438\u0446\u0430-\u043a\u0430\u0431\u0438\u043d\u0435\u0442.png\" data-label=\"\u041a\u0430\u0431\u0438\u043d\u0435\u0442 \u043c\u0435\u0434\u043f\u0435\u0440\u0441\u043e\u043d\u0430\u043b\u0430\">\r\n <img decoding=\"async\" src=\"http:\/\/bantv.ru\/wp-content\/uploads\/2026\/04\/\u0431\u043e\u043b\u044c\u043d\u0438\u0446\u0430-\u043a\u0430\u0431\u0438\u043d\u0435\u0442.png\" alt=\"\u041a\u0430\u0431\u0438\u043d\u0435\u0442\" loading=\"lazy\">\r\n <div class=\"screenshot-overlay\"><span>\u041a\u0430\u0431\u0438\u043d\u0435\u0442 \u043c\u0435\u0434\u043f\u0435\u0440\u0441\u043e\u043d\u0430\u043b\u0430<\/span><\/div>\r\n <div class=\"screenshot-expand-icon\">\u26f6<\/div>\r\n <\/div>\r\n <div class=\"screenshot-card\" data-src=\"http:\/\/bantv.ru\/wp-content\/uploads\/2026\/04\/\u043f\u043e\u043b\u0438\u0446\u0438\u044f\u0441\u043d\u0430\u0440\u0443\u0436\u0438.png\" data-label=\"\u041f\u043e\u043b\u0438\u0446\u0435\u0439\u0441\u043a\u0438\u0439 \u0434\u0435\u043f\u0430\u0440\u0442\u0430\u043c\u0435\u043d\u0442 \u2014 \u042d\u043a\u0441\u0442\u0435\u0440\u044c\u0435\u0440\">\r\n <img decoding=\"async\" src=\"http:\/\/bantv.ru\/wp-content\/uploads\/2026\/04\/\u043f\u043e\u043b\u0438\u0446\u0438\u044f\u0441\u043d\u0430\u0440\u0443\u0436\u0438.png\" alt=\"\u041f\u043e\u043b\u0438\u0446\u0438\u044f\" loading=\"lazy\">\r\n <div class=\"screenshot-overlay\"><span>\u041f\u043e\u043b\u0438\u0446\u0435\u0439\u0441\u043a\u0438\u0439 \u0443\u0447\u0430\u0441\u0442\u043e\u043a<\/span><\/div>\r\n <div class=\"screenshot-expand-icon\">\u26f6<\/div>\r\n <\/div>\r\n <div class=\"screenshot-card\" data-src=\"http:\/\/bantv.ru\/wp-content\/uploads\/2026\/04\/\u043f\u043e\u043b\u0438\u0446\u0438\u044f\u043a\u0430\u043c\u0435\u0440\u044b.png\" data-label=\"\u041a\u0430\u043c\u0435\u0440\u044b \u0441\u043e\u0434\u0435\u0440\u0436\u0430\u043d\u0438\u044f\">\r\n <img decoding=\"async\" src=\"http:\/\/bantv.ru\/wp-content\/uploads\/2026\/04\/\u043f\u043e\u043b\u0438\u0446\u0438\u044f\u043a\u0430\u043c\u0435\u0440\u044b.png\" alt=\"\u041a\u0430\u043c\u0435\u0440\u044b\" loading=\"lazy\">\r\n <div class=\"screenshot-overlay\"><span>\u041a\u0430\u043c\u0435\u0440\u044b \u0441\u043e\u0434\u0435\u0440\u0436\u0430\u043d\u0438\u044f<\/span><\/div>\r\n <div class=\"screenshot-expand-icon\">\u26f6<\/div>\r\n <\/div>\r\n <div class=\"screenshot-card\" data-src=\"http:\/\/bantv.ru\/wp-content\/uploads\/2026\/04\/\u043f\u043e\u043b\u0438\u0446\u0438\u044f\u0440\u0435\u0441\u0435\u043f\u0448\u043d.png\" data-label=\"\u0420\u0435\u0441\u0435\u043f\u0448\u043d \u043f\u043e\u043b\u0438\u0446\u0438\u0438\">\r\n <img decoding=\"async\" src=\"http:\/\/bantv.ru\/wp-content\/uploads\/2026\/04\/\u043f\u043e\u043b\u0438\u0446\u0438\u044f\u0440\u0435\u0441\u0435\u043f\u0448\u043d.png\" alt=\"\u041f\u043e\u043b\u0438\u0446\u0438\u044f \u0440\u0435\u0441\u0435\u043f\u0448\u043d\" loading=\"lazy\">\r\n <div class=\"screenshot-overlay\"><span>\u0420\u0435\u0441\u0435\u043f\u0448\u043d \u043f\u043e\u043b\u0438\u0446\u0438\u0438<\/span><\/div>\r\n <div class=\"screenshot-expand-icon\">\u26f6<\/div>\r\n <\/div>\r\n <div class=\"screenshot-card\" data-src=\"http:\/\/bantv.ru\/wp-content\/uploads\/2026\/04\/\u043f\u043e\u043b\u0438\u0446\u0438\u044f\u0440\u0430\u0437\u0434\u0435\u0432\u0430\u043b\u043a\u0430.png\" data-label=\"\u0420\u0430\u0437\u0434\u0435\u0432\u0430\u043b\u043a\u0430 \u043f\u043e\u043b\u0438\u0446\u0435\u0439\u0441\u043a\u043e\u0433\u043e \u0434\u0435\u043f\u0430\u0440\u0442\u0430\u043c\u0435\u043d\u0442\u0430\">\r\n <img decoding=\"async\" src=\"http:\/\/bantv.ru\/wp-content\/uploads\/2026\/04\/\u043f\u043e\u043b\u0438\u0446\u0438\u044f\u0440\u0430\u0437\u0434\u0435\u0432\u0430\u043b\u043a\u0430.png\" alt=\"\u041f\u043e\u043b\u0438\u0446\u0438\u044f \u0440\u0430\u0437\u0434\u0435\u0432\u0430\u043b\u043a\u0430\" loading=\"lazy\">\r\n <div class=\"screenshot-overlay\"><span>\u0420\u0430\u0437\u0434\u0435\u0432\u0430\u043b\u043a\u0430<\/span><\/div>\r\n <div class=\"screenshot-expand-icon\">\u26f6<\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <button class=\"carousel-btn\" id=\"ssNext\">\u25b6<\/button>\r\n <\/div>\r\n <\/section>\r\n\r\n \r\n <div class=\"glass-modal-overlay\" id=\"glassModal\">\r\n <div class=\"glass-modal-backdrop\" id=\"glassBackdrop\"><\/div>\r\n <div class=\"glass-modal-container\">\r\n <button class=\"glass-modal-close\" id=\"glassClose\">\u2715<\/button>\r\n <button class=\"glass-modal-nav prev\" id=\"glassPrev\">\u25c0<\/button>\r\n <button class=\"glass-modal-nav next\" id=\"glassNext\">\u25b6<\/button>\r\n <div class=\"glass-modal-inner\">\r\n <img decoding=\"async\" id=\"glassImg\" src=\"\" alt=\"\">\r\n <div class=\"glass-modal-label\" id=\"glassLabel\"><\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"glow-line\"><\/div>\r\n\r\n \r\n <section class=\"cta-section section-glow\" id=\"cta\">\r\n <h2 class=\"cta-title text-reveal\">\r\n \u0413\u043e\u0442\u043e\u0432 \u043a <span style=\"background: linear-gradient(135deg, var(--neon-blue), var(--neon-purple)); -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; color: var(--neon-blue);\">Signal RP<\/span>?\r\n <\/h2>\r\n <p class=\"cta-desc text-reveal text-reveal-delay-1\">\r\n \u041f\u0440\u0438\u0441\u043e\u0435\u0434\u0438\u043d\u044f\u0439\u0441\u044f \u043a \u043a\u043e\u043c\u0430\u043d\u0434\u0435 Signal RP \u0438 \u0441\u0442\u0430\u043d\u044c \u0447\u0430\u0441\u0442\u044c\u044e \u0431\u0443\u0434\u0443\u0449\u0435\u0433\u043e roleplay. \u0411\u0435\u0441\u043f\u043b\u0430\u0442\u043d\u043e. \u0411\u0435\u0437 \u0440\u0435\u043a\u043b\u0430\u043c\u044b. \u041d\u0430\u0432\u0441\u0435\u0433\u0434\u0430.\r\n <\/p>\r\n <div class=\"hero-buttons text-reveal text-reveal-delay-2\">\r\n <a href=\"https:\/\/t.me\/SignalRp_112\" class=\"btn-primary\" target=\"_blank\" style=\"animation: glowPulse 3s ease infinite;\"><span>\ud83d\ude80 Telegram-\u043a\u0430\u043d\u0430\u043b<\/span><\/a>\r\n <a href=\"https:\/\/t.me\/SignalRp_112\" class=\"btn-secondary\" target=\"_blank\">\u041f\u0440\u0438\u0441\u043e\u0435\u0434\u0438\u043d\u0438\u0442\u044c\u0441\u044f<\/a>\r\n <\/div>\r\n <\/section>\r\n\r\n \r\n <footer>\r\n <div class=\"footer-logo\">SIGNAL RP<\/div>\r\n <div class=\"footer-links\">\r\n <a href=\"#hero\">\u0413\u043b\u0430\u0432\u043d\u0430\u044f<\/a>\r\n <a href=\"#features\">\u041e \u043f\u0440\u043e\u0435\u043a\u0442\u0435<\/a>\r\n <a href=\"#roadmap\">\u0414\u043e\u0440\u043e\u0436\u043d\u0430\u044f \u043a\u0430\u0440\u0442\u0430<\/a>\r\n <a href=\"https:\/\/t.me\/SignalRp_112\" target=\"_blank\">Telegram<\/a>\r\n <\/div>\r\n <p class=\"footer-copy\">\u00a9 2026 Signal RP. \u0412\u0441\u0435 \u043f\u0440\u0430\u0432\u0430 \u0437\u0430\u0449\u0438\u0449\u0435\u043d\u044b. \u0421\u0434\u0435\u043b\u0430\u043d\u043e \u0441 \u2764\ufe0f \u043a\u043e\u043c\u0430\u043d\u0434\u043e\u0439 Signal RP.<\/p>\r\n <\/footer>\r\n\r\n <script>\r\n \/\/ Loading\r\n window.addEventListener('load', () => {\r\n setTimeout(() => document.getElementById('loadingScreen').classList.add('hidden'), 1200);\r\n });\r\n\r\n \/\/ Scroll progress\r\n const scrollProgress = document.getElementById('scrollProgress');\r\n window.addEventListener('scroll', () => {\r\n const scrollTop = window.scrollY;\r\n const docHeight = document.documentElement.scrollHeight - window.innerHeight;\r\n const progress = (scrollTop \/ docHeight) * 100;\r\n scrollProgress.style.width = progress + '%';\r\n });\r\n\r\n \/\/ Cursor glow - desktop only\r\n const cursorGlow = document.getElementById('cursorGlow');\r\n let mouseX = 0, mouseY = 0;\r\n let glowX = 0, glowY = 0;\r\n\r\n if (window.matchMedia('(hover: hover) and (pointer: fine)').matches) {\r\n document.addEventListener('mousemove', (e) => {\r\n mouseX = e.clientX;\r\n mouseY = e.clientY;\r\n });\r\n\r\n function animateGlow() {\r\n glowX += (mouseX - glowX) * 0.08;\r\n glowY += (mouseY - glowY) * 0.08;\r\n cursorGlow.style.left = glowX + 'px';\r\n cursorGlow.style.top = glowY + 'px';\r\n requestAnimationFrame(animateGlow);\r\n }\r\n animateGlow();\r\n }\r\n\r\n \/\/ Particles\r\n const particlesContainer = document.getElementById('particles');\r\n for (let i = 0; i < 50; i++) {\r\n const p = document.createElement('div');\r\n p.classList.add('particle');\r\n p.style.left = Math.random() * 100 + '%';\r\n p.style.animationDuration = (Math.random() * 8 + 4) + 's';\r\n p.style.animationDelay = (Math.random() * 5) + 's';\r\n const s = (Math.random() * 3 + 1) + 'px';\r\n p.style.width = s;\r\n p.style.height = s;\r\n const colors = ['#00d4ff', '#a855f7', '#ff3366', '#ff6b35', '#3b82f6'];\r\n p.style.background = colors[Math.floor(Math.random() * colors.length)];\r\n particlesContainer.appendChild(p);\r\n }\r\n\r\n \/\/ Nav scroll\r\n const navbar = document.getElementById('navbar');\r\n window.addEventListener('scroll', () => {\r\n navbar.classList.toggle('scrolled', window.scrollY > 50);\r\n });\r\n\r\n \/\/ Hamburger menu\r\n const hamburger = document.getElementById('navHamburger');\r\n const mobileMenu = document.getElementById('mobileMenu');\r\n\r\n hamburger.addEventListener('click', () => {\r\n hamburger.classList.toggle('active');\r\n mobileMenu.classList.toggle('active');\r\n document.body.style.overflow = mobileMenu.classList.contains('active') ? 'hidden' : '';\r\n });\r\n\r\n mobileMenu.querySelectorAll('a').forEach(link => {\r\n link.addEventListener('click', () => {\r\n hamburger.classList.remove('active');\r\n mobileMenu.classList.remove('active');\r\n document.body.style.overflow = '';\r\n });\r\n });\r\n\r\n \/\/ Intersection Observer for reveals\r\n const revealObserver = new IntersectionObserver((entries) => {\r\n entries.forEach(e => {\r\n if (e.isIntersecting) e.target.classList.add('visible');\r\n });\r\n }, { threshold: 0.15, rootMargin: '0px 0px -50px 0px' });\r\n\r\n document.querySelectorAll('.text-reveal').forEach(el => revealObserver.observe(el));\r\n\r\n \/\/ Stagger children observer\r\n const staggerObserver = new IntersectionObserver((entries) => {\r\n entries.forEach(e => {\r\n if (e.isIntersecting) e.target.classList.add('visible');\r\n });\r\n }, { threshold: 0.1, rootMargin: '0px 0px -50px 0px' });\r\n\r\n document.querySelectorAll('.stagger-children').forEach(el => staggerObserver.observe(el));\r\n\r\n \/\/ Section glow observer\r\n const glowObserver = new IntersectionObserver((entries) => {\r\n entries.forEach(e => {\r\n if (e.isIntersecting) e.target.classList.add('visible');\r\n });\r\n }, { threshold: 0.3 });\r\n\r\n document.querySelectorAll('.section-glow').forEach(el => glowObserver.observe(el));\r\n\r\n \/\/ Float\/slide animations\r\n const floatObserver = new IntersectionObserver((entries) => {\r\n entries.forEach(e => {\r\n if (e.isIntersecting) e.target.classList.add('visible');\r\n });\r\n }, { threshold: 0.15, rootMargin: '0px 0px -30px 0px' });\r\n\r\n document.querySelectorAll('.float-in, .scale-in, .slide-left, .slide-right').forEach(el => floatObserver.observe(el));\r\n\r\n \/\/ Stat cards\r\n document.querySelectorAll('.stat-card').forEach(card => {\r\n const obs = new IntersectionObserver((entries) => {\r\n entries.forEach(e => {\r\n if (e.isIntersecting) {\r\n setTimeout(() => e.target.classList.add('visible'), parseInt(e.target.dataset.delay) || 0);\r\n }\r\n });\r\n }, { threshold: 0.3 });\r\n obs.observe(card);\r\n });\r\n\r\n \/\/ Feature cards\r\n document.querySelectorAll('.feature-card').forEach(card => {\r\n const obs = new IntersectionObserver((entries) => {\r\n entries.forEach(e => {\r\n if (e.isIntersecting) e.target.classList.add('visible');\r\n });\r\n }, { threshold: 0.1 });\r\n obs.observe(card);\r\n });\r\n\r\n \/\/ Department section headers\r\n document.querySelectorAll('.dept-section-header').forEach(header => {\r\n const obs = new IntersectionObserver((entries) => {\r\n entries.forEach(e => {\r\n if (e.isIntersecting) e.target.classList.add('visible');\r\n });\r\n }, { threshold: 0.3 });\r\n obs.observe(header);\r\n });\r\n\r\n \/\/ Department slides animation\r\n const deptSlides = document.querySelectorAll('.dept-slide');\r\n const slideObserver = new IntersectionObserver((entries) => {\r\n entries.forEach(entry => {\r\n if (entry.isIntersecting) {\r\n entry.target.classList.add('visible');\r\n } else {\r\n entry.target.classList.remove('visible');\r\n }\r\n });\r\n }, { threshold: 0.25, rootMargin: '0px 0px -10% 0px' });\r\n\r\n deptSlides.forEach(slide => slideObserver.observe(slide));\r\n\r\n \/\/ Roadmap items\r\n document.querySelectorAll('.roadmap-item').forEach((item, idx) => {\r\n const obs = new IntersectionObserver((entries) => {\r\n entries.forEach(e => {\r\n if (e.isIntersecting) {\r\n setTimeout(() => e.target.classList.add('visible'), idx * 100);\r\n }\r\n });\r\n }, { threshold: 0.2 });\r\n obs.observe(item);\r\n });\r\n\r\n \/\/ ===== SCREENSHOTS CAROUSEL =====\r\n const ssTrack = document.getElementById('ssTrack');\r\n const ssPrevBtn = document.getElementById('ssPrev');\r\n const ssNextBtn = document.getElementById('ssNext');\r\n let ssPosition = 0;\r\n\r\n function getSlideWidth() {\r\n const card = ssTrack.querySelector('.screenshot-card');\r\n if (!card) return 320;\r\n const style = window.getComputedStyle(ssTrack);\r\n const gap = parseFloat(style.gap) || 24;\r\n return card.offsetWidth + gap;\r\n }\r\n\r\n function getMaxPosition() {\r\n const wrapper = ssTrack.parentElement;\r\n const maxPos = ssTrack.scrollWidth - wrapper.offsetWidth;\r\n return Math.max(0, maxPos);\r\n }\r\n\r\n function updateCarousel() {\r\n const maxPos = getMaxPosition();\r\n ssPosition = Math.max(0, Math.min(ssPosition, maxPos));\r\n ssTrack.style.transform = `translateX(-${ssPosition}px)`;\r\n }\r\n\r\n ssPrevBtn.addEventListener('click', () => {\r\n ssPosition -= getSlideWidth();\r\n updateCarousel();\r\n });\r\n\r\n ssNextBtn.addEventListener('click', () => {\r\n ssPosition += getSlideWidth();\r\n updateCarousel();\r\n });\r\n\r\n \/\/ Auto scroll\r\n let autoScrollInterval;\r\n let isUserInteracting = false;\r\n\r\n function startAutoScroll() {\r\n autoScrollInterval = setInterval(() => {\r\n if (isUserInteracting) return;\r\n ssPosition += 0.5;\r\n const maxPos = getMaxPosition();\r\n if (ssPosition >= maxPos) ssPosition = 0;\r\n ssTrack.style.transform = `translateX(-${ssPosition}px)`;\r\n }, 30);\r\n }\r\n\r\n function stopAutoScroll() { clearInterval(autoScrollInterval); }\r\n startAutoScroll();\r\n\r\n const carouselContainer = ssTrack.parentElement.parentElement;\r\n carouselContainer.addEventListener('mouseenter', () => { isUserInteracting = true; });\r\n carouselContainer.addEventListener('mouseleave', () => { isUserInteracting = false; });\r\n\r\n \/\/ Touch support for carousel\r\n let touchStartX = 0;\r\n carouselContainer.addEventListener('touchstart', (e) => {\r\n touchStartX = e.touches[0].clientX;\r\n isUserInteracting = true;\r\n }, { passive: true });\r\n\r\n carouselContainer.addEventListener('touchend', (e) => {\r\n const diff = touchStartX - e.changedTouches[0].clientX;\r\n if (Math.abs(diff) > 50) {\r\n ssPosition += diff > 0 ? getSlideWidth() : -getSlideWidth();\r\n updateCarousel();\r\n }\r\n setTimeout(() => { isUserInteracting = false; }, 1000);\r\n }, { passive: true });\r\n\r\n \/\/ ===== GLASS MODAL =====\r\n const glassModal = document.getElementById('glassModal');\r\n const glassImg = document.getElementById('glassImg');\r\n const glassLabel = document.getElementById('glassLabel');\r\n const glassClose = document.getElementById('glassClose');\r\n const glassBackdrop = document.getElementById('glassBackdrop');\r\n const glassPrev = document.getElementById('glassPrev');\r\n const glassNext = document.getElementById('glassNext');\r\n\r\n const modalGallery = [];\r\n\r\n document.querySelectorAll('.dept-slide-photo, .screenshot-card').forEach(el => {\r\n modalGallery.push({\r\n src: el.dataset.src,\r\n label: el.dataset.label || ''\r\n });\r\n });\r\n\r\n let modalCurrentIdx = 0;\r\n\r\n function openGlassModal(idx) {\r\n modalCurrentIdx = idx;\r\n glassImg.src = modalGallery[idx].src;\r\n glassLabel.textContent = modalGallery[idx].label;\r\n glassModal.classList.add('active');\r\n document.body.style.overflow = 'hidden';\r\n stopAutoScroll();\r\n }\r\n\r\n function closeGlassModal() {\r\n glassModal.classList.remove('active');\r\n document.body.style.overflow = '';\r\n startAutoScroll();\r\n }\r\n\r\n function navigateModal(direction) {\r\n modalCurrentIdx = (modalCurrentIdx + direction + modalGallery.length) % modalGallery.length;\r\n glassImg.style.opacity = '0';\r\n glassImg.style.transform = 'scale(0.95)';\r\n setTimeout(() => {\r\n glassImg.src = modalGallery[modalCurrentIdx].src;\r\n glassLabel.textContent = modalGallery[modalCurrentIdx].label;\r\n glassImg.style.opacity = '1';\r\n glassImg.style.transform = 'scale(1)';\r\n }, 200);\r\n }\r\n\r\n document.querySelectorAll('.dept-slide-photo').forEach(el => {\r\n el.addEventListener('click', () => {\r\n const src = el.dataset.src;\r\n const idx = modalGallery.findIndex(item => item.src === src);\r\n if (idx !== -1) openGlassModal(idx);\r\n });\r\n });\r\n\r\n document.querySelectorAll('.screenshot-card').forEach(el => {\r\n el.addEventListener('click', () => {\r\n const src = el.dataset.src;\r\n const idx = modalGallery.findIndex(item => item.src === src);\r\n if (idx !== -1) openGlassModal(idx);\r\n });\r\n });\r\n\r\n glassClose.addEventListener('click', closeGlassModal);\r\n glassBackdrop.addEventListener('click', closeGlassModal);\r\n glassPrev.addEventListener('click', () => navigateModal(-1));\r\n glassNext.addEventListener('click', () => navigateModal(1));\r\n\r\n glassImg.style.transition = 'opacity 0.3s ease, transform 0.3s ease';\r\n\r\n document.addEventListener('keydown', (e) => {\r\n if (glassModal.classList.contains('active')) {\r\n if (e.key === 'Escape') closeGlassModal();\r\n if (e.key === 'ArrowLeft') navigateModal(-1);\r\n if (e.key === 'ArrowRight') navigateModal(1);\r\n }\r\n });\r\n\r\n \/\/ Smooth scroll for nav links\r\n document.querySelectorAll('a[href^=\"#\"]').forEach(anchor => {\r\n anchor.addEventListener('click', function(e) {\r\n e.preventDefault();\r\n const target = document.querySelector(this.getAttribute('href'));\r\n if (target) {\r\n target.scrollIntoView({ behavior: 'smooth', block: 'start' });\r\n }\r\n });\r\n });\r\n\r\n \/\/ Hero parallax\r\n window.addEventListener('scroll', () => {\r\n const scrolled = window.scrollY;\r\n const heroContent = document.querySelector('.hero-content');\r\n if (heroContent && scrolled < window.innerHeight) {\r\n heroContent.style.transform = `translateY(${scrolled * 0.3}px)`;\r\n heroContent.style.opacity = 1 - (scrolled \/ window.innerHeight) * 1.2;\r\n }\r\n });\r\n\r\n \/\/ Handle resize for carousel\r\n window.addEventListener('resize', () => {\r\n updateCarousel();\r\n });\r\n <\/script>\r\n<\/body>\r\n<\/html>\r\n\r\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Signal RP \u2014 \u0411\u0443\u0434\u0443\u0449\u0435\u0435 Roleplay SIGNAL RP SIGNAL RP \u0413\u043b\u0430\u0432\u043d\u0430\u044f \u041e\u0441\u043e\u0431\u0435\u043d\u043d\u043e\u0441\u0442\u0438 \u0414\u043e\u0440\u043e\u0436\u043d\u0430\u044f \u043a\u0430\u0440\u0442\u0430 \u0414\u0435\u043f\u0430\u0440\u0442\u0430\u043c\u0435\u043d\u0442\u044b \u0421\u043a\u0440\u0438\u043d\u0448\u043e\u0442\u044b \u0418\u0433\u0440\u0430\u0442\u044c \u0413\u043b\u0430\u0432\u043d\u0430\u044f \u041e\u0441\u043e\u0431\u0435\u043d\u043d\u043e\u0441\u0442\u0438 \u0414\u043e\u0440\u043e\u0436\u043d\u0430\u044f \u043a\u0430\u0440\u0442\u0430 \u0414\u0435\u043f\u0430\u0440\u0442\u0430\u043c\u0435\u043d\u0442\u044b \u0421\u043a\u0440\u0438\u043d\u0448\u043e\u0442\u044b \u0418\u0433\u0440\u0430\u0442\u044c \u0421\u043a\u043e\u0440\u043e \u0440\u0435\u043b\u0438\u0437 SIGNAL RP \u0411\u0443\u0434\u0443\u0449\u0435\u0435 roleplay-\u0438\u0433\u0440. \u0411\u0435\u0441\u043f\u043b\u0430\u0442\u043d\u044b\u0439 \u0434\u043e\u0441\u0442\u0443\u043f, \u043d\u0438\u043a\u0430\u043a\u043e\u0439 \u0440\u0435\u043a\u043b\u0430\u043c\u044b, \u0442\u043e\u043f\u043e\u0432\u044b\u0435 \u043c\u043e\u0434\u0435\u043b\u0438 \u0438 \u0443\u043d\u0438\u043a\u0430\u043b\u044c\u043d\u044b\u0439 \u043a\u043e\u043d\u0442\u0435\u043d\u0442. \ud83d\ude80 \u041f\u0440\u0438\u0441\u043e\u0435\u0434\u0438\u043d\u0438\u0442\u044c\u0441\u044f \u0423\u0437\u043d\u0430\u0442\u044c \u0431\u043e\u043b\u044c\u0448\u0435 FREE \u041f\u043e\u043b\u043d\u043e\u0441\u0442\u044c\u044e \u0431\u0435\u0441\u043f\u043b\u0430\u0442\u043d\u044b\u0439 0% \u0420\u0435\u043a\u043b\u0430\u043c\u044b \u0432 \u0438\u0433\u0440\u0435 8K+ \u0423\u043d\u0438\u043a\u0430\u043b\u044c\u043d\u044b\u0445 \u043c\u043e\u0434\u0435\u043b\u0435\u0439 \u221e \u0412\u043e\u0437\u043c\u043e\u0436\u043d\u043e\u0441\u0442\u0435\u0439 RP … <\/p>\n<p class=\"link-more\"><a href=\"https:\/\/bantv.ru\/?page_id=1448\" class=\"more-link\">\u0427\u0438\u0442\u0430\u0442\u044c \u0434\u0430\u043b\u0435\u0435<span class=\"screen-reader-text\"> «SignalRP \u0421\u0432\u043e\u044f \u0438\u0433\u0440\u0430»<\/span><\/a><\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"inspiro_hide_title":false,"footnotes":""},"class_list":["post-1448","page","type-page","status-publish","hentry"],"featured_media_urls":[],"_links":{"self":[{"href":"https:\/\/bantv.ru\/index.php?rest_route=\/wp\/v2\/pages\/1448","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/bantv.ru\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/bantv.ru\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/bantv.ru\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/bantv.ru\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=1448"}],"version-history":[{"count":13,"href":"https:\/\/bantv.ru\/index.php?rest_route=\/wp\/v2\/pages\/1448\/revisions"}],"predecessor-version":[{"id":1472,"href":"https:\/\/bantv.ru\/index.php?rest_route=\/wp\/v2\/pages\/1448\/revisions\/1472"}],"wp:attachment":[{"href":"https:\/\/bantv.ru\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=1448"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

\n\t\t\t\t\t\t

\n\t\t\t\t\t

\n\t\t\t

\n\t\t\t\t\t\t

\n\t\t\t\t

\n\t\t\t\t\t\r\n\r\n\r\n \r\n \r\n Signal RP \u2014 \u0411\u0443\u0434\u0443\u0449\u0435\u0435 Roleplay<\/title>\r\n <link href=\"https:\/\/cdn.jsdelivr.net\/npm\/fontsource-inter@5.0.0\/index.min.css\" rel=\"stylesheet\">\r\n <style>\r\n *, *::before, *::after {\r\n margin: 0;\r\n padding: 0;\r\n box-sizing: border-box;\r\n }\r\n\r\n :root {\r\n --neon-blue: #00d4ff;\r\n --neon-purple: #a855f7;\r\n --neon-red: #ff3366;\r\n --neon-orange: #ff6b35;\r\n --neon-green: #10b981;\r\n --neon-yellow: #f59e0b;\r\n --neon-cyan: #22d3ee;\r\n --police-blue: #3b82f6;\r\n --dark-bg: #0a0a0f;\r\n --card-bg: #12121a;\r\n --card-border: #1e1e2e;\r\n --text-primary: #e8e8f0;\r\n --text-secondary: #8888a0;\r\n }\r\n\r\n html {\r\n scroll-behavior: smooth;\r\n -webkit-text-size-adjust: 100%;\r\n }\r\n\r\n body {\r\n font-family: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif;\r\n background: var(--dark-bg);\r\n color: var(--text-primary);\r\n overflow-x: hidden;\r\n line-height: 1.6;\r\n -webkit-font-smoothing: antialiased;\r\n -moz-osx-font-smoothing: grayscale;\r\n }\r\n\r\n \/* Scroll progress *\/\r\n .scroll-progress {\r\n position: fixed;\r\n top: 0;\r\n left: 0;\r\n height: 3px;\r\n background: linear-gradient(90deg, var(--neon-blue), var(--neon-purple), var(--neon-red));\r\n z-index: 10001;\r\n width: 0%;\r\n transition: width 0.1s linear;\r\n }\r\n\r\n \/* Cursor glow - desktop only *\/\r\n .cursor-glow {\r\n display: none;\r\n }\r\n\r\n @media (hover: hover) and (pointer: fine) {\r\n .cursor-glow {\r\n display: block;\r\n position: fixed;\r\n width: 400px;\r\n height: 400px;\r\n border-radius: 50%;\r\n background: radial-gradient(circle, rgba(168,85,247,0.06) 0%, transparent 70%);\r\n pointer-events: none;\r\n z-index: -1;\r\n transform: translate(-50%, -50%);\r\n transition: transform 0.1s ease-out;\r\n }\r\n }\r\n\r\n ::-webkit-scrollbar { width: 6px; }\r\n ::-webkit-scrollbar-track { background: var(--dark-bg); }\r\n ::-webkit-scrollbar-thumb { background: linear-gradient(180deg, var(--neon-blue), var(--neon-purple)); border-radius: 3px; }\r\n\r\n \/* ===== NAV ===== *\/\r\n nav {\r\n position: fixed; top: 0; left: 0; right: 0; z-index: 1000;\r\n padding: 1rem 2rem; display: flex; justify-content: space-between; align-items: center;\r\n backdrop-filter: blur(20px);\r\n -webkit-backdrop-filter: blur(20px);\r\n background: rgba(10, 10, 15, 0.7);\r\n border-bottom: 1px solid rgba(168, 85, 247, 0.1);\r\n transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);\r\n }\r\n nav.scrolled {\r\n padding: 0.6rem 2rem;\r\n background: rgba(10, 10, 15, 0.95);\r\n border-bottom: 1px solid rgba(168, 85, 247, 0.3);\r\n box-shadow: 0 4px 30px rgba(0,0,0,0.3);\r\n }\r\n\r\n .nav-logo {\r\n font-size: 1.5rem; font-weight: 800;\r\n background: linear-gradient(135deg, var(--neon-blue), var(--neon-purple));\r\n -webkit-background-clip: text;\r\n background-clip: text;\r\n -webkit-text-fill-color: transparent;\r\n color: var(--neon-blue);\r\n letter-spacing: 2px;\r\n }\r\n\r\n .nav-links { display: flex; gap: 2rem; list-style: none; }\r\n .nav-links a {\r\n color: var(--text-secondary); text-decoration: none; font-size: 0.9rem;\r\n font-weight: 500; transition: color 0.3s ease; position: relative;\r\n }\r\n .nav-links a::after {\r\n content: ''; position: absolute; bottom: -4px; left: 0; width: 0;\r\n height: 2px; background: var(--neon-purple); transition: width 0.3s ease;\r\n }\r\n .nav-links a:hover { color: var(--text-primary); }\r\n .nav-links a:hover::after { width: 100%; }\r\n\r\n \/* Mobile nav *\/\r\n .nav-hamburger {\r\n display: none;\r\n flex-direction: column;\r\n gap: 5px;\r\n cursor: pointer;\r\n padding: 8px;\r\n z-index: 1001;\r\n -webkit-tap-highlight-color: transparent;\r\n }\r\n .nav-hamburger span {\r\n display: block;\r\n width: 26px;\r\n height: 2px;\r\n background: var(--text-primary);\r\n border-radius: 2px;\r\n transition: all 0.3s ease;\r\n }\r\n .nav-hamburger.active span:nth-child(1) { transform: rotate(45deg) translate(5px, 5px); }\r\n .nav-hamburger.active span:nth-child(2) { opacity: 0; }\r\n .nav-hamburger.active span:nth-child(3) { transform: rotate(-45deg) translate(5px, -5px); }\r\n\r\n .mobile-menu {\r\n position: fixed;\r\n top: 0;\r\n right: -100%;\r\n width: 100%;\r\n height: 100vh;\r\n height: 100dvh;\r\n background: rgba(10, 10, 15, 0.98);\r\n backdrop-filter: blur(30px);\r\n -webkit-backdrop-filter: blur(30px);\r\n display: flex;\r\n flex-direction: column;\r\n align-items: center;\r\n justify-content: center;\r\n gap: 2rem;\r\n transition: right 0.5s cubic-bezier(0.4, 0, 0.2, 1);\r\n z-index: 999;\r\n }\r\n .mobile-menu.active { right: 0; }\r\n .mobile-menu a {\r\n color: var(--text-primary);\r\n text-decoration: none;\r\n font-size: 1.5rem;\r\n font-weight: 600;\r\n opacity: 0;\r\n transform: translateX(40px);\r\n transition: all 0.4s ease;\r\n }\r\n .mobile-menu.active a {\r\n opacity: 1;\r\n transform: translateX(0);\r\n }\r\n .mobile-menu.active a:nth-child(1) { transition-delay: 0.1s; }\r\n .mobile-menu.active a:nth-child(2) { transition-delay: 0.15s; }\r\n .mobile-menu.active a:nth-child(3) { transition-delay: 0.2s; }\r\n .mobile-menu.active a:nth-child(4) { transition-delay: 0.25s; }\r\n .mobile-menu.active a:nth-child(5) { transition-delay: 0.3s; }\r\n .mobile-menu.active a:nth-child(6) { transition-delay: 0.35s; }\r\n\r\n \/* ===== HERO ===== *\/\r\n .hero {\r\n position: relative; min-height: 100vh; min-height: 100dvh;\r\n display: flex; align-items: center; justify-content: center; overflow: hidden;\r\n }\r\n .hero-bg { position: absolute; inset: 0; z-index: 0; }\r\n .hero-bg img {\r\n width: 100%; height: 100%; object-fit: cover;\r\n opacity: 0.35; filter: brightness(0.5) saturate(1.3);\r\n transform: scale(1.05);\r\n transition: transform 10s ease;\r\n }\r\n .hero-bg::after {\r\n content: ''; position: absolute; inset: 0;\r\n background: linear-gradient(180deg, rgba(10,10,15,0.3) 0%, rgba(10,10,15,0.7) 50%, var(--dark-bg) 100%);\r\n }\r\n .hero-particles { position: absolute; inset: 0; z-index: 1; overflow: hidden; }\r\n .particle {\r\n position: absolute; width: 3px; height: 3px;\r\n border-radius: 50%; opacity: 0; animation: floatParticle linear infinite;\r\n }\r\n @keyframes floatParticle {\r\n 0% { opacity: 0; transform: translateY(100vh) scale(0); }\r\n 10% { opacity: 1; }\r\n 90% { opacity: 1; }\r\n 100% { opacity: 0; transform: translateY(-10vh) scale(1); }\r\n }\r\n .hero-content {\r\n position: relative; z-index: 2; text-align: center;\r\n max-width: 900px; padding: 0 2rem;\r\n will-change: transform, opacity;\r\n }\r\n .hero-badge {\r\n display: inline-block; padding: 0.4rem 1.2rem;\r\n border: 1px solid var(--neon-purple); border-radius: 50px;\r\n font-size: 0.8rem; color: var(--neon-purple); margin-bottom: 1.5rem;\r\n letter-spacing: 3px; text-transform: uppercase;\r\n animation: fadeInDown 1s ease forwards; opacity: 0;\r\n }\r\n\r\n \/* Fixed gradient text - never changes *\/\r\n .hero-title {\r\n font-size: clamp(3rem, 8vw, 7rem); font-weight: 900; line-height: 1;\r\n margin-bottom: 1.5rem; animation: fadeInUp 1s ease 0.2s forwards; opacity: 0;\r\n }\r\n .hero-title .signal {\r\n background: linear-gradient(135deg, var(--neon-blue), var(--neon-purple));\r\n -webkit-background-clip: text;\r\n background-clip: text;\r\n -webkit-text-fill-color: transparent;\r\n color: var(--neon-blue);\r\n }\r\n\r\n .hero-subtitle {\r\n font-size: clamp(1rem, 2.5vw, 1.4rem); color: var(--text-secondary);\r\n max-width: 600px; margin: 0 auto 2.5rem;\r\n animation: fadeInUp 1s ease 0.4s forwards; opacity: 0;\r\n }\r\n .hero-buttons {\r\n display: flex; gap: 1rem; justify-content: center; flex-wrap: wrap;\r\n animation: fadeInUp 1s ease 0.6s forwards; opacity: 0;\r\n }\r\n .btn-primary {\r\n padding: 0.9rem 2.5rem;\r\n background: linear-gradient(135deg, var(--neon-blue), var(--neon-purple));\r\n color: white; border: none; border-radius: 50px; font-size: 1rem;\r\n font-weight: 700; cursor: pointer; transition: all 0.3s ease;\r\n text-decoration: none; position: relative; overflow: hidden;\r\n -webkit-tap-highlight-color: transparent;\r\n }\r\n .btn-primary::before {\r\n content: ''; position: absolute; inset: 0;\r\n background: linear-gradient(135deg, var(--neon-purple), var(--neon-red));\r\n opacity: 0; transition: opacity 0.3s ease;\r\n }\r\n .btn-primary:hover::before { opacity: 1; }\r\n .btn-primary span { position: relative; z-index: 1; }\r\n .btn-primary:hover {\r\n transform: translateY(-3px);\r\n box-shadow: 0 15px 50px rgba(168, 85, 247, 0.4);\r\n }\r\n .btn-primary:active { transform: translateY(-1px) scale(0.98); }\r\n .btn-secondary {\r\n padding: 0.9rem 2.5rem; background: transparent; color: var(--text-primary);\r\n border: 1px solid var(--card-border); border-radius: 50px; font-size: 1rem;\r\n font-weight: 600; cursor: pointer; transition: all 0.3s ease; text-decoration: none;\r\n -webkit-tap-highlight-color: transparent;\r\n }\r\n .btn-secondary:hover {\r\n border-color: var(--neon-purple); background: rgba(168, 85, 247, 0.1);\r\n transform: translateY(-3px);\r\n }\r\n .btn-secondary:active { transform: translateY(-1px) scale(0.98); }\r\n\r\n .hero-scroll-indicator {\r\n position: absolute; bottom: 2rem; left: 50%; transform: translateX(-50%);\r\n z-index: 2; animation: bounce 2s ease infinite;\r\n }\r\n .hero-scroll-indicator svg { width: 30px; height: 30px; stroke: var(--text-secondary); }\r\n\r\n @keyframes bounce {\r\n 0%, 100% { transform: translateX(-50%) translateY(0); }\r\n 50% { transform: translateX(-50%) translateY(10px); }\r\n }\r\n @keyframes fadeInUp {\r\n from { opacity: 0; transform: translateY(40px); }\r\n to { opacity: 1; transform: translateY(0); }\r\n }\r\n @keyframes fadeInDown {\r\n from { opacity: 0; transform: translateY(-20px); }\r\n to { opacity: 1; transform: translateY(0); }\r\n }\r\n @keyframes glowPulse {\r\n 0%, 100% { box-shadow: 0 0 20px rgba(168, 85, 247, 0.3); }\r\n 50% { box-shadow: 0 0 40px rgba(168, 85, 247, 0.6); }\r\n }\r\n @keyframes spin { to { transform: rotate(360deg); } }\r\n\r\n \/* ===== AMBIENT ===== *\/\r\n .ambient-orb {\r\n position: fixed; border-radius: 50%; filter: blur(80px);\r\n pointer-events: none; z-index: -1; opacity: 0.12;\r\n }\r\n .orb-1 { width: 400px; height: 400px; background: var(--neon-purple); top: 10%; left: -100px; animation: orbF1 20s ease-in-out infinite; }\r\n .orb-2 { width: 350px; height: 350px; background: var(--neon-blue); top: 60%; right: -100px; animation: orbF2 25s ease-in-out infinite; }\r\n .orb-3 { width: 300px; height: 300px; background: var(--neon-red); bottom: 10%; left: 30%; animation: orbF3 22s ease-in-out infinite; }\r\n .orb-4 { width: 250px; height: 250px; background: var(--police-blue); top: 40%; left: 50%; animation: orbF4 18s ease-in-out infinite; }\r\n @keyframes orbF1 { 0%,100%{transform:translate(0,0)} 33%{transform:translate(100px,50px)} 66%{transform:translate(-50px,100px)} }\r\n @keyframes orbF2 { 0%,100%{transform:translate(0,0)} 33%{transform:translate(-80px,-60px)} 66%{transform:translate(60px,-100px)} }\r\n @keyframes orbF3 { 0%,100%{transform:translate(0,0)} 33%{transform:translate(70px,-80px)} 66%{transform:translate(-100px,40px)} }\r\n @keyframes orbF4 { 0%,100%{transform:translate(0,0)} 33%{transform:translate(-60px,80px)} 66%{transform:translate(80px,-50px)} }\r\n\r\n \/* ===== LOADING ===== *\/\r\n .loading-screen {\r\n position: fixed; inset: 0; z-index: 9999; background: var(--dark-bg);\r\n display: flex; align-items: center; justify-content: center; flex-direction: column; gap: 2rem;\r\n transition: opacity 0.6s ease, visibility 0.6s ease;\r\n }\r\n .loading-screen.hidden { opacity: 0; visibility: hidden; }\r\n .loader-ring {\r\n width: 60px; height: 60px; border: 3px solid var(--card-border);\r\n border-top-color: var(--neon-purple); border-radius: 50%; animation: spin 1s linear infinite;\r\n }\r\n .loader-text {\r\n font-size: 1.2rem; font-weight: 700;\r\n background: linear-gradient(135deg, var(--neon-blue), var(--neon-purple));\r\n -webkit-background-clip: text;\r\n background-clip: text;\r\n -webkit-text-fill-color: transparent;\r\n color: var(--neon-blue);\r\n letter-spacing: 3px;\r\n }\r\n .loader-bar {\r\n width: 200px; height: 2px; background: var(--card-border); border-radius: 2px; overflow: hidden;\r\n }\r\n .loader-bar-fill {\r\n height: 100%; width: 0%; background: linear-gradient(90deg, var(--neon-blue), var(--neon-purple));\r\n animation: loadBar 1.2s ease forwards;\r\n }\r\n @keyframes loadBar { to { width: 100%; } }\r\n\r\n \/* ===== STATS ===== *\/\r\n .stats-section { padding: 4rem 2rem; }\r\n .stats-grid {\r\n max-width: 1200px; margin: 0 auto;\r\n display: grid; grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); gap: 2rem;\r\n }\r\n .stat-card {\r\n text-align: center; padding: 2rem 1rem; border-radius: 16px;\r\n background: var(--card-bg); border: 1px solid var(--card-border);\r\n transition: all 0.4s ease; opacity: 0; transform: translateY(30px);\r\n position: relative; overflow: hidden;\r\n }\r\n .stat-card::before {\r\n content: ''; position: absolute; inset: 0;\r\n background: linear-gradient(135deg, rgba(168,85,247,0.05), transparent);\r\n opacity: 0; transition: opacity 0.3s ease;\r\n }\r\n .stat-card:hover::before { opacity: 1; }\r\n .stat-card.visible { opacity: 1; transform: translateY(0); }\r\n @media (hover: hover) {\r\n .stat-card:hover {\r\n border-color: var(--neon-purple); transform: translateY(-5px);\r\n box-shadow: 0 10px 40px rgba(168, 85, 247, 0.15);\r\n }\r\n }\r\n .stat-number {\r\n font-size: 2.5rem; font-weight: 900;\r\n background: linear-gradient(135deg, var(--neon-blue), var(--neon-purple));\r\n -webkit-background-clip: text;\r\n background-clip: text;\r\n -webkit-text-fill-color: transparent;\r\n color: var(--neon-blue);\r\n }\r\n .stat-label { color: var(--text-secondary); font-size: 0.9rem; margin-top: 0.5rem; }\r\n\r\n .glow-line {\r\n width: 100%; height: 1px;\r\n background: linear-gradient(90deg, transparent, var(--neon-purple), transparent); opacity: 0.3;\r\n }\r\n\r\n \/* ===== FEATURES ===== *\/\r\n .features-section { padding: 6rem 2rem; max-width: 1200px; margin: 0 auto; }\r\n .section-header { text-align: center; margin-bottom: 4rem; }\r\n .section-tag {\r\n display: inline-block; padding: 0.3rem 1rem; border-radius: 50px;\r\n font-size: 0.75rem; letter-spacing: 2px; text-transform: uppercase; margin-bottom: 1rem;\r\n }\r\n .section-tag.blue {\r\n background: rgba(0,212,255,0.1); color: var(--neon-blue); border: 1px solid rgba(0,212,255,0.2);\r\n }\r\n .section-tag.purple {\r\n background: rgba(168,85,247,0.1); color: var(--neon-purple); border: 1px solid rgba(168,85,247,0.2);\r\n }\r\n .section-tag.red {\r\n background: rgba(255,51,102,0.1); color: var(--neon-red); border: 1px solid rgba(255,51,102,0.2);\r\n }\r\n .section-title { font-size: clamp(2rem, 5vw, 3.5rem); font-weight: 800; margin-bottom: 1rem; }\r\n .section-desc { color: var(--text-secondary); max-width: 600px; margin: 0 auto; font-size: 1.05rem; }\r\n .features-grid {\r\n display: grid; grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); gap: 2rem;\r\n }\r\n .feature-card {\r\n padding: 2.5rem; border-radius: 20px; background: var(--card-bg);\r\n border: 1px solid var(--card-border); transition: all 0.4s ease;\r\n position: relative; overflow: hidden; opacity: 0; transform: translateY(40px);\r\n }\r\n .feature-card.visible { opacity: 1; transform: translateY(0); }\r\n .feature-card::before {\r\n content: ''; position: absolute; top: 0; left: 0; right: 0; height: 3px;\r\n background: linear-gradient(90deg, var(--neon-blue), var(--neon-purple));\r\n opacity: 0; transition: opacity 0.3s ease;\r\n }\r\n @media (hover: hover) {\r\n .feature-card:hover::before { opacity: 1; }\r\n .feature-card:hover {\r\n border-color: var(--neon-purple); transform: translateY(-8px);\r\n box-shadow: 0 20px 60px rgba(168, 85, 247, 0.15);\r\n }\r\n }\r\n .feature-icon {\r\n width: 60px; height: 60px; border-radius: 16px;\r\n display: flex; align-items: center; justify-content: center;\r\n font-size: 1.5rem; margin-bottom: 1.5rem;\r\n }\r\n .feature-icon.blue { background: rgba(0,212,255,0.1); }\r\n .feature-icon.purple { background: rgba(168,85,247,0.1); }\r\n .feature-icon.red { background: rgba(255,51,102,0.1); }\r\n .feature-icon.orange { background: rgba(255,107,53,0.1); }\r\n .feature-icon.green { background: rgba(16,185,129,0.1); }\r\n .feature-icon.police { background: rgba(59,130,246,0.1); }\r\n .feature-card h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 0.8rem; }\r\n .feature-card p { color: var(--text-secondary); font-size: 0.95rem; line-height: 1.7; }\r\n\r\n \/* ===== ROADMAP ===== *\/\r\n .roadmap-section {\r\n padding: 6rem 2rem;\r\n max-width: 1000px;\r\n margin: 0 auto;\r\n }\r\n .roadmap-timeline {\r\n position: relative;\r\n padding: 2rem 0;\r\n }\r\n .roadmap-timeline::before {\r\n content: '';\r\n position: absolute;\r\n left: 30px;\r\n top: 0;\r\n bottom: 0;\r\n width: 2px;\r\n background: linear-gradient(180deg, var(--neon-blue), var(--neon-purple), var(--neon-red), var(--neon-orange), var(--neon-yellow), var(--card-border));\r\n }\r\n .roadmap-item {\r\n position: relative;\r\n padding-left: 80px;\r\n margin-bottom: 2.5rem;\r\n opacity: 0;\r\n transform: translateX(-30px);\r\n transition: all 0.6s cubic-bezier(0.4, 0, 0.2, 1);\r\n }\r\n .roadmap-item.visible {\r\n opacity: 1;\r\n transform: translateX(0);\r\n }\r\n .roadmap-dot {\r\n position: absolute;\r\n left: 20px;\r\n top: 8px;\r\n width: 22px;\r\n height: 22px;\r\n border-radius: 50%;\r\n border: 3px solid var(--card-border);\r\n background: var(--dark-bg);\r\n z-index: 2;\r\n transition: all 0.3s ease;\r\n }\r\n .roadmap-item.active .roadmap-dot {\r\n border-color: var(--neon-blue);\r\n background: var(--neon-blue);\r\n box-shadow: 0 0 20px rgba(0, 212, 255, 0.4);\r\n }\r\n .roadmap-item.completed .roadmap-dot {\r\n border-color: var(--neon-green);\r\n background: var(--neon-green);\r\n box-shadow: 0 0 20px rgba(16, 185, 129, 0.4);\r\n }\r\n .roadmap-item.current .roadmap-dot {\r\n border-color: var(--neon-orange);\r\n background: var(--neon-orange);\r\n box-shadow: 0 0 20px rgba(255, 107, 53, 0.4);\r\n animation: dotPulse 2s ease infinite;\r\n }\r\n @keyframes dotPulse {\r\n 0%, 100% { box-shadow: 0 0 20px rgba(255, 107, 53, 0.4); }\r\n 50% { box-shadow: 0 0 35px rgba(255, 107, 53, 0.7); }\r\n }\r\n .roadmap-content {\r\n background: var(--card-bg);\r\n border: 1px solid var(--card-border);\r\n border-radius: 16px;\r\n padding: 1.5rem 2rem;\r\n transition: all 0.3s ease;\r\n }\r\n @media (hover: hover) {\r\n .roadmap-content:hover {\r\n border-color: var(--neon-purple);\r\n transform: translateX(5px);\r\n }\r\n }\r\n .roadmap-phase {\r\n display: inline-block;\r\n padding: 0.25rem 0.8rem;\r\n border-radius: 50px;\r\n font-size: 0.65rem;\r\n letter-spacing: 1px;\r\n text-transform: uppercase;\r\n margin-bottom: 0.5rem;\r\n font-weight: 600;\r\n }\r\n .roadmap-phase.completed {\r\n background: rgba(16, 185, 129, 0.15);\r\n color: var(--neon-green);\r\n border: 1px solid rgba(16, 185, 129, 0.3);\r\n }\r\n .roadmap-phase.current {\r\n background: rgba(255, 107, 53, 0.15);\r\n color: var(--neon-orange);\r\n border: 1px solid rgba(255, 107, 53, 0.3);\r\n }\r\n .roadmap-phase.future {\r\n background: rgba(136, 136, 160, 0.1);\r\n color: var(--text-secondary);\r\n border: 1px solid rgba(136, 136, 160, 0.2);\r\n }\r\n .roadmap-title {\r\n font-size: 1.2rem;\r\n font-weight: 700;\r\n margin-bottom: 0.5rem;\r\n display: flex;\r\n align-items: center;\r\n gap: 0.5rem;\r\n }\r\n .roadmap-title .check-icon {\r\n color: var(--neon-green);\r\n font-size: 1rem;\r\n }\r\n .roadmap-desc {\r\n color: var(--text-secondary);\r\n font-size: 0.9rem;\r\n line-height: 1.7;\r\n }\r\n\r\n \/* ===== DEPARTMENT SLIDES ===== *\/\r\n .dept-section-header {\r\n min-height: 60vh; min-height: 60dvh;\r\n display: flex;\r\n flex-direction: column;\r\n align-items: center;\r\n justify-content: center;\r\n text-align: center;\r\n padding: 4rem 2rem;\r\n position: relative;\r\n }\r\n .dept-section-header::before {\r\n content: '';\r\n position: absolute;\r\n top: 0;\r\n left: 50%;\r\n transform: translateX(-50%);\r\n width: 1px;\r\n height: 80px;\r\n background: linear-gradient(180deg, transparent, var(--neon-purple));\r\n }\r\n .dept-intro-title {\r\n font-size: clamp(2.5rem, 6vw, 5rem);\r\n font-weight: 900;\r\n margin-bottom: 1.5rem;\r\n opacity: 0;\r\n transform: translateY(40px);\r\n transition: all 0.8s ease;\r\n }\r\n .dept-intro-title.fire {\r\n background: linear-gradient(135deg, var(--neon-red), var(--neon-orange));\r\n -webkit-background-clip: text;\r\n background-clip: text;\r\n -webkit-text-fill-color: transparent;\r\n color: var(--neon-red);\r\n }\r\n .dept-intro-title.medical {\r\n background: linear-gradient(135deg, var(--neon-blue), var(--neon-cyan));\r\n -webkit-background-clip: text;\r\n background-clip: text;\r\n -webkit-text-fill-color: transparent;\r\n color: var(--neon-blue);\r\n }\r\n .dept-intro-title.police {\r\n background: linear-gradient(135deg, var(--police-blue), var(--neon-purple));\r\n -webkit-background-clip: text;\r\n background-clip: text;\r\n -webkit-text-fill-color: transparent;\r\n color: var(--police-blue);\r\n }\r\n .dept-intro-desc {\r\n max-width: 600px;\r\n color: var(--text-secondary);\r\n font-size: 1.1rem;\r\n line-height: 1.8;\r\n opacity: 0;\r\n transform: translateY(30px);\r\n transition: all 0.8s ease 0.2s;\r\n }\r\n .dept-section-header.visible .dept-intro-title {\r\n opacity: 1;\r\n transform: translateY(0);\r\n }\r\n .dept-section-header.visible .dept-intro-desc {\r\n opacity: 1;\r\n transform: translateY(0);\r\n }\r\n\r\n .dept-slide {\r\n min-height: 100vh; min-height: 100dvh;\r\n display: flex;\r\n align-items: center;\r\n padding: 2rem;\r\n position: relative;\r\n overflow: hidden;\r\n }\r\n .dept-slide-inner {\r\n max-width: 1400px;\r\n margin: 0 auto;\r\n width: 100%;\r\n display: grid;\r\n grid-template-columns: 1fr 1fr;\r\n gap: 4rem;\r\n align-items: center;\r\n }\r\n .dept-slide-photo {\r\n position: relative;\r\n border-radius: 24px;\r\n overflow: hidden;\r\n aspect-ratio: 16\/10;\r\n opacity: 0;\r\n transform: translateX(-60px) scale(0.95);\r\n transition: all 0.8s cubic-bezier(0.4, 0, 0.2, 1);\r\n cursor: pointer;\r\n }\r\n .dept-slide-photo::before {\r\n content: '';\r\n position: absolute;\r\n inset: 0;\r\n border-radius: 24px;\r\n padding: 1px;\r\n background: linear-gradient(135deg, rgba(255,255,255,0.15), transparent, rgba(168,85,247,0.2));\r\n -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);\r\n mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);\r\n -webkit-mask-composite: xor;\r\n mask-composite: exclude;\r\n z-index: 2;\r\n pointer-events: none;\r\n }\r\n .dept-slide-photo::after {\r\n content: '';\r\n position: absolute;\r\n inset: 0;\r\n background: radial-gradient(circle at 30% 30%, rgba(255,255,255,0.05), transparent);\r\n z-index: 1;\r\n pointer-events: none;\r\n }\r\n .dept-slide-photo img {\r\n width: 100%;\r\n height: 100%;\r\n object-fit: cover;\r\n transition: transform 0.4s ease;\r\n }\r\n @media (hover: hover) {\r\n .dept-slide-photo:hover img { transform: scale(1.03); }\r\n }\r\n .dept-slide-photo .expand-icon {\r\n position: absolute;\r\n bottom: 1rem;\r\n right: 1rem;\r\n z-index: 3;\r\n width: 40px;\r\n height: 40px;\r\n border-radius: 50%;\r\n background: rgba(10,10,15,0.7);\r\n backdrop-filter: blur(10px);\r\n -webkit-backdrop-filter: blur(10px);\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n color: white;\r\n font-size: 0.9rem;\r\n opacity: 0;\r\n transition: opacity 0.3s ease;\r\n border: 1px solid rgba(255,255,255,0.1);\r\n }\r\n @media (hover: hover) {\r\n .dept-slide-photo:hover .expand-icon { opacity: 1; }\r\n }\r\n .dept-slide-text {\r\n opacity: 0;\r\n transform: translateY(40px);\r\n transition: all 0.8s cubic-bezier(0.4, 0, 0.2, 1) 0.15s;\r\n }\r\n .dept-slide-tag {\r\n display: inline-block;\r\n padding: 0.4rem 1.2rem;\r\n border-radius: 50px;\r\n font-size: 0.75rem;\r\n letter-spacing: 2px;\r\n text-transform: uppercase;\r\n margin-bottom: 1.2rem;\r\n }\r\n .dept-slide-tag.fire { background: rgba(255,51,102,0.15); color: var(--neon-red); border: 1px solid rgba(255,51,102,0.3); }\r\n .dept-slide-tag.medical { background: rgba(0,212,255,0.15); color: var(--neon-blue); border: 1px solid rgba(0,212,255,0.3); }\r\n .dept-slide-tag.police { background: rgba(59,130,246,0.15); color: var(--police-blue); border: 1px solid rgba(59,130,246,0.3); }\r\n\r\n .dept-slide-title {\r\n font-size: clamp(1.5rem, 3vw, 2.5rem);\r\n font-weight: 800;\r\n margin-bottom: 1rem;\r\n line-height: 1.2;\r\n }\r\n .dept-slide-title.fire { color: var(--neon-red); }\r\n .dept-slide-title.medical { color: var(--neon-blue); }\r\n .dept-slide-title.police { color: var(--police-blue); }\r\n\r\n .dept-slide-desc {\r\n color: var(--text-secondary);\r\n font-size: 1rem;\r\n line-height: 1.8;\r\n margin-bottom: 1.5rem;\r\n }\r\n .dept-slide-features { list-style: none; }\r\n .dept-slide-features li {\r\n display: flex;\r\n align-items: center;\r\n gap: 0.8rem;\r\n padding: 0.4rem 0;\r\n color: var(--text-secondary);\r\n font-size: 0.9rem;\r\n }\r\n .dept-slide-features li .check {\r\n width: 22px; height: 22px; border-radius: 50%;\r\n display: flex; align-items: center; justify-content: center;\r\n font-size: 0.6rem; flex-shrink: 0;\r\n }\r\n .dept-slide-features li .check.fire { background: rgba(255,51,102,0.15); color: var(--neon-red); }\r\n .dept-slide-features li .check.medical { background: rgba(0,212,255,0.15); color: var(--neon-blue); }\r\n .dept-slide-features li .check.police { background: rgba(59,130,246,0.15); color: var(--police-blue); }\r\n\r\n .dept-slide-number {\r\n position: absolute;\r\n top: 2rem;\r\n right: 2rem;\r\n font-size: 5rem;\r\n font-weight: 900;\r\n opacity: 0.04;\r\n line-height: 1;\r\n z-index: 0;\r\n }\r\n .dept-slide.visible .dept-slide-photo {\r\n opacity: 1;\r\n transform: translateX(0) scale(1);\r\n }\r\n .dept-slide.visible .dept-slide-text {\r\n opacity: 1;\r\n transform: translateY(0);\r\n }\r\n\r\n .dept-divider {\r\n height: 20vh; min-height: 150px;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n position: relative;\r\n }\r\n .dept-divider::before {\r\n content: '';\r\n position: absolute;\r\n width: 2px;\r\n height: 50%;\r\n background: linear-gradient(180deg, transparent, var(--neon-purple), transparent);\r\n }\r\n .dept-divider-badge {\r\n padding: 0.5rem 1.5rem;\r\n border-radius: 50px;\r\n background: var(--card-bg);\r\n border: 1px solid var(--card-border);\r\n font-size: 0.85rem;\r\n color: var(--text-secondary);\r\n z-index: 2;\r\n letter-spacing: 1px;\r\n backdrop-filter: blur(10px);\r\n -webkit-backdrop-filter: blur(10px);\r\n }\r\n\r\n \/* ===== SCREENSHOTS ===== *\/\r\n .screenshots-section {\r\n padding: 6rem 2rem;\r\n max-width: 1400px;\r\n margin: 0 auto;\r\n }\r\n .screenshots-carousel {\r\n position: relative;\r\n display: flex;\r\n align-items: center;\r\n gap: 1rem;\r\n }\r\n .carousel-btn {\r\n width: 50px;\r\n height: 50px;\r\n border-radius: 50%;\r\n border: 1px solid var(--card-border);\r\n background: var(--card-bg);\r\n color: white;\r\n cursor: pointer;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n font-size: 1.2rem;\r\n transition: all 0.3s ease;\r\n flex-shrink: 0;\r\n z-index: 5;\r\n -webkit-tap-highlight-color: transparent;\r\n }\r\n @media (hover: hover) {\r\n .carousel-btn:hover {\r\n border-color: var(--neon-purple);\r\n background: rgba(168, 85, 247, 0.15);\r\n box-shadow: 0 0 20px rgba(168, 85, 247, 0.3);\r\n }\r\n }\r\n .screenshots-track-wrapper {\r\n overflow: hidden;\r\n flex: 1;\r\n border-radius: 20px;\r\n }\r\n .screenshots-track {\r\n display: flex;\r\n gap: 1.5rem;\r\n transition: transform 0.5s cubic-bezier(0.4, 0, 0.2, 1);\r\n }\r\n .screenshot-card {\r\n flex-shrink: 0;\r\n width: calc(33.333% - 1rem);\r\n min-width: 300px;\r\n aspect-ratio: 16\/10;\r\n border-radius: 16px;\r\n overflow: hidden;\r\n cursor: pointer;\r\n position: relative;\r\n transition: all 0.4s ease;\r\n border: 1px solid var(--card-border);\r\n -webkit-tap-highlight-color: transparent;\r\n }\r\n @media (hover: hover) {\r\n .screenshot-card:hover {\r\n transform: scale(1.02);\r\n border-color: var(--neon-purple);\r\n }\r\n .screenshot-card:hover img { transform: scale(1.05); }\r\n }\r\n .screenshot-card img {\r\n width: 100%;\r\n height: 100%;\r\n object-fit: cover;\r\n transition: transform 0.4s ease;\r\n }\r\n .screenshot-overlay {\r\n position: absolute; inset: 0;\r\n background: linear-gradient(transparent 40%, rgba(10,10,15,0.85));\r\n display: flex; align-items: flex-end; padding: 1.5rem;\r\n opacity: 0; transition: opacity 0.3s ease;\r\n }\r\n @media (hover: hover) {\r\n .screenshot-card:hover .screenshot-overlay { opacity: 1; }\r\n }\r\n .screenshot-overlay span { font-size: 0.9rem; font-weight: 600; }\r\n .screenshot-expand-icon {\r\n position: absolute; top: 1rem; right: 1rem;\r\n width: 36px; height: 36px; border-radius: 50%;\r\n background: rgba(0,0,0,0.6); backdrop-filter: blur(5px);\r\n -webkit-backdrop-filter: blur(5px);\r\n display: flex; align-items: center; justify-content: center;\r\n opacity: 0; transition: opacity 0.3s ease;\r\n color: white; font-size: 0.8rem;\r\n }\r\n @media (hover: hover) {\r\n .screenshot-card:hover .screenshot-expand-icon { opacity: 1; }\r\n }\r\n \/* Touch devices show overlays *\/\r\n @media (hover: none) {\r\n .dept-slide-photo .expand-icon { opacity: 0.7; }\r\n .screenshot-card .screenshot-overlay { opacity: 0.7; }\r\n .screenshot-card .screenshot-expand-icon { opacity: 0.7; }\r\n }\r\n\r\n \/* ===== GLASS MODAL ===== *\/\r\n .glass-modal-overlay {\r\n position: fixed; inset: 0; z-index: 10000;\r\n display: flex; align-items: center; justify-content: center;\r\n opacity: 0; visibility: hidden; transition: all 0.4s ease;\r\n }\r\n .glass-modal-overlay.active { opacity: 1; visibility: visible; }\r\n .glass-modal-backdrop {\r\n position: absolute; inset: 0;\r\n background: rgba(10, 10, 15, 0.85);\r\n backdrop-filter: blur(8px);\r\n -webkit-backdrop-filter: blur(8px);\r\n }\r\n .glass-modal-container {\r\n position: relative; z-index: 2;\r\n max-width: 90vw; max-height: 90vh; max-height: 90dvh;\r\n border-radius: 28px; overflow: hidden;\r\n padding: 16px;\r\n transform: scale(0.8) translateY(40px);\r\n transition: transform 0.5s cubic-bezier(0.34, 1.56, 0.64, 1);\r\n background: linear-gradient(\r\n 135deg,\r\n rgba(255,255,255,0.08) 0%,\r\n rgba(255,255,255,0.03) 40%,\r\n rgba(255,255,255,0.06) 60%,\r\n rgba(255,255,255,0.02) 100%\r\n );\r\n backdrop-filter: blur(40px) saturate(1.5);\r\n -webkit-backdrop-filter: blur(40px) saturate(1.5);\r\n box-shadow:\r\n 0 0 0 1px rgba(255,255,255,0.05),\r\n 0 0 30px rgba(168,85,247,0.2),\r\n 0 0 60px rgba(0,212,255,0.1),\r\n 0 20px 80px rgba(0,0,0,0.5),\r\n inset 0 1px 0 rgba(255,255,255,0.1),\r\n inset 0 -1px 0 rgba(0,0,0,0.2);\r\n }\r\n .glass-modal-container::before {\r\n content: ''; position: absolute; inset: 0; border-radius: 28px; padding: 2px;\r\n background: linear-gradient(135deg, rgba(0,212,255,0.5), rgba(168,85,247,0.5), rgba(255,51,102,0.3), rgba(0,212,255,0.5));\r\n -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);\r\n mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);\r\n -webkit-mask-composite: xor; mask-composite: exclude;\r\n pointer-events: none; animation: borderRotate 6s linear infinite;\r\n }\r\n @keyframes borderRotate { 0% { filter: hue-rotate(0deg); } 100% { filter: hue-rotate(360deg); } }\r\n .glass-modal-overlay.active .glass-modal-container { transform: scale(1) translateY(0); }\r\n .glass-modal-inner {\r\n position: relative; border-radius: 16px; overflow: hidden;\r\n display: flex; align-items: center; justify-content: center;\r\n background: rgba(0,0,0,0.3); min-height: 300px;\r\n }\r\n .glass-modal-inner img {\r\n max-width: 80vw; max-height: 75vh; max-height: 75dvh; object-fit: contain; display: block;\r\n }\r\n .glass-modal-close {\r\n position: absolute; top: -50px; right: 0;\r\n width: 40px; height: 40px; border-radius: 50%;\r\n border: 1px solid rgba(255,255,255,0.1);\r\n background: rgba(255,255,255,0.05); color: white;\r\n cursor: pointer; display: flex; align-items: center; justify-content: center;\r\n font-size: 1.2rem; transition: all 0.3s ease; backdrop-filter: blur(10px);\r\n -webkit-backdrop-filter: blur(10px);\r\n -webkit-tap-highlight-color: transparent;\r\n }\r\n @media (hover: hover) {\r\n .glass-modal-close:hover {\r\n background: rgba(255,255,255,0.15); border-color: var(--neon-purple);\r\n }\r\n }\r\n .glass-modal-nav {\r\n position: absolute; top: 50%; transform: translateY(-50%);\r\n width: 44px; height: 44px; border-radius: 50%;\r\n border: 1px solid rgba(255,255,255,0.1);\r\n background: rgba(255,255,255,0.05); color: white;\r\n cursor: pointer; display: flex; align-items: center; justify-content: center;\r\n font-size: 1rem; transition: all 0.3s ease; backdrop-filter: blur(10px);\r\n -webkit-backdrop-filter: blur(10px);\r\n -webkit-tap-highlight-color: transparent;\r\n }\r\n @media (hover: hover) {\r\n .glass-modal-nav:hover { background: rgba(168,85,247,0.2); border-color: var(--neon-purple); }\r\n }\r\n .glass-modal-nav.prev { left: -55px; }\r\n .glass-modal-nav.next { right: -55px; }\r\n .glass-modal-label {\r\n position: absolute; bottom: 0; left: 0; right: 0;\r\n padding: 2rem 2rem 1rem;\r\n background: linear-gradient(transparent, rgba(0,0,0,0.7));\r\n color: var(--text-primary); font-size: 0.9rem; font-weight: 600; text-align: center;\r\n }\r\n\r\n \/* ===== CTA ===== *\/\r\n .cta-section {\r\n padding: 8rem 2rem; text-align: center;\r\n position: relative; overflow: hidden;\r\n }\r\n .cta-section::before {\r\n content: ''; position: absolute; top: 50%; left: 50%;\r\n transform: translate(-50%, -50%); width: 600px; height: 600px;\r\n background: radial-gradient(circle, rgba(168,85,247,0.15) 0%, transparent 70%);\r\n border-radius: 50%;\r\n }\r\n .cta-title {\r\n font-size: clamp(2.5rem, 6vw, 5rem); font-weight: 900;\r\n margin-bottom: 1.5rem; position: relative; z-index: 1;\r\n }\r\n .cta-desc {\r\n color: var(--text-secondary); font-size: 1.2rem;\r\n max-width: 600px; margin: 0 auto 2.5rem; position: relative; z-index: 1;\r\n }\r\n\r\n \/* ===== FOOTER ===== *\/\r\n footer {\r\n padding: 3rem 2rem; border-top: 1px solid var(--card-border); text-align: center;\r\n }\r\n .footer-logo {\r\n font-size: 1.5rem; font-weight: 800;\r\n background: linear-gradient(135deg, var(--neon-blue), var(--neon-purple));\r\n -webkit-background-clip: text;\r\n background-clip: text;\r\n -webkit-text-fill-color: transparent;\r\n color: var(--neon-blue);\r\n margin-bottom: 1rem;\r\n }\r\n .footer-links {\r\n display: flex; gap: 2rem; justify-content: center; margin-bottom: 1.5rem; flex-wrap: wrap;\r\n }\r\n .footer-links a {\r\n color: var(--text-secondary); text-decoration: none; font-size: 0.9rem;\r\n transition: color 0.3s ease;\r\n }\r\n @media (hover: hover) {\r\n .footer-links a:hover { color: var(--neon-purple); }\r\n }\r\n .footer-copy { color: var(--text-secondary); font-size: 0.8rem; opacity: 0.6; }\r\n\r\n \/* ===== REVEAL ===== *\/\r\n .text-reveal {\r\n opacity: 0; transform: translateY(50px);\r\n transition: all 0.8s cubic-bezier(0.4, 0, 0.2, 1);\r\n }\r\n .text-reveal.visible { opacity: 1; transform: translateY(0); }\r\n .text-reveal-delay-1 { transition-delay: 0.1s; }\r\n .text-reveal-delay-2 { transition-delay: 0.2s; }\r\n .text-reveal-delay-3 { transition-delay: 0.3s; }\r\n .text-reveal-delay-4 { transition-delay: 0.4s; }\r\n\r\n \/* ===== ELEGANT TEXT ANIMATIONS ===== *\/\r\n .word-reveal {\r\n display: inline-block;\r\n overflow: hidden;\r\n vertical-align: bottom;\r\n }\r\n .word-reveal span {\r\n display: inline-block;\r\n opacity: 0;\r\n transform: translateY(100%);\r\n transition: all 0.6s cubic-bezier(0.4, 0, 0.2, 1);\r\n }\r\n .word-reveal.animate span {\r\n opacity: 1;\r\n transform: translateY(0);\r\n }\r\n\r\n .float-in {\r\n opacity: 0;\r\n transform: translateY(30px);\r\n transition: all 0.7s cubic-bezier(0.34, 1.56, 0.64, 1);\r\n }\r\n .float-in.visible {\r\n opacity: 1;\r\n transform: translateY(0);\r\n }\r\n\r\n .scale-in {\r\n opacity: 0;\r\n transform: scale(0.9);\r\n transition: all 0.8s cubic-bezier(0.4, 0, 0.2, 1);\r\n }\r\n .scale-in.visible {\r\n opacity: 1;\r\n transform: scale(1);\r\n }\r\n\r\n .slide-left {\r\n opacity: 0;\r\n transform: translateX(-40px);\r\n transition: all 0.7s cubic-bezier(0.4, 0, 0.2, 1);\r\n }\r\n .slide-left.visible {\r\n opacity: 1;\r\n transform: translateX(0);\r\n }\r\n\r\n .slide-right {\r\n opacity: 0;\r\n transform: translateX(40px);\r\n transition: all 0.7s cubic-bezier(0.4, 0, 0.2, 1);\r\n }\r\n .slide-right.visible {\r\n opacity: 1;\r\n transform: translateX(0);\r\n }\r\n\r\n \/* Glow pulse for sections *\/\r\n .section-glow {\r\n position: relative;\r\n }\r\n .section-glow::after {\r\n content: '';\r\n position: absolute;\r\n top: 50%;\r\n left: 50%;\r\n transform: translate(-50%, -50%);\r\n width: 50%;\r\n height: 50%;\r\n background: radial-gradient(circle, rgba(168,85,247,0.08) 0%, transparent 70%);\r\n pointer-events: none;\r\n opacity: 0;\r\n transition: opacity 1s ease;\r\n }\r\n .section-glow.visible::after {\r\n opacity: 1;\r\n animation: glowBreath 4s ease-in-out infinite;\r\n }\r\n @keyframes glowBreath {\r\n 0%, 100% { transform: translate(-50%, -50%) scale(1); opacity: 0.5; }\r\n 50% { transform: translate(-50%, -50%) scale(1.2); opacity: 1; }\r\n }\r\n\r\n \/* Stagger children *\/\r\n .stagger-children > * {\r\n opacity: 0;\r\n transform: translateY(20px);\r\n transition: all 0.5s cubic-bezier(0.4, 0, 0.2, 1);\r\n }\r\n .stagger-children.visible > *:nth-child(1) { transition-delay: 0.05s; opacity: 1; transform: translateY(0); }\r\n .stagger-children.visible > *:nth-child(2) { transition-delay: 0.1s; opacity: 1; transform: translateY(0); }\r\n .stagger-children.visible > *:nth-child(3) { transition-delay: 0.15s; opacity: 1; transform: translateY(0); }\r\n .stagger-children.visible > *:nth-child(4) { transition-delay: 0.2s; opacity: 1; transform: translateY(0); }\r\n .stagger-children.visible > *:nth-child(5) { transition-delay: 0.25s; opacity: 1; transform: translateY(0); }\r\n .stagger-children.visible > *:nth-child(6) { transition-delay: 0.3s; opacity: 1; transform: translateY(0); }\r\n .stagger-children.visible > *:nth-child(7) { transition-delay: 0.35s; opacity: 1; transform: translateY(0); }\r\n .stagger-children.visible > *:nth-child(8) { transition-delay: 0.4s; opacity: 1; transform: translateY(0); }\r\n .stagger-children.visible > *:nth-child(9) { transition-delay: 0.45s; opacity: 1; transform: translateY(0); }\r\n .stagger-children.visible > *:nth-child(10) { transition-delay: 0.5s; opacity: 1; transform: translateY(0); }\r\n .stagger-children.visible > *:nth-child(11) { transition-delay: 0.55s; opacity: 1; transform: translateY(0); }\r\n .stagger-children.visible > *:nth-child(12) { transition-delay: 0.6s; opacity: 1; transform: translateY(0); }\r\n .stagger-children.visible > *:nth-child(13) { transition-delay: 0.65s; opacity: 1; transform: translateY(0); }\r\n .stagger-children.visible > *:nth-child(14) { transition-delay: 0.7s; opacity: 1; transform: translateY(0); }\r\n\r\n \/* ===== RESPONSIVE ===== *\/\r\n @media (max-width: 1024px) {\r\n .dept-slide-inner {\r\n grid-template-columns: 1fr;\r\n gap: 2rem;\r\n }\r\n .dept-slide-photo {\r\n order: -1;\r\n aspect-ratio: 16\/9;\r\n }\r\n .dept-slide-text {\r\n text-align: center;\r\n }\r\n .dept-slide-features {\r\n display: inline-block;\r\n text-align: left;\r\n }\r\n .dept-slide-number {\r\n font-size: 3rem;\r\n top: 1rem;\r\n right: 1rem;\r\n }\r\n .screenshot-card {\r\n width: calc(50% - 0.75rem);\r\n min-width: 250px;\r\n }\r\n }\r\n\r\n @media (max-width: 768px) {\r\n .nav-links { display: none; }\r\n .nav-hamburger { display: flex; }\r\n\r\n nav { padding: 0.8rem 1.5rem; }\r\n nav.scrolled { padding: 0.6rem 1.5rem; }\r\n\r\n .dept-slide {\r\n padding: 1rem;\r\n min-height: auto;\r\n min-height: auto;\r\n }\r\n .dept-slide-inner {\r\n gap: 1.5rem;\r\n }\r\n .dept-slide-photo {\r\n border-radius: 16px;\r\n }\r\n .dept-slide-title {\r\n font-size: 1.5rem;\r\n }\r\n .dept-slide-desc {\r\n font-size: 0.9rem;\r\n }\r\n .dept-intro-title {\r\n font-size: 2rem;\r\n }\r\n .dept-section-header {\r\n min-height: 40vh;\r\n min-height: 40dvh;\r\n padding: 3rem 1.5rem;\r\n }\r\n .screenshot-card {\r\n width: calc(100%);\r\n min-width: 260px;\r\n }\r\n .carousel-btn {\r\n width: 40px; height: 40px; font-size: 1rem;\r\n }\r\n .glass-modal-nav.prev { left: 10px; }\r\n .glass-modal-nav.next { right: 10px; }\r\n .glass-modal-close {\r\n top: 10px;\r\n right: 10px;\r\n }\r\n .glass-modal-container {\r\n padding: 8px;\r\n max-width: 95vw;\r\n border-radius: 20px;\r\n }\r\n .roadmap-timeline::before { left: 15px; }\r\n .roadmap-item { padding-left: 55px; }\r\n .roadmap-dot { left: 6px; }\r\n .roadmap-content { padding: 1.2rem 1.5rem; }\r\n .features-grid { grid-template-columns: 1fr; }\r\n .stats-grid { grid-template-columns: 1fr 1fr; }\r\n .stat-card { padding: 1.5rem 1rem; }\r\n .stat-number { font-size: 2rem; }\r\n .section-title { font-size: clamp(1.8rem, 6vw, 2.5rem); }\r\n .features-section { padding: 4rem 1.5rem; }\r\n .roadmap-section { padding: 4rem 1.5rem; }\r\n .screenshots-section { padding: 4rem 1.5rem; }\r\n .cta-section { padding: 5rem 1.5rem; }\r\n }\r\n\r\n @media (max-width: 480px) {\r\n .hero-buttons { flex-direction: column; align-items: center; }\r\n .btn-primary, .btn-secondary { width: 100%; text-align: center; }\r\n .stats-grid { grid-template-columns: 1fr 1fr; gap: 0.8rem; }\r\n .feature-card { padding: 1.8rem; }\r\n .dept-slide-number { font-size: 2.5rem; }\r\n .hero-content { padding: 0 1rem; }\r\n .dept-slide-features li { font-size: 0.85rem; }\r\n .roadmap-title { font-size: 1.05rem; }\r\n .roadmap-desc { font-size: 0.85rem; }\r\n .dept-intro-desc { font-size: 0.95rem; }\r\n .cta-desc { font-size: 1rem; }\r\n }\r\n\r\n \/* Safe area for notch devices *\/\r\n @supports (padding-top: env(safe-area-inset-top)) {\r\n nav {\r\n padding-top: calc(1rem + env(safe-area-inset-top));\r\n padding-left: calc(1.5rem + env(safe-area-inset-left));\r\n padding-right: calc(1.5rem + env(safe-area-inset-right));\r\n }\r\n footer {\r\n padding-bottom: calc(2rem + env(safe-area-inset-bottom));\r\n }\r\n }\r\n\r\n \/* Reduced motion *\/\r\n @media (prefers-reduced-motion: reduce) {\r\n *, *::before, *::after {\r\n animation-duration: 0.01ms !important;\r\n animation-iteration-count: 1 !important;\r\n transition-duration: 0.01ms !important;\r\n }\r\n }\r\n <\/style>\r\n<\/head>\r\n<body>\r\n\r\n \r\n <div class=\"scroll-progress\" id=\"scrollProgress\"><\/div>\r\n\r\n \r\n <div class=\"cursor-glow\" id=\"cursorGlow\"><\/div>\r\n\r\n \r\n <div class=\"loading-screen\" id=\"loadingScreen\">\r\n <div class=\"loader-ring\"><\/div>\r\n <div class=\"loader-text\">SIGNAL RP<\/div>\r\n <div class=\"loader-bar\"><div class=\"loader-bar-fill\"><\/div><\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"ambient-orb orb-1\"><\/div>\r\n <div class=\"ambient-orb orb-2\"><\/div>\r\n <div class=\"ambient-orb orb-3\"><\/div>\r\n <div class=\"ambient-orb orb-4\"><\/div>\r\n\r\n \r\n <nav id=\"navbar\">\r\n <div class=\"nav-logo\">SIGNAL RP<\/div>\r\n <ul class=\"nav-links\">\r\n <li><a href=\"#hero\">\u0413\u043b\u0430\u0432\u043d\u0430\u044f<\/a><\/li>\r\n <li><a href=\"#features\">\u041e\u0441\u043e\u0431\u0435\u043d\u043d\u043e\u0441\u0442\u0438<\/a><\/li>\r\n <li><a href=\"#roadmap\">\u0414\u043e\u0440\u043e\u0436\u043d\u0430\u044f \u043a\u0430\u0440\u0442\u0430<\/a><\/li>\r\n <li><a href=\"#departments\">\u0414\u0435\u043f\u0430\u0440\u0442\u0430\u043c\u0435\u043d\u0442\u044b<\/a><\/li>\r\n <li><a href=\"#screenshots\">\u0421\u043a\u0440\u0438\u043d\u0448\u043e\u0442\u044b<\/a><\/li>\r\n <li><a href=\"#cta\">\u0418\u0433\u0440\u0430\u0442\u044c<\/a><\/li>\r\n <\/ul>\r\n <div class=\"nav-hamburger\" id=\"navHamburger\">\r\n <span><\/span>\r\n <span><\/span>\r\n <span><\/span>\r\n <\/div>\r\n <\/nav>\r\n\r\n \r\n <div class=\"mobile-menu\" id=\"mobileMenu\">\r\n <a href=\"#hero\">\u0413\u043b\u0430\u0432\u043d\u0430\u044f<\/a>\r\n <a href=\"#features\">\u041e\u0441\u043e\u0431\u0435\u043d\u043d\u043e\u0441\u0442\u0438<\/a>\r\n <a href=\"#roadmap\">\u0414\u043e\u0440\u043e\u0436\u043d\u0430\u044f \u043a\u0430\u0440\u0442\u0430<\/a>\r\n <a href=\"#departments\">\u0414\u0435\u043f\u0430\u0440\u0442\u0430\u043c\u0435\u043d\u0442\u044b<\/a>\r\n <a href=\"#screenshots\">\u0421\u043a\u0440\u0438\u043d\u0448\u043e\u0442\u044b<\/a>\r\n <a href=\"#cta\">\u0418\u0433\u0440\u0430\u0442\u044c<\/a>\r\n <\/div>\r\n\r\n \r\n <section class=\"hero\" id=\"hero\">\r\n <div class=\"hero-bg\">\r\n <img decoding=\"async\" src=\"http:\/\/bantv.ru\/wp-content\/uploads\/2026\/04\/\u043f\u043e\u0436\u0430\u0440\u043d\u0430\u044f-\u0441\u043d\u0430\u0440\u0443\u0436\u0438.png\" alt=\"Signal RP\">\r\n <\/div>\r\n <div class=\"hero-particles\" id=\"particles\"><\/div>\r\n <div class=\"hero-content\">\r\n <div class=\"hero-badge\">\u0421\u043a\u043e\u0440\u043e \u0440\u0435\u043b\u0438\u0437<\/div>\r\n <h1 class=\"hero-title\"><span class=\"signal\">SIGNAL<\/span> <span style=\"color:var(--text-primary);\">RP<\/span><\/h1>\r\n <p class=\"hero-subtitle\">\u0411\u0443\u0434\u0443\u0449\u0435\u0435 roleplay-\u0438\u0433\u0440. \u0411\u0435\u0441\u043f\u043b\u0430\u0442\u043d\u044b\u0439 \u0434\u043e\u0441\u0442\u0443\u043f, \u043d\u0438\u043a\u0430\u043a\u043e\u0439 \u0440\u0435\u043a\u043b\u0430\u043c\u044b, \u0442\u043e\u043f\u043e\u0432\u044b\u0435 \u043c\u043e\u0434\u0435\u043b\u0438 \u0438 \u0443\u043d\u0438\u043a\u0430\u043b\u044c\u043d\u044b\u0439 \u043a\u043e\u043d\u0442\u0435\u043d\u0442.<\/p>\r\n <div class=\"hero-buttons\">\r\n <a href=\"https:\/\/t.me\/SignalRp_112\" class=\"btn-primary\" target=\"_blank\"><span>\ud83d\ude80 \u041f\u0440\u0438\u0441\u043e\u0435\u0434\u0438\u043d\u0438\u0442\u044c\u0441\u044f<\/span><\/a>\r\n <a href=\"#features\" class=\"btn-secondary\">\u0423\u0437\u043d\u0430\u0442\u044c \u0431\u043e\u043b\u044c\u0448\u0435<\/a>\r\n <\/div>\r\n <\/div>\r\n <div class=\"hero-scroll-indicator\">\r\n <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke-width=\"2\" stroke-linecap=\"round\">\r\n <path d=\"M7 13l5 5 5-5M7 6l5 5 5-5\"\/>\r\n <\/svg>\r\n <\/div>\r\n <\/section>\r\n\r\n \r\n <section class=\"stats-section section-glow\" id=\"statsSection\">\r\n <div class=\"stats-grid stagger-children\" id=\"statsGrid\">\r\n <div class=\"stat-card\" data-delay=\"0\">\r\n <div class=\"stat-number\">FREE<\/div>\r\n <div class=\"stat-label\">\u041f\u043e\u043b\u043d\u043e\u0441\u0442\u044c\u044e \u0431\u0435\u0441\u043f\u043b\u0430\u0442\u043d\u044b\u0439<\/div>\r\n <\/div>\r\n <div class=\"stat-card\" data-delay=\"100\">\r\n <div class=\"stat-number\">0%<\/div>\r\n <div class=\"stat-label\">\u0420\u0435\u043a\u043b\u0430\u043c\u044b \u0432 \u0438\u0433\u0440\u0435<\/div>\r\n <\/div>\r\n <div class=\"stat-card\" data-delay=\"200\">\r\n <div class=\"stat-number\">8K+<\/div>\r\n <div class=\"stat-label\">\u0423\u043d\u0438\u043a\u0430\u043b\u044c\u043d\u044b\u0445 \u043c\u043e\u0434\u0435\u043b\u0435\u0439<\/div>\r\n <\/div>\r\n <div class=\"stat-card\" data-delay=\"300\">\r\n <div class=\"stat-number\">\u221e<\/div>\r\n <div class=\"stat-label\">\u0412\u043e\u0437\u043c\u043e\u0436\u043d\u043e\u0441\u0442\u0435\u0439 RP<\/div>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n <div class=\"glow-line\"><\/div>\r\n\r\n \r\n <section class=\"features-section\" id=\"features\">\r\n <div class=\"section-header text-reveal\">\r\n <span class=\"section-tag purple\">\u0412\u043e\u0437\u043c\u043e\u0436\u043d\u043e\u0441\u0442\u0438<\/span>\r\n <h2 class=\"section-title\">\u041f\u043e\u0447\u0435\u043c\u0443 Signal RP?<\/h2>\r\n <p class=\"section-desc\">\u041c\u044b \u0441\u043e\u0437\u0434\u0430\u0451\u043c \u0438\u0433\u0440\u0443, \u0432 \u043a\u043e\u0442\u043e\u0440\u0443\u044e \u0445\u043e\u0442\u0438\u043c \u0438\u0433\u0440\u0430\u0442\u044c \u0441\u0430\u043c\u0438. \u0411\u0435\u0437 \u043a\u043e\u043c\u043f\u0440\u043e\u043c\u0438\u0441\u0441\u043e\u0432, \u0431\u0435\u0437 pay-to-win, \u0431\u0435\u0437 \u0440\u0435\u043a\u043b\u0430\u043c\u044b.<\/p>\r\n <\/div>\r\n <div class=\"features-grid stagger-children\" id=\"featuresGrid\">\r\n <div class=\"feature-card\">\r\n <div class=\"feature-icon blue\">\ud83c\udfae<\/div>\r\n <h3>\u041f\u043e\u043b\u043d\u043e\u0441\u0442\u044c\u044e \u0431\u0435\u0441\u043f\u043b\u0430\u0442\u043d\u043e<\/h3>\r\n <p>\u041d\u0438\u043a\u0430\u043a\u0438\u0445 \u0434\u043e\u043d\u0430\u0442\u043e\u0432, \u043d\u0438\u043a\u0430\u043a\u0438\u0445 \u043f\u043e\u0434\u043f\u0438\u0441\u043e\u043a, \u043d\u0438\u043a\u0430\u043a\u0438\u0445 \u0441\u043a\u0440\u044b\u0442\u044b\u0445 \u043f\u043b\u0430\u0442\u0435\u0436\u0435\u0439. \u0412\u0435\u0441\u044c \u043a\u043e\u043d\u0442\u0435\u043d\u0442 \u0434\u043e\u0441\u0442\u0443\u043f\u0435\u043d \u043a\u0430\u0436\u0434\u043e\u043c\u0443 \u0438\u0433\u0440\u043e\u043a\u0443 \u0441 \u043f\u0435\u0440\u0432\u043e\u0433\u043e \u0434\u043d\u044f.<\/p>\r\n <\/div>\r\n <div class=\"feature-card\">\r\n <div class=\"feature-icon purple\">\ud83d\udeab<\/div>\r\n <h3>\u041d\u0438\u043a\u0430\u043a\u043e\u0439 \u0440\u0435\u043a\u043b\u0430\u043c\u044b<\/h3>\r\n <p>\u0417\u0430\u0431\u0443\u0434\u044c \u043e \u043d\u0430\u0432\u044f\u0437\u0447\u0438\u0432\u044b\u0445 \u0431\u0430\u043d\u043d\u0435\u0440\u0430\u0445 \u0438 \u0440\u0435\u043a\u043b\u0430\u043c\u043d\u044b\u0445 \u0432\u0441\u0442\u0430\u0432\u043a\u0430\u0445. \u0427\u0438\u0441\u0442\u044b\u0439 \u0433\u0435\u0439\u043c\u043f\u043b\u0435\u0439 \u0431\u0435\u0437 \u043f\u0440\u0435\u0440\u044b\u0432\u0430\u043d\u0438\u0439 \u2014 \u0442\u043e\u043b\u044c\u043a\u043e \u0442\u044b \u0438 \u043c\u0438\u0440 Signal RP.<\/p>\r\n <\/div>\r\n <div class=\"feature-card\">\r\n <div class=\"feature-icon red\">\ud83d\udd25<\/div>\r\n <h3>\u0422\u043e\u043f\u043e\u0432\u044b\u0435 \u043c\u043e\u0434\u0435\u043b\u0438<\/h3>\r\n <p>\u0420\u0435\u0430\u043b\u0438\u0441\u0442\u0438\u0447\u043d\u044b\u0435 \u0442\u0440\u0430\u043d\u0441\u043f\u043e\u0440\u0442\u043d\u044b\u0435 \u0441\u0440\u0435\u0434\u0441\u0442\u0432\u0430, \u043e\u0440\u0443\u0436\u0438\u0435 \u0438 \u043e\u0434\u0435\u0436\u0434\u0430. \u041a\u0430\u0436\u0434\u043e\u0435 3D-\u0441\u043e\u0437\u0434\u0430\u043d\u0438\u0435 \u043f\u0440\u043e\u0440\u0430\u0431\u043e\u0442\u0430\u043d\u043e \u0434\u043e \u043c\u0435\u043b\u044c\u0447\u0430\u0439\u0448\u0438\u0445 \u0434\u0435\u0442\u0430\u043b\u0435\u0439.<\/p>\r\n <\/div>\r\n <div class=\"feature-card\">\r\n <div class=\"feature-icon orange\">\ud83c\udfe2<\/div>\r\n <h3>\u0414\u0435\u0442\u0430\u043b\u0438\u0437\u0438\u0440\u043e\u0432\u0430\u043d\u043d\u044b\u0435 \u0434\u0435\u043f\u0430\u0440\u0442\u0430\u043c\u0435\u043d\u0442\u044b<\/h3>\r\n <p>\u041f\u043e\u043b\u043d\u043e\u0446\u0435\u043d\u043d\u044b\u0435 \u0437\u0434\u0430\u043d\u0438\u044f \u043f\u043e\u0436\u0430\u0440\u043d\u043e\u0439 \u0447\u0430\u0441\u0442\u0438, \u0431\u043e\u043b\u044c\u043d\u0438\u0446\u044b \u0438 \u043f\u043e\u043b\u0438\u0446\u0435\u0439\u0441\u043a\u043e\u0433\u043e \u0434\u0435\u043f\u0430\u0440\u0442\u0430\u043c\u0435\u043d\u0442\u0430 \u0441 \u0438\u043d\u0442\u0435\u0440\u044c\u0435\u0440\u0430\u043c\u0438, \u043e\u0444\u0438\u0441\u0430\u043c\u0438 \u0438 \u0440\u0430\u0431\u043e\u0447\u0438\u043c\u0438 \u0437\u043e\u043d\u0430\u043c\u0438.<\/p>\r\n <\/div>\r\n <div class=\"feature-card\">\r\n <div class=\"feature-icon blue\">\ud83d\uddfa\ufe0f<\/div>\r\n <h3>\u0416\u0438\u0432\u043e\u0439 \u043e\u0442\u043a\u0440\u044b\u0442\u044b\u0439 \u043c\u0438\u0440<\/h3>\r\n <p>\u0414\u0438\u043d\u0430\u043c\u0438\u0447\u043d\u0430\u044f \u043a\u0430\u0440\u0442\u0430 \u0441 \u0441\u043c\u0435\u043d\u043e\u0439 \u043f\u043e\u0433\u043e\u0434\u044b, \u0432\u0440\u0435\u043c\u0435\u043d\u0438 \u0441\u0443\u0442\u043e\u043a \u0438 \u0441\u043b\u0443\u0447\u0430\u0439\u043d\u044b\u043c\u0438 \u0441\u043e\u0431\u044b\u0442\u0438\u044f\u043c\u0438.<\/p>\r\n <\/div>\r\n <div class=\"feature-card\">\r\n <div class=\"feature-icon green\">\u26a1<\/div>\r\n <h3>\u041e\u043f\u0442\u0438\u043c\u0438\u0437\u0430\u0446\u0438\u044f<\/h3>\r\n <p>\u0412\u044b\u0441\u043e\u043a\u0438\u0439 FPS \u0434\u0430\u0436\u0435 \u043d\u0430 \u0441\u0440\u0435\u0434\u043d\u0438\u0445 \u041f\u041a. \u041f\u043e\u0441\u0442\u043e\u044f\u043d\u043d\u0430\u044f \u0440\u0430\u0431\u043e\u0442\u0430 \u043d\u0430\u0434 \u043f\u0440\u043e\u0438\u0437\u0432\u043e\u0434\u0438\u0442\u0435\u043b\u044c\u043d\u043e\u0441\u0442\u044c\u044e.<\/p>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n <div class=\"glow-line\"><\/div>\r\n\r\n \r\n <section class=\"roadmap-section\" id=\"roadmap\">\r\n <div class=\"section-header text-reveal\">\r\n <span class=\"section-tag blue\">\u0420\u0430\u0437\u0440\u0430\u0431\u043e\u0442\u043a\u0430<\/span>\r\n <h2 class=\"section-title\">\u0414\u043e\u0440\u043e\u0436\u043d\u0430\u044f \u043a\u0430\u0440\u0442\u0430<\/h2>\r\n <p class=\"section-desc\">\u041d\u0430\u0448 \u043f\u0443\u0442\u044c \u043e\u0442 \u0438\u0434\u0435\u0438 \u0434\u043e \u043f\u043e\u043b\u043d\u043e\u0446\u0435\u043d\u043d\u043e\u0433\u043e \u0440\u0435\u043b\u0438\u0437\u0430. \u041a\u0430\u0436\u0434\u044b\u0439 \u044d\u0442\u0430\u043f \u2014 \u0448\u0430\u0433 \u0431\u043b\u0438\u0436\u0435 \u043a \u0438\u0434\u0435\u0430\u043b\u044c\u043d\u043e\u043c\u0443 RP.<\/p>\r\n <\/div>\r\n <div class=\"roadmap-timeline\">\r\n <div class=\"roadmap-item completed\">\r\n <div class=\"roadmap-dot\"><\/div>\r\n <div class=\"roadmap-content\">\r\n <span class=\"roadmap-phase completed\">\u0412\u044b\u043f\u043e\u043b\u043d\u0435\u043d\u043e<\/span>\r\n <h3 class=\"roadmap-title\"><span class=\"check-icon\">\u2713<\/span> \u0418\u0434\u0435\u044f<\/h3>\r\n <p class=\"roadmap-desc\">\u0420\u043e\u0436\u0434\u0435\u043d\u0438\u0435 \u043a\u043e\u043d\u0446\u0435\u043f\u0446\u0438\u0438 Signal RP. \u041e\u043f\u0440\u0435\u0434\u0435\u043b\u0435\u043d\u0438\u0435 \u0432\u0438\u0434\u0435\u043d\u0438\u044f \u043f\u0440\u043e\u0435\u043a\u0442\u0430, \u0446\u0435\u043b\u0435\u0432\u043e\u0439 \u0430\u0443\u0434\u0438\u0442\u043e\u0440\u0438\u0438 \u0438 \u043e\u0441\u043d\u043e\u0432\u043d\u044b\u0445 \u043c\u0435\u0445\u0430\u043d\u0438\u043a. \u0424\u043e\u0440\u043c\u0438\u0440\u043e\u0432\u0430\u043d\u0438\u0435 \u043a\u043e\u043c\u0430\u043d\u0434\u044b \u0438 \u043f\u043b\u0430\u043d\u0438\u0440\u043e\u0432\u0430\u043d\u0438\u0435 \u0440\u0430\u0437\u0440\u0430\u0431\u043e\u0442\u043a\u0438.<\/p>\r\n <\/div>\r\n <\/div>\r\n <div class=\"roadmap-item completed\">\r\n <div class=\"roadmap-dot\"><\/div>\r\n <div class=\"roadmap-content\">\r\n <span class=\"roadmap-phase completed\">\u0412\u044b\u043f\u043e\u043b\u043d\u0435\u043d\u043e<\/span>\r\n <h3 class=\"roadmap-title\"><span class=\"check-icon\">\u2713<\/span> \u0420\u0430\u0437\u0440\u0430\u0431\u043e\u0442\u043a\u0430 \u043d\u0430\u0447\u0430\u043b\u044c\u043d\u044b\u0445 \u043c\u043e\u0434\u0435\u043b\u0435\u0439, \u043a\u043e\u0434\u0430 \u0438 \u0438\u043d\u0442\u0435\u0440\u0444\u0435\u0439\u0441\u0430<\/h3>\r\n <p class=\"roadmap-desc\">\u0421\u043e\u0437\u0434\u0430\u043d\u0438\u0435 \u043f\u0435\u0440\u0432\u044b\u0445 3D-\u043c\u043e\u0434\u0435\u043b\u0435\u0439 \u0437\u0434\u0430\u043d\u0438\u0439, \u043f\u0435\u0440\u0441\u043e\u043d\u0430\u0436\u0435\u0439 \u0438 \u043f\u0440\u0435\u0434\u043c\u0435\u0442\u043e\u0432. \u041d\u0430\u043f\u0438\u0441\u0430\u043d\u0438\u0435 \u0431\u0430\u0437\u043e\u0432\u043e\u0433\u043e \u043a\u043e\u0434\u0430 \u0438 \u043f\u0440\u043e\u0435\u043a\u0442\u0438\u0440\u043e\u0432\u0430\u043d\u0438\u0435 \u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u0442\u0435\u043b\u044c\u0441\u043a\u043e\u0433\u043e \u0438\u043d\u0442\u0435\u0440\u0444\u0435\u0439\u0441\u0430. \u0417\u0430\u043a\u043b\u0430\u0434\u043a\u0430 \u0444\u0443\u043d\u0434\u0430\u043c\u0435\u043d\u0442\u0430 \u043f\u0440\u043e\u0435\u043a\u0442\u0430.<\/p>\r\n <\/div>\r\n <\/div>\r\n <div class=\"roadmap-item current\">\r\n <div class=\"roadmap-dot\"><\/div>\r\n <div class=\"roadmap-content\">\r\n <span class=\"roadmap-phase current\">\u0422\u0435\u043a\u0443\u0449\u0438\u0439 \u044d\u0442\u0430\u043f<\/span>\r\n <h3 class=\"roadmap-title\">\ud83d\ude80 \u0410\u043b\u044c\u0444\u0430-\u0432\u0435\u0440\u0441\u0438\u044f<\/h3>\r\n <p class=\"roadmap-desc\">\u0410\u043a\u0442\u0438\u0432\u043d\u0430\u044f \u0444\u0430\u0437\u0430 \u0440\u0430\u0437\u0440\u0430\u0431\u043e\u0442\u043a\u0438! \u041f\u0440\u043e\u0432\u0435\u0440\u044f\u0435\u043c \u0432\u0441\u0435 \u043d\u0430\u0447\u0430\u043b\u044c\u043d\u044b\u0435 \u043a\u043b\u044e\u0447\u0435\u0432\u044b\u0435 \u0444\u0443\u043d\u043a\u0446\u0438\u0438, \u043c\u043e\u0434\u0435\u043b\u0438 \u0437\u0434\u0430\u043d\u0438\u0439, \u043f\u0435\u0440\u0441\u043e\u043d\u0430\u0436\u0435\u0439, \u043f\u0440\u0435\u0434\u043c\u0435\u0442\u044b \u0438 \u0430\u0432\u0442\u043e\u043c\u043e\u0431\u0438\u043b\u0438. \u0422\u0435\u0441\u0442\u0438\u0440\u043e\u0432\u0430\u043d\u0438\u0435 \u0431\u0430\u0437\u043e\u0432\u044b\u0445 \u043c\u0435\u0445\u0430\u043d\u0438\u043a \u0438 \u043e\u0442\u043b\u0430\u0434\u043a\u0430.<\/p>\r\n <\/div>\r\n <\/div>\r\n <div class=\"roadmap-item\">\r\n <div class=\"roadmap-dot\"><\/div>\r\n <div class=\"roadmap-content\">\r\n <span class=\"roadmap-phase future\">\u0412 \u0431\u0443\u0434\u0443\u0449\u0435\u043c<\/span>\r\n <h3 class=\"roadmap-title\">\u0414\u0435\u0442\u0430\u043b\u044c\u043d\u0430\u044f \u0440\u0430\u0437\u0440\u0430\u0431\u043e\u0442\u043a\u0430<\/h3>\r\n <p class=\"roadmap-desc\">\u0423\u0433\u043b\u0443\u0431\u043b\u0451\u043d\u043d\u0430\u044f \u043f\u0440\u043e\u0440\u0430\u0431\u043e\u0442\u043a\u0430 \u043a\u043e\u0434\u0430 \u0438 \u043c\u043e\u0434\u0435\u043b\u0435\u0439 \u0434\u043b\u044f \u043c\u0430\u043a\u0441\u0438\u043c\u0430\u043b\u044c\u043d\u043e\u0439 \u0434\u0435\u0442\u0430\u043b\u0438\u0437\u0430\u0446\u0438\u0438 \u0433\u043e\u0440\u043e\u0434\u0430. \u0423\u043b\u0443\u0447\u0448\u0435\u043d\u0438\u0435 \u0442\u0435\u043a\u0441\u0442\u0443\u0440, \u0434\u043e\u0431\u0430\u0432\u043b\u0435\u043d\u0438\u0435 \u0438\u043d\u0442\u0435\u0440\u0430\u043a\u0442\u0438\u0432\u043d\u044b\u0445 \u044d\u043b\u0435\u043c\u0435\u043d\u0442\u043e\u0432 \u0438 \u043d\u0430\u043f\u043e\u043b\u043d\u0435\u043d\u0438\u0435 \u043c\u0438\u0440\u0430 \u0434\u0435\u0442\u0430\u043b\u044f\u043c\u0438.<\/p>\r\n <\/div>\r\n <\/div>\r\n <div class=\"roadmap-item\">\r\n <div class=\"roadmap-dot\"><\/div>\r\n <div class=\"roadmap-content\">\r\n <span class=\"roadmap-phase future\">\u0412 \u0431\u0443\u0434\u0443\u0449\u0435\u043c<\/span>\r\n <h3 class=\"roadmap-title\">\u0411\u0435\u0442\u0442\u0430-\u0440\u0435\u043b\u0438\u0437<\/h3>\r\n <p class=\"roadmap-desc\">\u041f\u0443\u0431\u043b\u0438\u043a\u0430\u0446\u0438\u044f \u0440\u0430\u0431\u043e\u0447\u0435\u0439, \u043f\u0440\u043e\u0432\u0435\u0440\u0435\u043d\u043d\u043e\u0439 \u0432\u0435\u0440\u0441\u0438\u0438 \u0434\u043b\u044f \u0431\u0435\u0441\u043f\u043b\u0430\u0442\u043d\u043e\u0433\u043e \u0431\u0435\u0442\u0430-\u0442\u0435\u0441\u0442\u0438\u0440\u043e\u0432\u0430\u043d\u0438\u044f. \u0421\u0431\u043e\u0440 \u0444\u0438\u0434\u0431\u0435\u043a\u0430 \u043e\u0442 \u0441\u043e\u043e\u0431\u0449\u0435\u0441\u0442\u0432\u0430 \u0438 \u0434\u043e\u0440\u0430\u0431\u043e\u0442\u043a\u0430 \u043d\u0430 \u043e\u0441\u043d\u043e\u0432\u0435 \u043e\u0442\u0437\u044b\u0432\u043e\u0432.<\/p>\r\n <\/div>\r\n <\/div>\r\n <div class=\"roadmap-item\">\r\n <div class=\"roadmap-dot\"><\/div>\r\n <div class=\"roadmap-content\">\r\n <span class=\"roadmap-phase future\">\u0412 \u0431\u0443\u0434\u0443\u0449\u0435\u043c<\/span>\r\n <h3 class=\"roadmap-title\">\u0424\u0438\u043d\u0430\u043b\u044c\u043d\u044b\u0435 \u0434\u043e\u0440\u0430\u0431\u043e\u0442\u043a\u0438<\/h3>\r\n <p class=\"roadmap-desc\">\u041f\u043e\u043b\u0438\u0440\u043e\u0432\u043a\u0430 \u0432\u0441\u0435\u0445 \u0441\u0438\u0441\u0442\u0435\u043c, \u0438\u0441\u043f\u0440\u0430\u0432\u043b\u0435\u043d\u0438\u0435 \u0431\u0430\u0433\u043e\u0432, \u0444\u0438\u043d\u0430\u043b\u044c\u043d\u0430\u044f \u043e\u043f\u0442\u0438\u043c\u0438\u0437\u0430\u0446\u0438\u044f \u043f\u0440\u043e\u0438\u0437\u0432\u043e\u0434\u0438\u0442\u0435\u043b\u044c\u043d\u043e\u0441\u0442\u0438 \u0438 \u043f\u043e\u0434\u0433\u043e\u0442\u043e\u0432\u043a\u0430 \u043a \u043e\u0444\u0438\u0446\u0438\u0430\u043b\u044c\u043d\u043e\u043c\u0443 \u0437\u0430\u043f\u0443\u0441\u043a\u0443.<\/p>\r\n <\/div>\r\n <\/div>\r\n <div class=\"roadmap-item\">\r\n <div class=\"roadmap-dot\"><\/div>\r\n <div class=\"roadmap-content\">\r\n <span class=\"roadmap-phase future\">\u0412 \u0431\u0443\u0434\u0443\u0449\u0435\u043c<\/span>\r\n <h3 class=\"roadmap-title\">\u041f\u043e\u043b\u043d\u044b\u0439 \u043e\u0444\u0438\u0446\u0438\u0430\u043b\u044c\u043d\u044b\u0439 \u0440\u0435\u043b\u0438\u0437<\/h3>\r\n <p class=\"roadmap-desc\">\u041e\u0444\u0438\u0446\u0438\u0430\u043b\u044c\u043d\u044b\u0439 \u0437\u0430\u043f\u0443\u0441\u043a Signal RP! \u041f\u043e\u043b\u043d\u044b\u0439 \u0434\u043e\u0441\u0442\u0443\u043f \u043a\u043e \u0432\u0441\u0435\u043c \u0444\u0443\u043d\u043a\u0446\u0438\u044f\u043c, \u0434\u0435\u043f\u0430\u0440\u0442\u0430\u043c\u0435\u043d\u0442\u0430\u043c, \u0442\u0440\u0430\u043d\u0441\u043f\u043e\u0440\u0442\u0443 \u0438 \u043a\u043e\u043d\u0442\u0435\u043d\u0442\u0443. \u041d\u0430\u0447\u0430\u043b\u043e \u043d\u043e\u0432\u043e\u0439 \u044d\u0440\u044b roleplay.<\/p>\r\n <\/div>\r\n <\/div>\r\n <div class=\"roadmap-item\">\r\n <div class=\"roadmap-dot\"><\/div>\r\n <div class=\"roadmap-content\">\r\n <span class=\"roadmap-phase future\">\u0412 \u0431\u0443\u0434\u0443\u0449\u0435\u043c<\/span>\r\n <h3 class=\"roadmap-title\">\u0414\u043e\u043f\u043e\u043b\u043d\u0438\u0442\u0435\u043b\u044c\u043d\u044b\u0435 \u043e\u0431\u043d\u043e\u0432\u043b\u0435\u043d\u0438\u044f<\/h3>\r\n <p class=\"roadmap-desc\">\u041f\u043e\u0441\u0442\u043e\u044f\u043d\u043d\u043e\u0435 \u0440\u0430\u0437\u0432\u0438\u0442\u0438\u0435 \u043f\u0440\u043e\u0435\u043a\u0442\u0430: \u043d\u043e\u0432\u044b\u0435 \u0437\u0434\u0430\u043d\u0438\u044f, \u0442\u0440\u0430\u043d\u0441\u043f\u043e\u0440\u0442, \u043c\u0435\u0445\u0430\u043d\u0438\u043a\u0438, \u0441\u0435\u0437\u043e\u043d\u044b \u0438 \u043a\u043e\u043d\u0442\u0435\u043d\u0442. Signal RP \u0431\u0443\u0434\u0435\u0442 \u0440\u0430\u0441\u0442\u0438 \u0432\u043c\u0435\u0441\u0442\u0435 \u0441 \u0441\u043e\u043e\u0431\u0449\u0435\u0441\u0442\u0432\u043e\u043c.<\/p>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n <div class=\"glow-line\"><\/div>\r\n\r\n \r\n <div id=\"fireDept\">\r\n <div class=\"dept-section-header\" id=\"fireIntro\">\r\n <span class=\"section-tag\" style=\"background:rgba(255,51,102,0.1);color:var(--neon-red);border:1px solid rgba(255,51,102,0.2);margin-bottom:1rem;\">\u0414\u0435\u043f\u0430\u0440\u0442\u0430\u043c\u0435\u043d\u0442<\/span>\r\n <h2 class=\"dept-intro-title fire\">\u041f\u043e\u0436\u0430\u0440\u043d\u0430\u044f \u0441\u043b\u0443\u0436\u0431\u0430<\/h2>\r\n <p class=\"dept-intro-desc\">\u041f\u043e\u043b\u043d\u043e\u0446\u0435\u043d\u043d\u0430\u044f \u043f\u043e\u0436\u0430\u0440\u043d\u0430\u044f \u0441\u0442\u0430\u043d\u0446\u0438\u044f \u0441 \u0434\u0435\u0442\u0430\u043b\u044c\u043d\u044b\u043c\u0438 \u0438\u043d\u0442\u0435\u0440\u044c\u0435\u0440\u0430\u043c\u0438. \u041e\u0442 \u0433\u0430\u0440\u0430\u0436\u0430 \u0441 \u0442\u0435\u0445\u043d\u0438\u043a\u043e\u0439 \u0434\u043e \u043a\u0430\u0431\u0438\u043d\u0435\u0442\u0430 \u043d\u0430\u0447\u0430\u043b\u044c\u043d\u0438\u043a\u0430 \u2014 \u043a\u0430\u0436\u0434\u0430\u044f \u043a\u043e\u043c\u043d\u0430\u0442\u0430 \u043f\u0440\u043e\u0440\u0430\u0431\u043e\u0442\u0430\u043d\u0430 \u0441 \u0432\u043d\u0438\u043c\u0430\u043d\u0438\u0435\u043c \u043a \u0434\u0435\u0442\u0430\u043b\u044f\u043c.<\/p>\r\n <\/div>\r\n\r\n <div class=\"dept-slide\" data-dept=\"fire\">\r\n <div class=\"dept-slide-number\">01<\/div>\r\n <div class=\"dept-slide-inner\">\r\n <div class=\"dept-slide-photo slide-left\" data-src=\"http:\/\/bantv.ru\/wp-content\/uploads\/2026\/04\/\u043f\u043e\u0436\u0430\u0440\u043d\u0430\u044f-\u0441\u043d\u0430\u0440\u0443\u0436\u0438.png\" data-label=\"\u042d\u043a\u0441\u0442\u0435\u0440\u044c\u0435\u0440 \u043f\u043e\u0436\u0430\u0440\u043d\u043e\u0439 \u0441\u0442\u0430\u043d\u0446\u0438\u0438\">\r\n <img decoding=\"async\" src=\"http:\/\/bantv.ru\/wp-content\/uploads\/2026\/04\/\u043f\u043e\u0436\u0430\u0440\u043d\u0430\u044f-\u0441\u043d\u0430\u0440\u0443\u0436\u0438.png\" alt=\"\u041f\u043e\u0436\u0430\u0440\u043d\u0430\u044f \u0441\u043d\u0430\u0440\u0443\u0436\u0438\" loading=\"lazy\">\r\n <div class=\"expand-icon\">\u26f6<\/div>\r\n <\/div>\r\n <div class=\"dept-slide-text slide-right\">\r\n <div class=\"dept-slide-tag fire\">\u042d\u043a\u0441\u0442\u0435\u0440\u044c\u0435\u0440<\/div>\r\n <h3 class=\"dept-slide-title fire\">\u0424\u0430\u0441\u0430\u0434 \u043f\u043e\u0436\u0430\u0440\u043d\u043e\u0439 \u0441\u0442\u0430\u043d\u0446\u0438\u0438<\/h3>\r\n <p class=\"dept-slide-desc\">\u0412\u043d\u0435\u0448\u043d\u0438\u0439 \u0432\u0438\u0434 \u043f\u043e\u0436\u0430\u0440\u043d\u043e\u0439 \u0441\u0442\u0430\u043d\u0446\u0438\u0438, \u0441\u043f\u0440\u043e\u0435\u043a\u0442\u0438\u0440\u043e\u0432\u0430\u043d\u043d\u044b\u0439 \u0441 \u0443\u0447\u0451\u0442\u043e\u043c \u0444\u0443\u043d\u043a\u0446\u0438\u043e\u043d\u0430\u043b\u044c\u043d\u043e\u0441\u0442\u0438 \u0438 \u044d\u0441\u0442\u0435\u0442\u0438\u043a\u0438. \u0417\u0434\u0430\u043d\u0438\u0435 \u0432\u043d\u0443\u0448\u0430\u0435\u0442 \u043d\u0430\u0434\u0451\u0436\u043d\u043e\u0441\u0442\u044c \u0438 \u0433\u043e\u0442\u043e\u0432\u043d\u043e\u0441\u0442\u044c \u043a \u044d\u043a\u0441\u0442\u0440\u0435\u043d\u043d\u044b\u043c \u0432\u044b\u0437\u043e\u0432\u0430\u043c.<\/p>\r\n <ul class=\"dept-slide-features\">\r\n <li><span class=\"check fire\">\u2713<\/span> \u0414\u0435\u0442\u0430\u043b\u0438\u0437\u0438\u0440\u043e\u0432\u0430\u043d\u043d\u044b\u0439 \u0444\u0430\u0441\u0430\u0434<\/li>\r\n <li><span class=\"check fire\">\u2713<\/span> \u041f\u0440\u0438\u043b\u0435\u0433\u0430\u044e\u0449\u0430\u044f \u0442\u0435\u0440\u0440\u0438\u0442\u043e\u0440\u0438\u044f<\/li>\r\n <li><span class=\"check fire\">\u2713<\/span> \u0417\u043e\u043d\u0430 \u043f\u0430\u0440\u043a\u043e\u0432\u043a\u0438 \u0442\u0435\u0445\u043d\u0438\u043a\u0438<\/li>\r\n <\/ul>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"dept-slide\" data-dept=\"fire\">\r\n <div class=\"dept-slide-number\">02<\/div>\r\n <div class=\"dept-slide-inner\">\r\n <div class=\"dept-slide-photo slide-left\" data-src=\"http:\/\/bantv.ru\/wp-content\/uploads\/2026\/04\/\u043f\u043e\u0436\u0430\u0440\u043d\u0430\u044f-\u0441\u043d\u0430\u0440\u0443\u0436\u04382.png\" data-label=\"\u0412\u0438\u0434 \u043d\u0430 \u0441\u0442\u0430\u043d\u0446\u0438\u044e \u0441 \u0434\u0440\u0443\u0433\u043e\u0439 \u0441\u0442\u043e\u0440\u043e\u043d\u044b\">\r\n <img decoding=\"async\" src=\"http:\/\/bantv.ru\/wp-content\/uploads\/2026\/04\/\u043f\u043e\u0436\u0430\u0440\u043d\u0430\u044f-\u0441\u043d\u0430\u0440\u0443\u0436\u04382.png\" alt=\"\u041f\u043e\u0436\u0430\u0440\u043d\u0430\u044f \u0441\u043d\u0430\u0440\u0443\u0436\u0438 2\" loading=\"lazy\">\r\n <div class=\"expand-icon\">\u26f6<\/div>\r\n <\/div>\r\n <div class=\"dept-slide-text slide-right\">\r\n <div class=\"dept-slide-tag fire\">\u042d\u043a\u0441\u0442\u0435\u0440\u044c\u0435\u0440<\/div>\r\n <h3 class=\"dept-slide-title fire\">\u0412\u0442\u043e\u0440\u043e\u0439 \u0440\u0430\u043a\u0443\u0440\u0441 \u0441\u0442\u0430\u043d\u0446\u0438\u0438<\/h3>\r\n <p class=\"dept-slide-desc\">\u0410\u0440\u0445\u0438\u0442\u0435\u043a\u0442\u0443\u0440\u043d\u044b\u0439 \u0441\u0442\u0438\u043b\u044c, \u043e\u0442\u0440\u0430\u0436\u0430\u044e\u0449\u0438\u0439 \u043c\u043e\u0449\u044c \u0438 \u043d\u0430\u0434\u0451\u0436\u043d\u043e\u0441\u0442\u044c \u0441\u043b\u0443\u0436\u0431\u044b \u0441\u043f\u0430\u0441\u0435\u043d\u0438\u044f. \u041f\u0440\u043e\u0434\u0443\u043c\u0430\u043d\u043d\u0430\u044f \u0438\u043d\u0444\u0440\u0430\u0441\u0442\u0440\u0443\u043a\u0442\u0443\u0440\u0430 \u0434\u043b\u044f \u0431\u044b\u0441\u0442\u0440\u043e\u0433\u043e \u0440\u0435\u0430\u0433\u0438\u0440\u043e\u0432\u0430\u043d\u0438\u044f.<\/p>\r\n <ul class=\"dept-slide-features\">\r\n <li><span class=\"check fire\">\u2713<\/span> \u0410\u043b\u044c\u0442\u0435\u0440\u043d\u0430\u0442\u0438\u0432\u043d\u044b\u0439 \u0440\u0430\u043a\u0443\u0440\u0441<\/li>\r\n <li><span class=\"check fire\">\u2713<\/span> \u041f\u043e\u0434\u044a\u0435\u0437\u0434\u043d\u044b\u0435 \u043f\u0443\u0442\u0438<\/li>\r\n <li><span class=\"check fire\">\u2713<\/span> \u041e\u0441\u0432\u0435\u0449\u0435\u043d\u0438\u0435 \u0442\u0435\u0440\u0440\u0438\u0442\u043e\u0440\u0438\u0438<\/li>\r\n <\/ul>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"dept-slide\" data-dept=\"fire\">\r\n <div class=\"dept-slide-number\">03<\/div>\r\n <div class=\"dept-slide-inner\">\r\n <div class=\"dept-slide-photo slide-left\" data-src=\"http:\/\/bantv.ru\/wp-content\/uploads\/2026\/04\/\u043f\u043e\u0436\u0430\u0440\u043d\u0430\u044f-\u0440\u0435\u0441\u0435\u043f\u0448\u043d.png\" data-label=\"\u0420\u0435\u0441\u0435\u043f\u0448\u043d \u043f\u043e\u0436\u0430\u0440\u043d\u043e\u0439 \u0441\u0442\u0430\u043d\u0446\u0438\u0438\">\r\n <img decoding=\"async\" src=\"http:\/\/bantv.ru\/wp-content\/uploads\/2026\/04\/\u043f\u043e\u0436\u0430\u0440\u043d\u0430\u044f-\u0440\u0435\u0441\u0435\u043f\u0448\u043d.png\" alt=\"\u041f\u043e\u0436\u0430\u0440\u043d\u0430\u044f \u0440\u0435\u0441\u0435\u043f\u0448\u043d\" loading=\"lazy\">\r\n <div class=\"expand-icon\">\u26f6<\/div>\r\n <\/div>\r\n <div class=\"dept-slide-text slide-right\">\r\n <div class=\"dept-slide-tag fire\">\u0418\u043d\u0442\u0435\u0440\u044c\u0435\u0440<\/div>\r\n <h3 class=\"dept-slide-title fire\">\u0420\u0435\u0441\u0435\u043f\u0448\u043d<\/h3>\r\n <p class=\"dept-slide-desc\">\u041c\u0435\u0441\u0442\u043e \u043f\u0435\u0440\u0432\u043e\u0433\u043e \u043a\u043e\u043d\u0442\u0430\u043a\u0442\u0430 \u0441 \u043f\u043e\u0441\u0435\u0442\u0438\u0442\u0435\u043b\u044f\u043c\u0438. \u0421\u043e\u0432\u0440\u0435\u043c\u0435\u043d\u043d\u0430\u044f \u0441\u0442\u043e\u0439\u043a\u0430 \u0440\u0435\u0433\u0438\u0441\u0442\u0440\u0430\u0446\u0438\u0438 \u0441 \u0441\u0438\u0441\u0442\u0435\u043c\u043e\u0439 \u043e\u043f\u043e\u0432\u0435\u0449\u0435\u043d\u0438\u044f \u0438 \u043a\u043e\u043c\u0444\u043e\u0440\u0442\u043d\u043e\u0439 \u0437\u043e\u043d\u043e\u0439 \u043e\u0436\u0438\u0434\u0430\u043d\u0438\u044f.<\/p>\r\n <ul class=\"dept-slide-features\">\r\n <li><span class=\"check fire\">\u2713<\/span> \u0421\u0442\u043e\u0439\u043a\u0430 \u0440\u0435\u0433\u0438\u0441\u0442\u0440\u0430\u0446\u0438\u0438<\/li>\r\n <li><span class=\"check fire\">\u2713<\/span> \u0421\u0438\u0441\u0442\u0435\u043c\u0430 \u043e\u043f\u043e\u0432\u0435\u0449\u0435\u043d\u0438\u044f<\/li>\r\n <li><span class=\"check fire\">\u2713<\/span> \u0417\u043e\u043d\u0430 \u043e\u0436\u0438\u0434\u0430\u043d\u0438\u044f<\/li>\r\n <\/ul>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"dept-slide\" data-dept=\"fire\">\r\n <div class=\"dept-slide-number\">04<\/div>\r\n <div class=\"dept-slide-inner\">\r\n <div class=\"dept-slide-photo slide-left\" data-src=\"http:\/\/bantv.ru\/wp-content\/uploads\/2026\/04\/\u043f\u043e\u0436\u0430\u0440\u043d\u0430\u044f-\u0441\u0435\u043a\u0440\u0435\u0442\u0430\u0440\u0438\u0430\u0442.png\" data-label=\"\u0421\u0435\u043a\u0440\u0435\u0442\u0430\u0440\u0438\u0430\u0442\">\r\n <img decoding=\"async\" src=\"http:\/\/bantv.ru\/wp-content\/uploads\/2026\/04\/\u043f\u043e\u0436\u0430\u0440\u043d\u0430\u044f-\u0441\u0435\u043a\u0440\u0435\u0442\u0430\u0440\u0438\u0430\u0442.png\" alt=\"\u041f\u043e\u0436\u0430\u0440\u043d\u0430\u044f \u0441\u0435\u043a\u0440\u0435\u0442\u0430\u0440\u0438\u0430\u0442\" loading=\"lazy\">\r\n <div class=\"expand-icon\">\u26f6<\/div>\r\n <\/div>\r\n <div class=\"dept-slide-text slide-right\">\r\n <div class=\"dept-slide-tag fire\">\u0418\u043d\u0442\u0435\u0440\u044c\u0435\u0440<\/div>\r\n <h3 class=\"dept-slide-title fire\">\u0421\u0435\u043a\u0440\u0435\u0442\u0430\u0440\u0438\u0430\u0442<\/h3>\r\n <p class=\"dept-slide-desc\">\u0426\u0435\u043d\u0442\u0440 \u0434\u043e\u043a\u0443\u043c\u0435\u043d\u0442\u043e\u043e\u0431\u043e\u0440\u043e\u0442\u0430 \u0438 \u043a\u043e\u043e\u0440\u0434\u0438\u043d\u0430\u0446\u0438\u0438. \u0420\u0430\u0431\u043e\u0447\u0438\u0435 \u0441\u0442\u043e\u043b\u044b, \u0430\u0440\u0445\u0438\u0432 \u0438 \u0441\u0438\u0441\u0442\u0435\u043c\u0430 \u0441\u0432\u044f\u0437\u0438 \u2014 \u0432\u0441\u0451 \u0434\u043b\u044f \u044d\u0444\u0444\u0435\u043a\u0442\u0438\u0432\u043d\u043e\u0439 \u0440\u0430\u0431\u043e\u0442\u044b \u043f\u0435\u0440\u0441\u043e\u043d\u0430\u043b\u0430.<\/p>\r\n <ul class=\"dept-slide-features\">\r\n <li><span class=\"check fire\">\u2713<\/span> \u0414\u043e\u043a\u0443\u043c\u0435\u043d\u0442\u043e\u043e\u0431\u043e\u0440\u043e\u0442<\/li>\r\n <li><span class=\"check fire\">\u2713<\/span> \u0410\u0440\u0445\u0438\u0432 \u0438 \u0445\u0440\u0430\u043d\u0438\u043b\u0438\u0449\u0435<\/li>\r\n <li><span class=\"check fire\">\u2713<\/span> \u0421\u0438\u0441\u0442\u0435\u043c\u0430 \u0441\u0432\u044f\u0437\u0438<\/li>\r\n <\/ul>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"dept-slide\" data-dept=\"fire\">\r\n <div class=\"dept-slide-number\">05<\/div>\r\n <div class=\"dept-slide-inner\">\r\n <div class=\"dept-slide-photo slide-left\" data-src=\"http:\/\/bantv.ru\/wp-content\/uploads\/2026\/04\/\u043f\u043e\u0436\u0430\u0440\u043d\u0430\u044f-\u0433\u0430\u0440\u0430\u0436.png\" data-label=\"\u0413\u0430\u0440\u0430\u0436 \u0441\u043e \u0441\u043f\u0435\u0446\u0442\u0435\u0445\u043d\u0438\u043a\u043e\u0439\">\r\n <img decoding=\"async\" src=\"http:\/\/bantv.ru\/wp-content\/uploads\/2026\/04\/\u043f\u043e\u0436\u0430\u0440\u043d\u0430\u044f-\u0433\u0430\u0440\u0430\u0436.png\" alt=\"\u041f\u043e\u0436\u0430\u0440\u043d\u0430\u044f \u0433\u0430\u0440\u0430\u0436\" loading=\"lazy\">\r\n <div class=\"expand-icon\">\u26f6<\/div>\r\n <\/div>\r\n <div class=\"dept-slide-text slide-right\">\r\n <div class=\"dept-slide-tag fire\">\u0418\u043d\u0442\u0435\u0440\u044c\u0435\u0440<\/div>\r\n <h3 class=\"dept-slide-title fire\">\u0413\u0430\u0440\u0430\u0436 \u0441\u043e \u0441\u043f\u0435\u0446\u0442\u0435\u0445\u043d\u0438\u043a\u043e\u0439<\/h3>\r\n <p class=\"dept-slide-desc\">\u0421\u0435\u0440\u0434\u0446\u0435 \u0441\u0442\u0430\u043d\u0446\u0438\u0438 \u2014 \u0433\u0430\u0440\u0430\u0436 \u0441 \u043f\u043e\u0436\u0430\u0440\u043d\u044b\u043c\u0438 \u043c\u0430\u0448\u0438\u043d\u0430\u043c\u0438, \u043b\u0435\u0441\u0442\u043d\u0438\u0446\u0430\u043c\u0438 \u0438 \u043e\u0431\u043e\u0440\u0443\u0434\u043e\u0432\u0430\u043d\u0438\u0435\u043c. \u0422\u0435\u0445\u043d\u0438\u043a\u0430 \u0432\u0441\u0435\u0433\u0434\u0430 \u0432 \u0433\u043e\u0442\u043e\u0432\u043d\u043e\u0441\u0442\u0438 \u043a \u044d\u043a\u0441\u0442\u0440\u0435\u043d\u043d\u043e\u043c\u0443 \u0432\u044b\u0435\u0437\u0434\u0443.<\/p>\r\n <ul class=\"dept-slide-features\">\r\n <li><span class=\"check fire\">\u2713<\/span> \u041f\u043e\u0436\u0430\u0440\u043d\u044b\u0435 \u043c\u0430\u0448\u0438\u043d\u044b<\/li>\r\n <li><span class=\"check fire\">\u2713<\/span> \u041e\u0431\u043e\u0440\u0443\u0434\u043e\u0432\u0430\u043d\u0438\u0435 \u0438 \u0438\u043d\u0441\u0442\u0440\u0443\u043c\u0435\u043d\u0442\u044b<\/li>\r\n <li><span class=\"check fire\">\u2713<\/span> \u0417\u043e\u043d\u0430 \u043e\u0431\u0441\u043b\u0443\u0436\u0438\u0432\u0430\u043d\u0438\u044f<\/li>\r\n <\/ul>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"dept-slide\" data-dept=\"fire\">\r\n <div class=\"dept-slide-number\">06<\/div>\r\n <div class=\"dept-slide-inner\">\r\n <div class=\"dept-slide-photo slide-left\" data-src=\"http:\/\/bantv.ru\/wp-content\/uploads\/2026\/04\/\u043f\u043e\u0436\u0430\u0440\u043d\u0430\u044f-\u043a\u0430\u0431\u0438\u043d\u0435\u0442-\u0433\u043b\u0430\u0432\u044b.png\" data-label=\"\u041a\u0430\u0431\u0438\u043d\u0435\u0442 \u043d\u0430\u0447\u0430\u043b\u044c\u043d\u0438\u043a\u0430\">\r\n <img decoding=\"async\" src=\"http:\/\/bantv.ru\/wp-content\/uploads\/2026\/04\/\u043f\u043e\u0436\u0430\u0440\u043d\u0430\u044f-\u043a\u0430\u0431\u0438\u043d\u0435\u0442-\u0433\u043b\u0430\u0432\u044b.png\" alt=\"\u041a\u0430\u0431\u0438\u043d\u0435\u0442 \u0433\u043b\u0430\u0432\u044b\" loading=\"lazy\">\r\n <div class=\"expand-icon\">\u26f6<\/div>\r\n <\/div>\r\n <div class=\"dept-slide-text slide-right\">\r\n <div class=\"dept-slide-tag fire\">\u0418\u043d\u0442\u0435\u0440\u044c\u0435\u0440<\/div>\r\n <h3 class=\"dept-slide-title fire\">\u041a\u0430\u0431\u0438\u043d\u0435\u0442 \u043d\u0430\u0447\u0430\u043b\u044c\u043d\u0438\u043a\u0430<\/h3>\r\n <p class=\"dept-slide-desc\">\u0420\u0430\u0431\u043e\u0447\u0435\u0435 \u043c\u0435\u0441\u0442\u043e \u0440\u0443\u043a\u043e\u0432\u043e\u0434\u0438\u0442\u0435\u043b\u044f \u0441\u0442\u0430\u043d\u0446\u0438\u0438. \u0421\u0442\u0440\u0430\u0442\u0435\u0433\u0438\u0447\u0435\u0441\u043a\u043e\u0435 \u043f\u043b\u0430\u043d\u0438\u0440\u043e\u0432\u0430\u043d\u0438\u0435, \u0443\u043f\u0440\u0430\u0432\u043b\u0435\u043d\u0438\u0435 \u0431\u0440\u0438\u0433\u0430\u0434\u0430\u043c\u0438 \u0438 \u043a\u043e\u043e\u0440\u0434\u0438\u043d\u0430\u0446\u0438\u044f \u043e\u043f\u0435\u0440\u0430\u0446\u0438\u0439.<\/p>\r\n <ul class=\"dept-slide-features\">\r\n <li><span class=\"check fire\">\u2713<\/span> \u0420\u0430\u0431\u043e\u0447\u0438\u0439 \u0441\u0442\u043e\u043b \u0440\u0443\u043a\u043e\u0432\u043e\u0434\u0438\u0442\u0435\u043b\u044f<\/li>\r\n <li><span class=\"check fire\">\u2713<\/span> \u0421\u0442\u0440\u0430\u0442\u0435\u0433\u0438\u0447\u0435\u0441\u043a\u0438\u0435 \u043a\u0430\u0440\u0442\u044b<\/li>\r\n <li><span class=\"check fire\">\u2713<\/span> \u041f\u0430\u043d\u0435\u043b\u044c \u0443\u043f\u0440\u0430\u0432\u043b\u0435\u043d\u0438\u044f<\/li>\r\n <\/ul>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"dept-slide\" data-dept=\"fire\">\r\n <div class=\"dept-slide-number\">07<\/div>\r\n <div class=\"dept-slide-inner\">\r\n <div class=\"dept-slide-photo slide-left\" data-src=\"http:\/\/bantv.ru\/wp-content\/uploads\/2026\/04\/\u043f\u043e\u0436\u0430\u0440\u043d\u0430\u044f-\u043a\u0430\u0431\u0438\u043d\u0435\u0442-\u0433\u043b\u0430\u0432\u044b2.png\" data-label=\"\u041a\u0430\u0431\u0438\u043d\u0435\u0442 \u043d\u0430\u0447\u0430\u043b\u044c\u043d\u0438\u043a\u0430 (\u0432\u0438\u0434 2)\">\r\n <img decoding=\"async\" src=\"http:\/\/bantv.ru\/wp-content\/uploads\/2026\/04\/\u043f\u043e\u0436\u0430\u0440\u043d\u0430\u044f-\u043a\u0430\u0431\u0438\u043d\u0435\u0442-\u0433\u043b\u0430\u0432\u044b2.png\" alt=\"\u041a\u0430\u0431\u0438\u043d\u0435\u0442 \u0433\u043b\u0430\u0432\u044b 2\" loading=\"lazy\">\r\n <div class=\"expand-icon\">\u26f6<\/div>\r\n <\/div>\r\n <div class=\"dept-slide-text slide-right\">\r\n <div class=\"dept-slide-tag fire\">\u0418\u043d\u0442\u0435\u0440\u044c\u0435\u0440<\/div>\r\n <h3 class=\"dept-slide-title fire\">\u041a\u0430\u0431\u0438\u043d\u0435\u0442 \u2014 \u0432\u0442\u043e\u0440\u043e\u0439 \u0440\u0430\u043a\u0443\u0440\u0441<\/h3>\r\n <p class=\"dept-slide-desc\">\u0412\u0438\u0434 \u043a\u0430\u0431\u0438\u043d\u0435\u0442\u0430 \u043d\u0430\u0447\u0430\u043b\u044c\u043d\u0438\u043a\u0430 \u0441 \u0434\u0440\u0443\u0433\u043e\u0439 \u0441\u0442\u043e\u0440\u043e\u043d\u044b. \u041f\u0430\u043d\u043e\u0440\u0430\u043c\u043d\u043e\u0435 \u043e\u043a\u043d\u043e \u0441 \u043e\u0431\u0437\u043e\u0440\u043e\u043c \u043d\u0430 \u0442\u0435\u0440\u0440\u0438\u0442\u043e\u0440\u0438\u044e \u0441\u0442\u0430\u043d\u0446\u0438\u0438.<\/p>\r\n <ul class=\"dept-slide-features\">\r\n <li><span class=\"check fire\">\u2713<\/span> \u041f\u0430\u043d\u043e\u0440\u0430\u043c\u043d\u044b\u0439 \u043e\u0431\u0437\u043e\u0440<\/li>\r\n <li><span class=\"check fire\">\u2713<\/span> \u0417\u043e\u043d\u0430 \u0441\u043e\u0432\u0435\u0449\u0430\u043d\u0438\u0439<\/li>\r\n <li><span class=\"check fire\">\u2713<\/span> \u0414\u0435\u0442\u0430\u043b\u0438\u0437\u0430\u0446\u0438\u044f \u0438\u043d\u0442\u0435\u0440\u044c\u0435\u0440\u0430<\/li>\r\n <\/ul>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"dept-slide\" data-dept=\"fire\">\r\n <div class=\"dept-slide-number\">08<\/div>\r\n <div class=\"dept-slide-inner\">\r\n <div class=\"dept-slide-photo slide-left\" data-src=\"http:\/\/bantv.ru\/wp-content\/uploads\/2026\/04\/\u043f\u043e\u0436\u0430\u0440\u043d\u0430\u044f-\u043a\u0443\u0445\u043d\u044f.png\" data-label=\"\u041a\u0443\u0445\u043d\u044f \u0438 \u0437\u043e\u043d\u0430 \u043e\u0442\u0434\u044b\u0445\u0430\">\r\n <img decoding=\"async\" src=\"http:\/\/bantv.ru\/wp-content\/uploads\/2026\/04\/\u043f\u043e\u0436\u0430\u0440\u043d\u0430\u044f-\u043a\u0443\u0445\u043d\u044f.png\" alt=\"\u041f\u043e\u0436\u0430\u0440\u043d\u0430\u044f \u043a\u0443\u0445\u043d\u044f\" loading=\"lazy\">\r\n <div class=\"expand-icon\">\u26f6<\/div>\r\n <\/div>\r\n <div class=\"dept-slide-text slide-right\">\r\n <div class=\"dept-slide-tag fire\">\u0418\u043d\u0442\u0435\u0440\u044c\u0435\u0440<\/div>\r\n <h3 class=\"dept-slide-title fire\">\u041a\u0443\u0445\u043d\u044f \u0438 \u0437\u043e\u043d\u0430 \u043e\u0442\u0434\u044b\u0445\u0430<\/h3>\r\n <p class=\"dept-slide-desc\">\u041c\u0435\u0441\u0442\u043e, \u0433\u0434\u0435 \u043f\u043e\u0436\u0430\u0440\u043d\u044b\u0435 \u0432\u043e\u0441\u0441\u0442\u0430\u043d\u0430\u0432\u043b\u0438\u0432\u0430\u044e\u0442 \u0441\u0438\u043b\u044b \u043c\u0435\u0436\u0434\u0443 \u0432\u044b\u0437\u043e\u0432\u0430\u043c\u0438. \u041f\u043e\u043b\u043d\u043e\u0441\u0442\u044c\u044e \u043e\u0431\u043e\u0440\u0443\u0434\u043e\u0432\u0430\u043d\u043d\u0430\u044f \u043a\u0443\u0445\u043d\u044f \u0441 \u0437\u043e\u043d\u043e\u0439 \u043e\u0442\u0434\u044b\u0445\u0430.<\/p>\r\n <ul class=\"dept-slide-features\">\r\n <li><span class=\"check fire\">\u2713<\/span> \u041f\u043e\u043b\u043d\u043e\u0446\u0435\u043d\u043d\u0430\u044f \u043a\u0443\u0445\u043d\u044f<\/li>\r\n <li><span class=\"check fire\">\u2713<\/span> \u0421\u0442\u043e\u043b\u043e\u0432\u0430\u044f \u0437\u043e\u043d\u0430<\/li>\r\n <li><span class=\"check fire\">\u2713<\/span> \u0417\u043e\u043d\u0430 \u043e\u0442\u0434\u044b\u0445\u0430<\/li>\r\n <\/ul>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"dept-divider\">\r\n <div class=\"dept-divider-badge\">\u2193 \u041c\u0435\u0434\u0438\u0446\u0438\u043d\u0441\u043a\u0438\u0439 \u0434\u0435\u043f\u0430\u0440\u0442\u0430\u043c\u0435\u043d\u0442 \u2193<\/div>\r\n <\/div>\r\n\r\n \r\n <div id=\"medicalDept\">\r\n <div class=\"dept-section-header\" id=\"medicalIntro\">\r\n <span class=\"section-tag\" style=\"background:rgba(0,212,255,0.1);color:var(--neon-blue);border:1px solid rgba(0,212,255,0.2);margin-bottom:1rem;\">\u0414\u0435\u043f\u0430\u0440\u0442\u0430\u043c\u0435\u043d\u0442<\/span>\r\n <h2 class=\"dept-intro-title medical\">\u041c\u0435\u0434\u0438\u0446\u0438\u043d\u0441\u043a\u0438\u0439 \u0434\u0435\u043f\u0430\u0440\u0442\u0430\u043c\u0435\u043d\u0442<\/h2>\r\n <p class=\"dept-intro-desc\">\u0421\u043e\u0432\u0440\u0435\u043c\u0435\u043d\u043d\u0430\u044f \u0431\u043e\u043b\u044c\u043d\u0438\u0446\u0430 \u0441 \u043f\u0440\u043e\u0434\u0443\u043c\u0430\u043d\u043d\u043e\u0439 \u0430\u0440\u0445\u0438\u0442\u0435\u043a\u0442\u0443\u0440\u043e\u0439. \u041e\u0442 \u043f\u0440\u0438\u0451\u043c\u043d\u043e\u0433\u043e \u043e\u0442\u0434\u0435\u043b\u0435\u043d\u0438\u044f \u0434\u043e \u0441\u043f\u0435\u0446\u0438\u0430\u043b\u0438\u0437\u0438\u0440\u043e\u0432\u0430\u043d\u043d\u044b\u0445 \u043a\u0430\u0431\u0438\u043d\u0435\u0442\u043e\u0432 \u2014 \u043a\u0430\u0436\u0434\u0430\u044f \u043b\u043e\u043a\u0430\u0446\u0438\u044f \u0434\u043b\u044f \u0440\u0435\u0430\u043b\u0438\u0441\u0442\u0438\u0447\u043d\u043e\u0433\u043e \u043c\u0435\u0434\u0438\u0446\u0438\u043d\u0441\u043a\u043e\u0433\u043e RP.<\/p>\r\n <\/div>\r\n\r\n <div class=\"dept-slide\" data-dept=\"medical\">\r\n <div class=\"dept-slide-number\">01<\/div>\r\n <div class=\"dept-slide-inner\">\r\n <div class=\"dept-slide-photo slide-right\" data-src=\"http:\/\/bantv.ru\/wp-content\/uploads\/2026\/04\/\u0440\u0435\u043d\u0434\u0435\u0440\u044b-\u0431\u043e\u043b\u044c\u043d\u0438\u0446\u044b-1.png\" data-label=\"\u042d\u043a\u0441\u0442\u0435\u0440\u044c\u0435\u0440 \u0431\u043e\u043b\u044c\u043d\u0438\u0446\u044b\">\r\n <img decoding=\"async\" src=\"http:\/\/bantv.ru\/wp-content\/uploads\/2026\/04\/\u0440\u0435\u043d\u0434\u0435\u0440\u044b-\u0431\u043e\u043b\u044c\u043d\u0438\u0446\u044b-1.png\" alt=\"\u0411\u043e\u043b\u044c\u043d\u0438\u0446\u0430 \u0440\u0435\u043d\u0434\u0435\u0440\" loading=\"lazy\">\r\n <div class=\"expand-icon\">\u26f6<\/div>\r\n <\/div>\r\n <div class=\"dept-slide-text slide-left\">\r\n <div class=\"dept-slide-tag medical\">\u042d\u043a\u0441\u0442\u0435\u0440\u044c\u0435\u0440<\/div>\r\n <h3 class=\"dept-slide-title medical\">\u041c\u0435\u0434\u0438\u0446\u0438\u043d\u0441\u043a\u0438\u0439 \u0446\u0435\u043d\u0442\u0440<\/h3>\r\n <p class=\"dept-slide-desc\">\u0421\u043e\u0432\u0440\u0435\u043c\u0435\u043d\u043d\u0430\u044f \u0431\u043e\u043b\u044c\u043d\u0438\u0446\u0430 \u0441 \u043f\u0440\u043e\u0434\u0443\u043c\u0430\u043d\u043d\u043e\u0439 \u0430\u0440\u0445\u0438\u0442\u0435\u043a\u0442\u0443\u0440\u043e\u0439. \u042d\u043a\u0441\u0442\u0435\u0440\u044c\u0435\u0440, \u043a\u043e\u0442\u043e\u0440\u044b\u0439 \u0432\u043d\u0443\u0448\u0430\u0435\u0442 \u0434\u043e\u0432\u0435\u0440\u0438\u0435 \u0438 \u0441\u043f\u043e\u043a\u043e\u0439\u0441\u0442\u0432\u0438\u0435.<\/p>\r\n <ul class=\"dept-slide-features\">\r\n <li><span class=\"check medical\">\u2713<\/span> \u0421\u043e\u0432\u0440\u0435\u043c\u0435\u043d\u043d\u0430\u044f \u0430\u0440\u0445\u0438\u0442\u0435\u043a\u0442\u0443\u0440\u0430<\/li>\r\n <li><span class=\"check medical\">\u2713<\/span> \u041f\u0440\u0438\u043b\u0435\u0433\u0430\u044e\u0449\u0430\u044f \u0442\u0435\u0440\u0440\u0438\u0442\u043e\u0440\u0438\u044f<\/li>\r\n <li><span class=\"check medical\">\u2713<\/span> \u041f\u0430\u0440\u043a\u043e\u0432\u043a\u0430 \u0434\u043b\u044f \u0441\u043a\u043e\u0440\u043e\u0439<\/li>\r\n <\/ul>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"dept-slide\" data-dept=\"medical\">\r\n <div class=\"dept-slide-number\">02<\/div>\r\n <div class=\"dept-slide-inner\">\r\n <div class=\"dept-slide-photo slide-right\" data-src=\"http:\/\/bantv.ru\/wp-content\/uploads\/2026\/04\/\u0431\u043e\u043b\u044c\u043d\u0438\u0446\u0430-1-\u044d\u0442\u0430\u0436.png\" data-label=\"\u041f\u0440\u0438\u0451\u043c\u043d\u043e\u0435 \u043e\u0442\u0434\u0435\u043b\u0435\u043d\u0438\u0435\">\r\n <img decoding=\"async\" src=\"http:\/\/bantv.ru\/wp-content\/uploads\/2026\/04\/\u0431\u043e\u043b\u044c\u043d\u0438\u0446\u0430-1-\u044d\u0442\u0430\u0436.png\" alt=\"\u0411\u043e\u043b\u044c\u043d\u0438\u0446\u0430 1 \u044d\u0442\u0430\u0436\" loading=\"lazy\">\r\n <div class=\"expand-icon\">\u26f6<\/div>\r\n <\/div>\r\n <div class=\"dept-slide-text slide-left\">\r\n <div class=\"dept-slide-tag medical\">\u041f\u0435\u0440\u0432\u044b\u0439 \u044d\u0442\u0430\u0436<\/div>\r\n <h3 class=\"dept-slide-title medical\">\u041f\u0440\u0438\u0451\u043c\u043d\u043e\u0435 \u043e\u0442\u0434\u0435\u043b\u0435\u043d\u0438\u0435<\/h3>\r\n <p class=\"dept-slide-desc\">\u041f\u0435\u0440\u0432\u043e\u0435 \u043c\u0435\u0441\u0442\u043e, \u043a\u0443\u0434\u0430 \u043f\u043e\u043f\u0430\u0434\u0430\u044e\u0442 \u043f\u0430\u0446\u0438\u0435\u043d\u0442\u044b. \u0421\u0442\u043e\u0439\u043a\u0430 \u0440\u0435\u0433\u0438\u0441\u0442\u0440\u0430\u0446\u0438\u0438, \u0437\u043e\u043d\u0430 \u043e\u0436\u0438\u0434\u0430\u043d\u0438\u044f \u0438 \u0441\u0438\u0441\u0442\u0435\u043c\u0430 \u043d\u0430\u0432\u0438\u0433\u0430\u0446\u0438\u0438.<\/p>\r\n <ul class=\"dept-slide-features\">\r\n <li><span class=\"check medical\">\u2713<\/span> \u0421\u0442\u043e\u0439\u043a\u0430 \u0440\u0435\u0433\u0438\u0441\u0442\u0440\u0430\u0446\u0438\u0438<\/li>\r\n <li><span class=\"check medical\">\u2713<\/span> \u0417\u043e\u043d\u0430 \u043e\u0436\u0438\u0434\u0430\u043d\u0438\u044f<\/li>\r\n <li><span class=\"check medical\">\u2713<\/span> \u0421\u0438\u0441\u0442\u0435\u043c\u0430 \u043d\u0430\u0432\u0438\u0433\u0430\u0446\u0438\u0438<\/li>\r\n <\/ul>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"dept-slide\" data-dept=\"medical\">\r\n <div class=\"dept-slide-number\">03<\/div>\r\n <div class=\"dept-slide-inner\">\r\n <div class=\"dept-slide-photo slide-right\" data-src=\"http:\/\/bantv.ru\/wp-content\/uploads\/2026\/04\/\u0431\u043e\u043b\u044c\u043d\u0438\u0446\u0430-1-\u044d\u0442\u0430\u04362.png\" data-label=\"\u0425\u043e\u043b\u043b \u043f\u0435\u0440\u0432\u043e\u0433\u043e \u044d\u0442\u0430\u0436\u0430\">\r\n <img decoding=\"async\" src=\"http:\/\/bantv.ru\/wp-content\/uploads\/2026\/04\/\u0431\u043e\u043b\u044c\u043d\u0438\u0446\u0430-1-\u044d\u0442\u0430\u04362.png\" alt=\"\u0411\u043e\u043b\u044c\u043d\u0438\u0446\u0430 1 \u044d\u0442\u0430\u0436 2\" loading=\"lazy\">\r\n <div class=\"expand-icon\">\u26f6<\/div>\r\n <\/div>\r\n <div class=\"dept-slide-text slide-left\">\r\n <div class=\"dept-slide-tag medical\">\u041f\u0435\u0440\u0432\u044b\u0439 \u044d\u0442\u0430\u0436<\/div>\r\n <h3 class=\"dept-slide-title medical\">\u0425\u043e\u043b\u043b \u043f\u0435\u0440\u0432\u043e\u0433\u043e \u044d\u0442\u0430\u0436\u0430<\/h3>\r\n <p class=\"dept-slide-desc\">\u041f\u0440\u043e\u0441\u0442\u043e\u0440\u043d\u044b\u0439 \u0445\u043e\u043b\u043b \u0441 \u043a\u043e\u043c\u0444\u043e\u0440\u0442\u043d\u043e\u0439 \u0437\u043e\u043d\u043e\u0439 \u043e\u0436\u0438\u0434\u0430\u043d\u0438\u044f \u0438 \u0438\u043d\u0444\u043e\u0440\u043c\u0430\u0446\u0438\u043e\u043d\u043d\u044b\u043c\u0438 \u0441\u0442\u0435\u043d\u0434\u0430\u043c\u0438.<\/p>\r\n <ul class=\"dept-slide-features\">\r\n <li><span class=\"check medical\">\u2713<\/span> \u041f\u0440\u043e\u0441\u0442\u043e\u0440\u043d\u044b\u0439 \u0445\u043e\u043b\u043b<\/li>\r\n <li><span class=\"check medical\">\u2713<\/span> \u0418\u043d\u0444\u043e\u0440\u043c\u0430\u0446\u0438\u043e\u043d\u043d\u044b\u0435 \u0441\u0442\u0435\u043d\u0434\u044b<\/li>\r\n <li><span class=\"check medical\">\u2713<\/span> \u041a\u043e\u043c\u0444\u043e\u0440\u0442\u043d\u0430\u044f \u0437\u043e\u043d\u0430<\/li>\r\n <\/ul>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"dept-slide\" data-dept=\"medical\">\r\n <div class=\"dept-slide-number\">04<\/div>\r\n <div class=\"dept-slide-inner\">\r\n <div class=\"dept-slide-photo slide-right\" data-src=\"http:\/\/bantv.ru\/wp-content\/uploads\/2026\/04\/\u0431\u043e\u043b\u044c\u043d\u0438\u0446\u0430-2-\u044d\u0442\u0430\u0436.png\" data-label=\"\u0412\u0442\u043e\u0440\u043e\u0439 \u044d\u0442\u0430\u0436 \u2014 \u043a\u043e\u0440\u0438\u0434\u043e\u0440\">\r\n <img decoding=\"async\" src=\"http:\/\/bantv.ru\/wp-content\/uploads\/2026\/04\/\u0431\u043e\u043b\u044c\u043d\u0438\u0446\u0430-2-\u044d\u0442\u0430\u0436.png\" alt=\"\u0411\u043e\u043b\u044c\u043d\u0438\u0446\u0430 2 \u044d\u0442\u0430\u0436\" loading=\"lazy\">\r\n <div class=\"expand-icon\">\u26f6<\/div>\r\n <\/div>\r\n <div class=\"dept-slide-text slide-left\">\r\n <div class=\"dept-slide-tag medical\">\u0412\u0442\u043e\u0440\u043e\u0439 \u044d\u0442\u0430\u0436<\/div>\r\n <h3 class=\"dept-slide-title medical\">\u041a\u043e\u0440\u0438\u0434\u043e\u0440 \u0432\u0442\u043e\u0440\u043e\u0433\u043e \u044d\u0442\u0430\u0436\u0430<\/h3>\r\n <p class=\"dept-slide-desc\">\u0427\u0438\u0441\u0442\u043e\u0442\u0430, \u043f\u043e\u0440\u044f\u0434\u043e\u043a \u0438 \u0441\u043e\u0432\u0440\u0435\u043c\u0435\u043d\u043d\u043e\u0435 \u043e\u0441\u043d\u0430\u0449\u0435\u043d\u0438\u0435. \u041a\u043e\u0440\u0438\u0434\u043e\u0440 \u0432\u0435\u0434\u0451\u0442 \u043a \u0441\u043f\u0435\u0446\u0438\u0430\u043b\u0438\u0437\u0438\u0440\u043e\u0432\u0430\u043d\u043d\u044b\u043c \u043f\u0430\u043b\u0430\u0442\u0430\u043c \u0438 \u043a\u0430\u0431\u0438\u043d\u0435\u0442\u0430\u043c.<\/p>\r\n <ul class=\"dept-slide-features\">\r\n <li><span class=\"check medical\">\u2713<\/span> \u0421\u043e\u0432\u0440\u0435\u043c\u0435\u043d\u043d\u043e\u0435 \u043e\u0441\u0432\u0435\u0449\u0435\u043d\u0438\u0435<\/li>\r\n <li><span class=\"check medical\">\u2713<\/span> \u041d\u0430\u0432\u0438\u0433\u0430\u0446\u0438\u044f \u043f\u043e \u044d\u0442\u0430\u0436\u0430\u043c<\/li>\r\n <li><span class=\"check medical\">\u2713<\/span> \u0414\u043e\u0441\u0442\u0443\u043f \u043a \u043f\u0430\u043b\u0430\u0442\u0430\u043c<\/li>\r\n <\/ul>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"dept-slide\" data-dept=\"medical\">\r\n <div class=\"dept-slide-number\">05<\/div>\r\n <div class=\"dept-slide-inner\">\r\n <div class=\"dept-slide-photo slide-right\" data-src=\"http:\/\/bantv.ru\/wp-content\/uploads\/2026\/04\/\u0431\u043e\u043b\u044c\u043d\u0438\u0446\u0430-2-\u044d\u0442\u0430\u04362.png\" data-label=\"\u041f\u0430\u043b\u0430\u0442\u044b \u0432\u0442\u043e\u0440\u043e\u0433\u043e \u044d\u0442\u0430\u0436\u0430\">\r\n <img decoding=\"async\" src=\"http:\/\/bantv.ru\/wp-content\/uploads\/2026\/04\/\u0431\u043e\u043b\u044c\u043d\u0438\u0446\u0430-2-\u044d\u0442\u0430\u04362.png\" alt=\"\u0411\u043e\u043b\u044c\u043d\u0438\u0446\u0430 2 \u044d\u0442\u0430\u0436 2\" loading=\"lazy\">\r\n <div class=\"expand-icon\">\u26f6<\/div>\r\n <\/div>\r\n <div class=\"dept-slide-text slide-left\">\r\n <div class=\"dept-slide-tag medical\">\u0412\u0442\u043e\u0440\u043e\u0439 \u044d\u0442\u0430\u0436<\/div>\r\n <h3 class=\"dept-slide-title medical\">\u041f\u0430\u043b\u0430\u0442\u044b<\/h3>\r\n <p class=\"dept-slide-desc\">\u041a\u043e\u043c\u0444\u043e\u0440\u0442\u043d\u044b\u0435 \u0443\u0441\u043b\u043e\u0432\u0438\u044f \u0434\u043b\u044f \u043f\u0430\u0446\u0438\u0435\u043d\u0442\u043e\u0432 \u0441 \u043f\u043e\u043b\u043d\u044b\u043c \u043c\u0435\u0434\u0438\u0446\u0438\u043d\u0441\u043a\u0438\u043c \u043e\u0441\u043d\u0430\u0449\u0435\u043d\u0438\u0435\u043c \u0438 \u043c\u043e\u043d\u0438\u0442\u043e\u0440\u0438\u043d\u0433\u043e\u043c.<\/p>\r\n <ul class=\"dept-slide-features\">\r\n <li><span class=\"check medical\">\u2713<\/span> \u041a\u043e\u043c\u0444\u043e\u0440\u0442\u043d\u044b\u0435 \u043f\u0430\u043b\u0430\u0442\u044b<\/li>\r\n <li><span class=\"check medical\">\u2713<\/span> \u041c\u0435\u0434\u0438\u0446\u0438\u043d\u0441\u043a\u043e\u0435 \u043e\u0431\u043e\u0440\u0443\u0434\u043e\u0432\u0430\u043d\u0438\u0435<\/li>\r\n <li><span class=\"check medical\">\u2713<\/span> \u0421\u0438\u0441\u0442\u0435\u043c\u0430 \u043c\u043e\u043d\u0438\u0442\u043e\u0440\u0438\u043d\u0433\u0430<\/li>\r\n <\/ul>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"dept-slide\" data-dept=\"medical\">\r\n <div class=\"dept-slide-number\">06<\/div>\r\n <div class=\"dept-slide-inner\">\r\n <div class=\"dept-slide-photo slide-right\" data-src=\"http:\/\/bantv.ru\/wp-content\/uploads\/2026\/04\/\u0431\u043e\u043b\u044c\u043d\u0438\u0446\u0430-\u043a\u0430\u0431\u0438\u043d\u0435\u0442.png\" data-label=\"\u041a\u0430\u0431\u0438\u043d\u0435\u0442 \u0432\u0440\u0430\u0447\u0430\">\r\n <img decoding=\"async\" src=\"http:\/\/bantv.ru\/wp-content\/uploads\/2026\/04\/\u0431\u043e\u043b\u044c\u043d\u0438\u0446\u0430-\u043a\u0430\u0431\u0438\u043d\u0435\u0442.png\" alt=\"\u041a\u0430\u0431\u0438\u043d\u0435\u0442\" loading=\"lazy\">\r\n <div class=\"expand-icon\">\u26f6<\/div>\r\n <\/div>\r\n <div class=\"dept-slide-text slide-left\">\r\n <div class=\"dept-slide-tag medical\">\u041a\u0430\u0431\u0438\u043d\u0435\u0442<\/div>\r\n <h3 class=\"dept-slide-title medical\">\u041a\u0430\u0431\u0438\u043d\u0435\u0442 \u0432\u0440\u0430\u0447\u0430<\/h3>\r\n <p class=\"dept-slide-desc\">\u0420\u0430\u0431\u043e\u0447\u0435\u0435 \u043c\u0435\u0441\u0442\u043e \u0441\u043f\u0435\u0446\u0438\u0430\u043b\u0438\u0441\u0442\u0430 \u0441 \u0441\u043e\u0432\u0440\u0435\u043c\u0435\u043d\u043d\u044b\u043c \u043e\u0431\u043e\u0440\u0443\u0434\u043e\u0432\u0430\u043d\u0438\u0435\u043c \u0434\u043b\u044f \u0434\u0438\u0430\u0433\u043d\u043e\u0441\u0442\u0438\u043a\u0438 \u0438 \u043b\u0435\u0447\u0435\u043d\u0438\u044f.<\/p>\r\n <ul class=\"dept-slide-features\">\r\n <li><span class=\"check medical\">\u2713<\/span> \u0414\u0438\u0430\u0433\u043d\u043e\u0441\u0442\u0438\u0447\u0435\u0441\u043a\u043e\u0435 \u043e\u0431\u043e\u0440\u0443\u0434\u043e\u0432\u0430\u043d\u0438\u0435<\/li>\r\n <li><span class=\"check medical\">\u2713<\/span> \u0420\u0430\u0431\u043e\u0447\u0438\u0439 \u0441\u0442\u043e\u043b \u0432\u0440\u0430\u0447\u0430<\/li>\r\n <li><span class=\"check medical\">\u2713<\/span> \u041c\u0435\u0434\u0438\u0446\u0438\u043d\u0441\u043a\u0438\u0435 \u0438\u043d\u0441\u0442\u0440\u0443\u043c\u0435\u043d\u0442\u044b<\/li>\r\n <\/ul>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"dept-slide\" data-dept=\"medical\">\r\n <div class=\"dept-slide-number\">07<\/div>\r\n <div class=\"dept-slide-inner\">\r\n <div class=\"dept-slide-photo slide-right\" data-src=\"http:\/\/bantv.ru\/wp-content\/uploads\/2026\/04\/\u0431\u043e\u043b\u044c\u043d\u0438\u0446\u0430-\u043a\u0430\u0431\u0438\u043d\u0435\u04422.png\" data-label=\"\u041a\u0430\u0431\u0438\u043d\u0435\u0442 \u0432\u0440\u0430\u0447\u0430 (\u0432\u0438\u0434 2)\">\r\n <img decoding=\"async\" src=\"http:\/\/bantv.ru\/wp-content\/uploads\/2026\/04\/\u0431\u043e\u043b\u044c\u043d\u0438\u0446\u0430-\u043a\u0430\u0431\u0438\u043d\u0435\u04422.png\" alt=\"\u041a\u0430\u0431\u0438\u043d\u0435\u0442 2\" loading=\"lazy\">\r\n <div class=\"expand-icon\">\u26f6<\/div>\r\n <\/div>\r\n <div class=\"dept-slide-text slide-left\">\r\n <div class=\"dept-slide-tag medical\">\u041a\u0430\u0431\u0438\u043d\u0435\u0442<\/div>\r\n <h3 class=\"dept-slide-title medical\">\u041a\u0430\u0431\u0438\u043d\u0435\u0442 \u2014 \u0432\u0442\u043e\u0440\u043e\u0439 \u0440\u0430\u043a\u0443\u0440\u0441<\/h3>\r\n <p class=\"dept-slide-desc\">\u0414\u0435\u0442\u0430\u043b\u0438\u0437\u0430\u0446\u0438\u044f \u0440\u0430\u0431\u043e\u0447\u0435\u0433\u043e \u043f\u0440\u043e\u0441\u0442\u0440\u0430\u043d\u0441\u0442\u0432\u0430 \u0438 \u043c\u0435\u0434\u0438\u0446\u0438\u043d\u0441\u043a\u0438\u0445 \u0438\u043d\u0441\u0442\u0440\u0443\u043c\u0435\u043d\u0442\u043e\u0432 \u0441 \u0434\u0440\u0443\u0433\u043e\u0433\u043e \u0440\u0430\u043a\u0443\u0440\u0441\u0430.<\/p>\r\n <ul class=\"dept-slide-features\">\r\n <li><span class=\"check medical\">\u2713<\/span> \u0414\u0435\u0442\u0430\u043b\u0438\u0437\u0430\u0446\u0438\u044f \u0438\u043d\u0442\u0435\u0440\u044c\u0435\u0440\u0430<\/li>\r\n <li><span class=\"check medical\">\u2713<\/span> \u0420\u0430\u0431\u043e\u0447\u0435\u0435 \u043f\u0440\u043e\u0441\u0442\u0440\u0430\u043d\u0441\u0442\u0432\u043e<\/li>\r\n <li><span class=\"check medical\">\u2713<\/span> \u0418\u043d\u0441\u0442\u0440\u0443\u043c\u0435\u043d\u0442\u044b<\/li>\r\n <\/ul>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"dept-slide\" data-dept=\"medical\">\r\n <div class=\"dept-slide-number\">08<\/div>\r\n <div class=\"dept-slide-inner\">\r\n <div class=\"dept-slide-photo slide-right\" data-src=\"http:\/\/bantv.ru\/wp-content\/uploads\/2026\/04\/\u0431\u043e\u043b\u044c\u043d\u0438\u0446\u0430-\u043a\u0430\u0431\u0438\u043d\u0435\u04423.png\" data-label=\"\u041a\u0430\u0431\u0438\u043d\u0435\u0442 \u0432\u0440\u0430\u0447\u0430 (\u0432\u0438\u0434 3)\">\r\n <img decoding=\"async\" src=\"http:\/\/bantv.ru\/wp-content\/uploads\/2026\/04\/\u0431\u043e\u043b\u044c\u043d\u0438\u0446\u0430-\u043a\u0430\u0431\u0438\u043d\u0435\u04423.png\" alt=\"\u041a\u0430\u0431\u0438\u043d\u0435\u0442 3\" loading=\"lazy\">\r\n <div class=\"expand-icon\">\u26f6<\/div>\r\n <\/div>\r\n <div class=\"dept-slide-text slide-left\">\r\n <div class=\"dept-slide-tag medical\">\u041a\u0430\u0431\u0438\u043d\u0435\u0442<\/div>\r\n <h3 class=\"dept-slide-title medical\">\u041a\u0430\u0431\u0438\u043d\u0435\u0442 \u2014 \u0442\u0440\u0435\u0442\u0438\u0439 \u0440\u0430\u043a\u0443\u0440\u0441<\/h3>\r\n <p class=\"dept-slide-desc\">\u0422\u0440\u0435\u0442\u0438\u0439 \u043e\u0431\u0437\u043e\u0440 \u043a\u0430\u0431\u0438\u043d\u0435\u0442\u0430, \u043e\u0442\u0440\u0430\u0436\u0430\u044e\u0449\u0438\u0439 \u0430\u0442\u043c\u043e\u0441\u0444\u0435\u0440\u0443 \u043c\u0435\u0434\u0438\u0446\u0438\u043d\u0441\u043a\u043e\u0439 \u0440\u0430\u0431\u043e\u0442\u044b \u0438 \u043f\u0440\u043e\u0444\u0435\u0441\u0441\u0438\u043e\u043d\u0430\u043b\u044c\u043d\u0443\u044e \u0441\u0440\u0435\u0434\u0443.<\/p>\r\n <ul class=\"dept-slide-features\">\r\n <li><span class=\"check medical\">\u2713<\/span> \u0410\u0442\u043c\u043e\u0441\u0444\u0435\u0440\u0430 \u0440\u0430\u0431\u043e\u0442\u044b<\/li>\r\n <li><span class=\"check medical\">\u2713<\/span> \u041f\u0440\u043e\u0444\u0435\u0441\u0441\u0438\u043e\u043d\u0430\u043b\u044c\u043d\u0430\u044f \u0441\u0440\u0435\u0434\u0430<\/li>\r\n <li><span class=\"check medical\">\u2713<\/span> \u041f\u043e\u043b\u043d\u044b\u0439 \u043e\u0431\u0437\u043e\u0440<\/li>\r\n <\/ul>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"dept-divider\">\r\n <div class=\"dept-divider-badge\">\u2193 \u041f\u043e\u043b\u0438\u0446\u0435\u0439\u0441\u043a\u0438\u0439 \u0434\u0435\u043f\u0430\u0440\u0442\u0430\u043c\u0435\u043d\u0442 \u2193<\/div>\r\n <\/div>\r\n\r\n \r\n <div id=\"policeDept\">\r\n <div class=\"dept-section-header\" id=\"policeIntro\">\r\n <span class=\"section-tag\" style=\"background:rgba(59,130,246,0.1);color:var(--police-blue);border:1px solid rgba(59,130,246,0.2);margin-bottom:1rem;\">\u0414\u0435\u043f\u0430\u0440\u0442\u0430\u043c\u0435\u043d\u0442<\/span>\r\n <h2 class=\"dept-intro-title police\">\u041f\u043e\u043b\u0438\u0446\u0435\u0439\u0441\u043a\u0438\u0439 \u0434\u0435\u043f\u0430\u0440\u0442\u0430\u043c\u0435\u043d\u0442<\/h2>\r\n <p class=\"dept-intro-desc\">\u041f\u043e\u043b\u043d\u043e\u0446\u0435\u043d\u043d\u044b\u0439 \u043f\u043e\u043b\u0438\u0446\u0435\u0439\u0441\u043a\u0438\u0439 \u0443\u0447\u0430\u0441\u0442\u043e\u043a \u0441 \u043f\u0440\u043e\u0434\u0443\u043c\u0430\u043d\u043d\u043e\u0439 \u0438\u043d\u0444\u0440\u0430\u0441\u0442\u0440\u0443\u043a\u0442\u0443\u0440\u043e\u0439. \u041e\u0442 \u043a\u0430\u043c\u0435\u0440 \u0441\u043e\u0434\u0435\u0440\u0436\u0430\u043d\u0438\u044f \u0434\u043e \u0440\u0430\u0437\u0434\u0435\u0432\u0430\u043b\u043e\u043a \u2014 \u043a\u0430\u0436\u0434\u0430\u044f \u0437\u043e\u043d\u0430 \u0441\u043e\u0437\u0434\u0430\u043d\u0430 \u0434\u043b\u044f \u0440\u0435\u0430\u043b\u0438\u0441\u0442\u0438\u0447\u043d\u043e\u0433\u043e RP \u043f\u0440\u0430\u0432\u043e\u043e\u0445\u0440\u0430\u043d\u0438\u0442\u0435\u043b\u044c\u043d\u044b\u0445 \u043e\u0440\u0433\u0430\u043d\u043e\u0432.<\/p>\r\n <\/div>\r\n\r\n <div class=\"dept-slide\" data-dept=\"police\">\r\n <div class=\"dept-slide-number\">01<\/div>\r\n <div class=\"dept-slide-inner\">\r\n <div class=\"dept-slide-photo slide-left\" data-src=\"http:\/\/bantv.ru\/wp-content\/uploads\/2026\/04\/\u043f\u043e\u043b\u0438\u0446\u0438\u044f\u0441\u043d\u0430\u0440\u0443\u0436\u0438.png\" data-label=\"\u042d\u043a\u0441\u0442\u0435\u0440\u044c\u0435\u0440 \u043f\u043e\u043b\u0438\u0446\u0435\u0439\u0441\u043a\u043e\u0433\u043e \u0434\u0435\u043f\u0430\u0440\u0442\u0430\u043c\u0435\u043d\u0442\u0430\">\r\n <img decoding=\"async\" src=\"http:\/\/bantv.ru\/wp-content\/uploads\/2026\/04\/\u043f\u043e\u043b\u0438\u0446\u0438\u044f\u0441\u043d\u0430\u0440\u0443\u0436\u0438.png\" alt=\"\u041f\u043e\u043b\u0438\u0446\u0438\u044f \u0441\u043d\u0430\u0440\u0443\u0436\u0438\" loading=\"lazy\">\r\n <div class=\"expand-icon\">\u26f6<\/div>\r\n <\/div>\r\n <div class=\"dept-slide-text slide-right\">\r\n <div class=\"dept-slide-tag police\">\u042d\u043a\u0441\u0442\u0435\u0440\u044c\u0435\u0440<\/div>\r\n <h3 class=\"dept-slide-title police\">\u0424\u0430\u0441\u0430\u0434 \u043f\u043e\u043b\u0438\u0446\u0435\u0439\u0441\u043a\u043e\u0433\u043e \u0443\u0447\u0430\u0441\u0442\u043a\u0430<\/h3>\r\n <p class=\"dept-slide-desc\">\u0412\u043d\u0443\u0448\u0438\u0442\u0435\u043b\u044c\u043d\u044b\u0439 \u0432\u043d\u0435\u0448\u043d\u0438\u0439 \u0432\u0438\u0434 \u043f\u043e\u043b\u0438\u0446\u0435\u0439\u0441\u043a\u043e\u0433\u043e \u0434\u0435\u043f\u0430\u0440\u0442\u0430\u043c\u0435\u043d\u0442\u0430. \u0417\u0434\u0430\u043d\u0438\u0435, \u0441\u0438\u043c\u0432\u043e\u043b\u0438\u0437\u0438\u0440\u0443\u044e\u0449\u0435\u0435 \u043f\u043e\u0440\u044f\u0434\u043e\u043a \u0438 \u0431\u0435\u0437\u043e\u043f\u0430\u0441\u043d\u043e\u0441\u0442\u044c, \u0441 \u043f\u0440\u043e\u0434\u0443\u043c\u0430\u043d\u043d\u043e\u0439 \u0442\u0435\u0440\u0440\u0438\u0442\u043e\u0440\u0438\u0435\u0439.<\/p>\r\n <ul class=\"dept-slide-features\">\r\n <li><span class=\"check police\">\u2713<\/span> \u0410\u0440\u0445\u0438\u0442\u0435\u043a\u0442\u0443\u0440\u043d\u044b\u0439 \u0444\u0430\u0441\u0430\u0434<\/li>\r\n <li><span class=\"check police\">\u2713<\/span> \u041f\u0440\u0438\u043b\u0435\u0433\u0430\u044e\u0449\u0430\u044f \u0442\u0435\u0440\u0440\u0438\u0442\u043e\u0440\u0438\u044f<\/li>\r\n <li><span class=\"check police\">\u2713<\/span> \u041f\u0430\u0440\u043a\u043e\u0432\u043a\u0430 \u043f\u0430\u0442\u0440\u0443\u043b\u044c\u043d\u044b\u0445 \u0430\u0432\u0442\u043e<\/li>\r\n <\/ul>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"dept-slide\" data-dept=\"police\">\r\n <div class=\"dept-slide-number\">02<\/div>\r\n <div class=\"dept-slide-inner\">\r\n <div class=\"dept-slide-photo slide-left\" data-src=\"http:\/\/bantv.ru\/wp-content\/uploads\/2026\/04\/\u043f\u043e\u043b\u0438\u0446\u0438\u044f\u0441\u043d\u0430\u0440\u0443\u0436\u04382.png\" data-label=\"\u041f\u043e\u043b\u0438\u0446\u0435\u0439\u0441\u043a\u0438\u0439 \u0434\u0435\u043f\u0430\u0440\u0442\u0430\u043c\u0435\u043d\u0442 \u2014 \u0432\u0442\u043e\u0440\u043e\u0439 \u0440\u0430\u043a\u0443\u0440\u0441\">\r\n <img decoding=\"async\" src=\"http:\/\/bantv.ru\/wp-content\/uploads\/2026\/04\/\u043f\u043e\u043b\u0438\u0446\u0438\u044f\u0441\u043d\u0430\u0440\u0443\u0436\u04382.png\" alt=\"\u041f\u043e\u043b\u0438\u0446\u0438\u044f \u0441\u043d\u0430\u0440\u0443\u0436\u0438 2\" loading=\"lazy\">\r\n <div class=\"expand-icon\">\u26f6<\/div>\r\n <\/div>\r\n <div class=\"dept-slide-text slide-right\">\r\n <div class=\"dept-slide-tag police\">\u042d\u043a\u0441\u0442\u0435\u0440\u044c\u0435\u0440<\/div>\r\n <h3 class=\"dept-slide-title police\">\u0412\u0442\u043e\u0440\u043e\u0439 \u0440\u0430\u043a\u0443\u0440\u0441 \u0443\u0447\u0430\u0441\u0442\u043a\u0430<\/h3>\r\n <p class=\"dept-slide-desc\">\u0410\u043b\u044c\u0442\u0435\u0440\u043d\u0430\u0442\u0438\u0432\u043d\u044b\u0439 \u0432\u0438\u0434 \u043d\u0430 \u043f\u043e\u043b\u0438\u0446\u0435\u0439\u0441\u043a\u0438\u0439 \u0434\u0435\u043f\u0430\u0440\u0442\u0430\u043c\u0435\u043d\u0442. \u0414\u0435\u0442\u0430\u043b\u0438\u0437\u0438\u0440\u043e\u0432\u0430\u043d\u043d\u0430\u044f \u0430\u0440\u0445\u0438\u0442\u0435\u043a\u0442\u0443\u0440\u0430 \u0438 \u0438\u043d\u0444\u0440\u0430\u0441\u0442\u0440\u0443\u043a\u0442\u0443\u0440\u0430 \u0434\u043b\u044f \u043f\u043e\u043b\u043d\u043e\u0433\u043e \u043f\u043e\u0433\u0440\u0443\u0436\u0435\u043d\u0438\u044f.<\/p>\r\n <ul class=\"dept-slide-features\">\r\n <li><span class=\"check police\">\u2713<\/span> \u0410\u043b\u044c\u0442\u0435\u0440\u043d\u0430\u0442\u0438\u0432\u043d\u044b\u0439 \u0440\u0430\u043a\u0443\u0440\u0441<\/li>\r\n <li><span class=\"check police\">\u2713<\/span> \u0412\u0445\u043e\u0434\u043d\u0430\u044f \u0437\u043e\u043d\u0430<\/li>\r\n <li><span class=\"check police\">\u2713<\/span> \u041e\u0441\u0432\u0435\u0449\u0435\u043d\u0438\u0435 \u0442\u0435\u0440\u0440\u0438\u0442\u043e\u0440\u0438\u0438<\/li>\r\n <\/ul>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"dept-slide\" data-dept=\"police\">\r\n <div class=\"dept-slide-number\">03<\/div>\r\n <div class=\"dept-slide-inner\">\r\n <div class=\"dept-slide-photo slide-left\" data-src=\"http:\/\/bantv.ru\/wp-content\/uploads\/2026\/04\/\u043f\u043e\u043b\u0438\u0446\u0438\u044f\u0440\u0435\u0441\u0435\u043f\u0448\u043d.png\" data-label=\"\u0420\u0435\u0441\u0435\u043f\u0448\u043d \u043f\u043e\u043b\u0438\u0446\u0435\u0439\u0441\u043a\u043e\u0433\u043e \u0434\u0435\u043f\u0430\u0440\u0442\u0430\u043c\u0435\u043d\u0442\u0430\">\r\n <img decoding=\"async\" src=\"http:\/\/bantv.ru\/wp-content\/uploads\/2026\/04\/\u043f\u043e\u043b\u0438\u0446\u0438\u044f\u0440\u0435\u0441\u0435\u043f\u0448\u043d.png\" alt=\"\u041f\u043e\u043b\u0438\u0446\u0438\u044f \u0440\u0435\u0441\u0435\u043f\u0448\u043d\" loading=\"lazy\">\r\n <div class=\"expand-icon\">\u26f6<\/div>\r\n <\/div>\r\n <div class=\"dept-slide-text slide-right\">\r\n <div class=\"dept-slide-tag police\">\u0418\u043d\u0442\u0435\u0440\u044c\u0435\u0440<\/div>\r\n <h3 class=\"dept-slide-title police\">\u0420\u0435\u0441\u0435\u043f\u0448\u043d \u0438 \u043f\u0440\u0438\u0451\u043c\u043d\u0430\u044f<\/h3>\r\n <p class=\"dept-slide-desc\">\u0417\u043e\u043d\u0430 \u043f\u0440\u0438\u0451\u043c\u0430 \u0433\u0440\u0430\u0436\u0434\u0430\u043d \u0441 \u0441\u0442\u043e\u0439\u043a\u043e\u0439 \u0440\u0435\u0433\u0438\u0441\u0442\u0440\u0430\u0446\u0438\u0438 \u0438 \u0441\u0438\u0441\u0442\u0435\u043c\u043e\u0439 \u0443\u0447\u0451\u0442\u0430. \u041c\u0435\u0441\u0442\u043e, \u0433\u0434\u0435 \u043d\u0430\u0447\u0438\u043d\u0430\u0435\u0442\u0441\u044f \u0440\u0430\u0431\u043e\u0442\u0430 \u0441 \u043f\u043e\u0441\u0435\u0442\u0438\u0442\u0435\u043b\u044f\u043c\u0438.<\/p>\r\n <ul class=\"dept-slide-features\">\r\n <li><span class=\"check police\">\u2713<\/span> \u0421\u0442\u043e\u0439\u043a\u0430 \u0440\u0435\u0433\u0438\u0441\u0442\u0440\u0430\u0446\u0438\u0438<\/li>\r\n <li><span class=\"check police\">\u2713<\/span> \u0421\u0438\u0441\u0442\u0435\u043c\u0430 \u0443\u0447\u0451\u0442\u0430 \u043e\u0431\u0440\u0430\u0449\u0435\u043d\u0438\u0439<\/li>\r\n <li><span class=\"check police\">\u2713<\/span> \u0417\u043e\u043d\u0430 \u043e\u0436\u0438\u0434\u0430\u043d\u0438\u044f<\/li>\r\n <\/ul>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"dept-slide\" data-dept=\"police\">\r\n <div class=\"dept-slide-number\">04<\/div>\r\n <div class=\"dept-slide-inner\">\r\n <div class=\"dept-slide-photo slide-left\" data-src=\"http:\/\/bantv.ru\/wp-content\/uploads\/2026\/04\/\u043f\u043e\u043b\u0438\u0446\u0438\u044f\u043a\u0430\u043c\u0435\u0440\u044b.png\" data-label=\"\u041a\u0430\u043c\u0435\u0440\u044b \u0441\u043e\u0434\u0435\u0440\u0436\u0430\u043d\u0438\u044f\">\r\n <img decoding=\"async\" src=\"http:\/\/bantv.ru\/wp-content\/uploads\/2026\/04\/\u043f\u043e\u043b\u0438\u0446\u0438\u044f\u043a\u0430\u043c\u0435\u0440\u044b.png\" alt=\"\u041f\u043e\u043b\u0438\u0446\u0438\u044f \u043a\u0430\u043c\u0435\u0440\u044b\" loading=\"lazy\">\r\n <div class=\"expand-icon\">\u26f6<\/div>\r\n <\/div>\r\n <div class=\"dept-slide-text slide-right\">\r\n <div class=\"dept-slide-tag police\">\u0418\u043d\u0442\u0435\u0440\u044c\u0435\u0440<\/div>\r\n <h3 class=\"dept-slide-title police\">\u041a\u0430\u043c\u0435\u0440\u044b \u0441\u043e\u0434\u0435\u0440\u0436\u0430\u043d\u0438\u044f<\/h3>\r\n <p class=\"dept-slide-desc\">\u0417\u043e\u043d\u0430 \u0441\u043e\u0434\u0435\u0440\u0436\u0430\u043d\u0438\u044f \u0437\u0430\u0434\u0435\u0440\u0436\u0430\u043d\u043d\u044b\u0445 \u0441 \u043a\u0430\u043c\u0435\u0440\u0430\u043c\u0438, \u0441\u0438\u0441\u0442\u0435\u043c\u043e\u0439 \u0432\u0438\u0434\u0435\u043e\u043d\u0430\u0431\u043b\u044e\u0434\u0435\u043d\u0438\u044f \u0438 \u043a\u043e\u043d\u0442\u0440\u043e\u043b\u0435\u043c \u0434\u043e\u0441\u0442\u0443\u043f\u0430. \u0420\u0435\u0430\u043b\u0438\u0441\u0442\u0438\u0447\u043d\u0430\u044f \u0441\u0440\u0435\u0434\u0430 \u0434\u043b\u044f RP \u0441\u0446\u0435\u043d\u0430\u0440\u0438\u0435\u0432.<\/p>\r\n <ul class=\"dept-slide-features\">\r\n <li><span class=\"check police\">\u2713<\/span> \u041a\u0430\u043c\u0435\u0440\u044b \u0441\u043e\u0434\u0435\u0440\u0436\u0430\u043d\u0438\u044f<\/li>\r\n <li><span class=\"check police\">\u2713<\/span> \u0421\u0438\u0441\u0442\u0435\u043c\u0430 \u0432\u0438\u0434\u0435\u043e\u043d\u0430\u0431\u043b\u044e\u0434\u0435\u043d\u0438\u044f<\/li>\r\n <li><span class=\"check police\">\u2713<\/span> \u041a\u043e\u043d\u0442\u0440\u043e\u043b\u044c \u0434\u043e\u0441\u0442\u0443\u043f\u0430<\/li>\r\n <\/ul>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"dept-slide\" data-dept=\"police\">\r\n <div class=\"dept-slide-number\">05<\/div>\r\n <div class=\"dept-slide-inner\">\r\n <div class=\"dept-slide-photo slide-left\" data-src=\"http:\/\/bantv.ru\/wp-content\/uploads\/2026\/04\/\u043f\u043e\u043b\u0438\u0446\u0438\u044f\u0440\u0430\u0437\u0434\u0435\u0432\u0430\u043b\u043a\u0430.png\" data-label=\"\u0420\u0430\u0437\u0434\u0435\u0432\u0430\u043b\u043a\u0430 \u043f\u043e\u043b\u0438\u0446\u0435\u0439\u0441\u043a\u043e\u0433\u043e \u0434\u0435\u043f\u0430\u0440\u0442\u0430\u043c\u0435\u043d\u0442\u0430\">\r\n <img decoding=\"async\" src=\"http:\/\/bantv.ru\/wp-content\/uploads\/2026\/04\/\u043f\u043e\u043b\u0438\u0446\u0438\u044f\u0440\u0430\u0437\u0434\u0435\u0432\u0430\u043b\u043a\u0430.png\" alt=\"\u041f\u043e\u043b\u0438\u0446\u0438\u044f \u0440\u0430\u0437\u0434\u0435\u0432\u0430\u043b\u043a\u0430\" loading=\"lazy\">\r\n <div class=\"expand-icon\">\u26f6<\/div>\r\n <\/div>\r\n <div class=\"dept-slide-text slide-right\">\r\n <div class=\"dept-slide-tag police\">\u0418\u043d\u0442\u0435\u0440\u044c\u0435\u0440<\/div>\r\n <h3 class=\"dept-slide-title police\">\u0420\u0430\u0437\u0434\u0435\u0432\u0430\u043b\u043a\u0430<\/h3>\r\n <p class=\"dept-slide-desc\">\u0417\u043e\u043d\u0430 \u043f\u0435\u0440\u0435\u043e\u0434\u0435\u0432\u0430\u043d\u0438\u044f \u0441\u043e\u0442\u0440\u0443\u0434\u043d\u0438\u043a\u043e\u0432 \u0441 \u0438\u043d\u0434\u0438\u0432\u0438\u0434\u0443\u0430\u043b\u044c\u043d\u044b\u043c\u0438 \u0448\u043a\u0430\u0444\u0447\u0438\u043a\u0430\u043c\u0438 \u0438 \u043f\u043e\u0434\u0433\u043e\u0442\u043e\u0432\u043a\u043e\u0439 \u043a \u0441\u043c\u0435\u043d\u0430\u043c. \u0412\u0430\u0436\u043d\u0430\u044f \u0447\u0430\u0441\u0442\u044c \u043f\u043e\u0432\u0441\u0435\u0434\u043d\u0435\u0432\u043d\u043e\u0439 \u0436\u0438\u0437\u043d\u0438 \u043e\u0444\u0438\u0446\u0435\u0440\u043e\u0432.<\/p>\r\n <ul class=\"dept-slide-features\">\r\n <li><span class=\"check police\">\u2713<\/span> \u0418\u043d\u0434\u0438\u0432\u0438\u0434\u0443\u0430\u043b\u044c\u043d\u044b\u0435 \u0448\u043a\u0430\u0444\u0447\u0438\u043a\u0438<\/li>\r\n <li><span class=\"check police\">\u2713<\/span> \u0417\u043e\u043d\u0430 \u043f\u043e\u0434\u0433\u043e\u0442\u043e\u0432\u043a\u0438<\/li>\r\n <li><span class=\"check police\">\u2713<\/span> \u042d\u043a\u0438\u043f\u0438\u0440\u043e\u0432\u043a\u0430 \u0438 \u0441\u043d\u0430\u0440\u044f\u0436\u0435\u043d\u0438\u0435<\/li>\r\n <\/ul>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"glow-line\"><\/div>\r\n\r\n \r\n <section class=\"screenshots-section\" id=\"screenshots\">\r\n <div class=\"section-header text-reveal\">\r\n <span class=\"section-tag blue\">\u0413\u0430\u043b\u0435\u0440\u0435\u044f<\/span>\r\n <h2 class=\"section-title\">\u0421\u043a\u0440\u0438\u043d\u0448\u043e\u0442\u044b<\/h2>\r\n <p class=\"section-desc\">\u0412\u0437\u0433\u043b\u044f\u043d\u0438 \u043d\u0430 \u043c\u0438\u0440 Signal RP \u0432 \u0434\u0435\u0442\u0430\u043b\u044f\u0445. \u041d\u0430\u0436\u043c\u0438 \u043d\u0430 \u0438\u0437\u043e\u0431\u0440\u0430\u0436\u0435\u043d\u0438\u0435 \u0434\u043b\u044f \u043f\u043e\u043b\u043d\u043e\u044d\u043a\u0440\u0430\u043d\u043d\u043e\u0433\u043e \u043f\u0440\u043e\u0441\u043c\u043e\u0442\u0440\u0430.<\/p>\r\n <\/div>\r\n <div class=\"screenshots-carousel text-reveal text-reveal-delay-1\">\r\n <button class=\"carousel-btn\" id=\"ssPrev\">\u25c0<\/button>\r\n <div class=\"screenshots-track-wrapper\">\r\n <div class=\"screenshots-track\" id=\"ssTrack\">\r\n <div class=\"screenshot-card\" data-src=\"http:\/\/bantv.ru\/wp-content\/uploads\/2026\/04\/\u043f\u043e\u0436\u0430\u0440\u043d\u0430\u044f-\u0441\u043d\u0430\u0440\u0443\u0436\u0438.png\" data-label=\"\u041f\u043e\u0436\u0430\u0440\u043d\u0430\u044f \u0441\u0442\u0430\u043d\u0446\u0438\u044f \u2014 \u042d\u043a\u0441\u0442\u0435\u0440\u044c\u0435\u0440\">\r\n <img decoding=\"async\" src=\"http:\/\/bantv.ru\/wp-content\/uploads\/2026\/04\/\u043f\u043e\u0436\u0430\u0440\u043d\u0430\u044f-\u0441\u043d\u0430\u0440\u0443\u0436\u0438.png\" alt=\"\u041f\u043e\u0436\u0430\u0440\u043d\u0430\u044f\" loading=\"lazy\">\r\n <div class=\"screenshot-overlay\"><span>\u041f\u043e\u0436\u0430\u0440\u043d\u0430\u044f \u0441\u0442\u0430\u043d\u0446\u0438\u044f<\/span><\/div>\r\n <div class=\"screenshot-expand-icon\">\u26f6<\/div>\r\n <\/div>\r\n <div class=\"screenshot-card\" data-src=\"http:\/\/bantv.ru\/wp-content\/uploads\/2026\/04\/\u043f\u043e\u0436\u0430\u0440\u043d\u0430\u044f-\u0433\u0430\u0440\u0430\u0436.png\" data-label=\"\u0413\u0430\u0440\u0430\u0436 \u0441\u043e \u0441\u043f\u0435\u0446\u0442\u0435\u0445\u043d\u0438\u043a\u043e\u0439\">\r\n <img decoding=\"async\" src=\"http:\/\/bantv.ru\/wp-content\/uploads\/2026\/04\/\u043f\u043e\u0436\u0430\u0440\u043d\u0430\u044f-\u0433\u0430\u0440\u0430\u0436.png\" alt=\"\u0413\u0430\u0440\u0430\u0436\" loading=\"lazy\">\r\n <div class=\"screenshot-overlay\"><span>\u0413\u0430\u0440\u0430\u0436 \u0441\u043f\u0435\u0446\u0442\u0435\u0445\u043d\u0438\u043a\u0438<\/span><\/div>\r\n <div class=\"screenshot-expand-icon\">\u26f6<\/div>\r\n <\/div>\r\n <div class=\"screenshot-card\" data-src=\"http:\/\/bantv.ru\/wp-content\/uploads\/2026\/04\/\u0440\u0435\u043d\u0434\u0435\u0440\u044b-\u0431\u043e\u043b\u044c\u043d\u0438\u0446\u044b-1.png\" data-label=\"\u041c\u0435\u0434\u0438\u0446\u0438\u043d\u0441\u043a\u0438\u0439 \u0446\u0435\u043d\u0442\u0440 \u2014 \u0420\u0435\u043d\u0434\u0435\u0440\">\r\n <img decoding=\"async\" src=\"http:\/\/bantv.ru\/wp-content\/uploads\/2026\/04\/\u0440\u0435\u043d\u0434\u0435\u0440\u044b-\u0431\u043e\u043b\u044c\u043d\u0438\u0446\u044b-1.png\" alt=\"\u0411\u043e\u043b\u044c\u043d\u0438\u0446\u0430\" loading=\"lazy\">\r\n <div class=\"screenshot-overlay\"><span>\u041c\u0435\u0434\u0438\u0446\u0438\u043d\u0441\u043a\u0438\u0439 \u0446\u0435\u043d\u0442\u0440<\/span><\/div>\r\n <div class=\"screenshot-expand-icon\">\u26f6<\/div>\r\n <\/div>\r\n <div class=\"screenshot-card\" data-src=\"http:\/\/bantv.ru\/wp-content\/uploads\/2026\/04\/\u0431\u043e\u043b\u044c\u043d\u0438\u0446\u0430-1-\u044d\u0442\u0430\u0436.png\" data-label=\"\u041f\u0440\u0438\u0451\u043c\u043d\u043e\u0435 \u043e\u0442\u0434\u0435\u043b\u0435\u043d\u0438\u0435\">\r\n <img decoding=\"async\" src=\"http:\/\/bantv.ru\/wp-content\/uploads\/2026\/04\/\u0431\u043e\u043b\u044c\u043d\u0438\u0446\u0430-1-\u044d\u0442\u0430\u0436.png\" alt=\"1 \u044d\u0442\u0430\u0436\" loading=\"lazy\">\r\n <div class=\"screenshot-overlay\"><span>\u041f\u0440\u0438\u0451\u043c\u043d\u043e\u0435 \u043e\u0442\u0434\u0435\u043b\u0435\u043d\u0438\u0435<\/span><\/div>\r\n <div class=\"screenshot-expand-icon\">\u26f6<\/div>\r\n <\/div>\r\n <div class=\"screenshot-card\" data-src=\"http:\/\/bantv.ru\/wp-content\/uploads\/2026\/04\/\u043f\u043e\u0436\u0430\u0440\u043d\u0430\u044f-\u043a\u0430\u0431\u0438\u043d\u0435\u0442-\u0433\u043b\u0430\u0432\u044b.png\" data-label=\"\u041a\u0430\u0431\u0438\u043d\u0435\u0442 \u043d\u0430\u0447\u0430\u043b\u044c\u043d\u0438\u043a\u0430 \u043f\u043e\u0436\u0430\u0440\u043d\u043e\u0439\">\r\n <img decoding=\"async\" src=\"http:\/\/bantv.ru\/wp-content\/uploads\/2026\/04\/\u043f\u043e\u0436\u0430\u0440\u043d\u0430\u044f-\u043a\u0430\u0431\u0438\u043d\u0435\u0442-\u0433\u043b\u0430\u0432\u044b.png\" alt=\"\u041a\u0430\u0431\u0438\u043d\u0435\u0442\" loading=\"lazy\">\r\n <div class=\"screenshot-overlay\"><span>\u041a\u0430\u0431\u0438\u043d\u0435\u0442 \u043d\u0430\u0447\u0430\u043b\u044c\u043d\u0438\u043a\u0430<\/span><\/div>\r\n <div class=\"screenshot-expand-icon\">\u26f6<\/div>\r\n <\/div>\r\n <div class=\"screenshot-card\" data-src=\"http:\/\/bantv.ru\/wp-content\/uploads\/2026\/04\/\u0431\u043e\u043b\u044c\u043d\u0438\u0446\u0430-2-\u044d\u0442\u0430\u0436.png\" data-label=\"\u041f\u0430\u043b\u0430\u0442\u044b \u0432\u0442\u043e\u0440\u043e\u0433\u043e \u044d\u0442\u0430\u0436\u0430\">\r\n <img decoding=\"async\" src=\"http:\/\/bantv.ru\/wp-content\/uploads\/2026\/04\/\u0431\u043e\u043b\u044c\u043d\u0438\u0446\u0430-2-\u044d\u0442\u0430\u0436.png\" alt=\"2 \u044d\u0442\u0430\u0436\" loading=\"lazy\">\r\n <div class=\"screenshot-overlay\"><span>\u041f\u0430\u043b\u0430\u0442\u044b \u0432\u0442\u043e\u0440\u043e\u0433\u043e \u044d\u0442\u0430\u0436\u0430<\/span><\/div>\r\n <div class=\"screenshot-expand-icon\">\u26f6<\/div>\r\n <\/div>\r\n <div class=\"screenshot-card\" data-src=\"http:\/\/bantv.ru\/wp-content\/uploads\/2026\/04\/\u043f\u043e\u0436\u0430\u0440\u043d\u0430\u044f-\u043a\u0443\u0445\u043d\u044f.png\" data-label=\"\u041a\u0443\u0445\u043d\u044f \u043f\u043e\u0436\u0430\u0440\u043d\u043e\u0439 \u0441\u0442\u0430\u043d\u0446\u0438\u0438\">\r\n <img decoding=\"async\" src=\"http:\/\/bantv.ru\/wp-content\/uploads\/2026\/04\/\u043f\u043e\u0436\u0430\u0440\u043d\u0430\u044f-\u043a\u0443\u0445\u043d\u044f.png\" alt=\"\u041a\u0443\u0445\u043d\u044f\" loading=\"lazy\">\r\n <div class=\"screenshot-overlay\"><span>\u041a\u0443\u0445\u043d\u044f \u043f\u043e\u0436\u0430\u0440\u043d\u043e\u0439<\/span><\/div>\r\n <div class=\"screenshot-expand-icon\">\u26f6<\/div>\r\n <\/div>\r\n <div class=\"screenshot-card\" data-src=\"http:\/\/bantv.ru\/wp-content\/uploads\/2026\/04\/\u0431\u043e\u043b\u044c\u043d\u0438\u0446\u0430-\u043a\u0430\u0431\u0438\u043d\u0435\u04423.png\" data-label=\"\u041a\u0430\u0431\u0438\u043d\u0435\u0442 \u0432\u0440\u0430\u0447\u0430\">\r\n <img decoding=\"async\" src=\"http:\/\/bantv.ru\/wp-content\/uploads\/2026\/04\/\u0431\u043e\u043b\u044c\u043d\u0438\u0446\u0430-\u043a\u0430\u0431\u0438\u043d\u0435\u04423.png\" alt=\"\u041a\u0430\u0431\u0438\u043d\u0435\u0442 \u0432\u0440\u0430\u0447\u0430\" loading=\"lazy\">\r\n <div class=\"screenshot-overlay\"><span>\u041a\u0430\u0431\u0438\u043d\u0435\u0442 \u0432\u0440\u0430\u0447\u0430<\/span><\/div>\r\n <div class=\"screenshot-expand-icon\">\u26f6<\/div>\r\n <\/div>\r\n <div class=\"screenshot-card\" data-src=\"http:\/\/bantv.ru\/wp-content\/uploads\/2026\/04\/\u043f\u043e\u0436\u0430\u0440\u043d\u0430\u044f-\u0440\u0435\u0441\u0435\u043f\u0448\u043d.png\" data-label=\"\u0420\u0435\u0441\u0435\u043f\u0448\u043d \u043f\u043e\u0436\u0430\u0440\u043d\u043e\u0439 \u0441\u0442\u0430\u043d\u0446\u0438\u0438\">\r\n <img decoding=\"async\" src=\"http:\/\/bantv.ru\/wp-content\/uploads\/2026\/04\/\u043f\u043e\u0436\u0430\u0440\u043d\u0430\u044f-\u0440\u0435\u0441\u0435\u043f\u0448\u043d.png\" alt=\"\u0420\u0435\u0441\u0435\u043f\u0448\u043d\" loading=\"lazy\">\r\n <div class=\"screenshot-overlay\"><span>\u0420\u0435\u0441\u0435\u043f\u0448\u043d \u043f\u043e\u0436\u0430\u0440\u043d\u043e\u0439<\/span><\/div>\r\n <div class=\"screenshot-expand-icon\">\u26f6<\/div>\r\n <\/div>\r\n <div class=\"screenshot-card\" data-src=\"http:\/\/bantv.ru\/wp-content\/uploads\/2026\/04\/\u0431\u043e\u043b\u044c\u043d\u0438\u0446\u0430-\u043a\u0430\u0431\u0438\u043d\u0435\u0442.png\" data-label=\"\u041a\u0430\u0431\u0438\u043d\u0435\u0442 \u043c\u0435\u0434\u043f\u0435\u0440\u0441\u043e\u043d\u0430\u043b\u0430\">\r\n <img decoding=\"async\" src=\"http:\/\/bantv.ru\/wp-content\/uploads\/2026\/04\/\u0431\u043e\u043b\u044c\u043d\u0438\u0446\u0430-\u043a\u0430\u0431\u0438\u043d\u0435\u0442.png\" alt=\"\u041a\u0430\u0431\u0438\u043d\u0435\u0442\" loading=\"lazy\">\r\n <div class=\"screenshot-overlay\"><span>\u041a\u0430\u0431\u0438\u043d\u0435\u0442 \u043c\u0435\u0434\u043f\u0435\u0440\u0441\u043e\u043d\u0430\u043b\u0430<\/span><\/div>\r\n <div class=\"screenshot-expand-icon\">\u26f6<\/div>\r\n <\/div>\r\n <div class=\"screenshot-card\" data-src=\"http:\/\/bantv.ru\/wp-content\/uploads\/2026\/04\/\u043f\u043e\u043b\u0438\u0446\u0438\u044f\u0441\u043d\u0430\u0440\u0443\u0436\u0438.png\" data-label=\"\u041f\u043e\u043b\u0438\u0446\u0435\u0439\u0441\u043a\u0438\u0439 \u0434\u0435\u043f\u0430\u0440\u0442\u0430\u043c\u0435\u043d\u0442 \u2014 \u042d\u043a\u0441\u0442\u0435\u0440\u044c\u0435\u0440\">\r\n <img decoding=\"async\" src=\"http:\/\/bantv.ru\/wp-content\/uploads\/2026\/04\/\u043f\u043e\u043b\u0438\u0446\u0438\u044f\u0441\u043d\u0430\u0440\u0443\u0436\u0438.png\" alt=\"\u041f\u043e\u043b\u0438\u0446\u0438\u044f\" loading=\"lazy\">\r\n <div class=\"screenshot-overlay\"><span>\u041f\u043e\u043b\u0438\u0446\u0435\u0439\u0441\u043a\u0438\u0439 \u0443\u0447\u0430\u0441\u0442\u043e\u043a<\/span><\/div>\r\n <div class=\"screenshot-expand-icon\">\u26f6<\/div>\r\n <\/div>\r\n <div class=\"screenshot-card\" data-src=\"http:\/\/bantv.ru\/wp-content\/uploads\/2026\/04\/\u043f\u043e\u043b\u0438\u0446\u0438\u044f\u043a\u0430\u043c\u0435\u0440\u044b.png\" data-label=\"\u041a\u0430\u043c\u0435\u0440\u044b \u0441\u043e\u0434\u0435\u0440\u0436\u0430\u043d\u0438\u044f\">\r\n <img decoding=\"async\" src=\"http:\/\/bantv.ru\/wp-content\/uploads\/2026\/04\/\u043f\u043e\u043b\u0438\u0446\u0438\u044f\u043a\u0430\u043c\u0435\u0440\u044b.png\" alt=\"\u041a\u0430\u043c\u0435\u0440\u044b\" loading=\"lazy\">\r\n <div class=\"screenshot-overlay\"><span>\u041a\u0430\u043c\u0435\u0440\u044b \u0441\u043e\u0434\u0435\u0440\u0436\u0430\u043d\u0438\u044f<\/span><\/div>\r\n <div class=\"screenshot-expand-icon\">\u26f6<\/div>\r\n <\/div>\r\n <div class=\"screenshot-card\" data-src=\"http:\/\/bantv.ru\/wp-content\/uploads\/2026\/04\/\u043f\u043e\u043b\u0438\u0446\u0438\u044f\u0440\u0435\u0441\u0435\u043f\u0448\u043d.png\" data-label=\"\u0420\u0435\u0441\u0435\u043f\u0448\u043d \u043f\u043e\u043b\u0438\u0446\u0438\u0438\">\r\n <img decoding=\"async\" src=\"http:\/\/bantv.ru\/wp-content\/uploads\/2026\/04\/\u043f\u043e\u043b\u0438\u0446\u0438\u044f\u0440\u0435\u0441\u0435\u043f\u0448\u043d.png\" alt=\"\u041f\u043e\u043b\u0438\u0446\u0438\u044f \u0440\u0435\u0441\u0435\u043f\u0448\u043d\" loading=\"lazy\">\r\n <div class=\"screenshot-overlay\"><span>\u0420\u0435\u0441\u0435\u043f\u0448\u043d \u043f\u043e\u043b\u0438\u0446\u0438\u0438<\/span><\/div>\r\n <div class=\"screenshot-expand-icon\">\u26f6<\/div>\r\n <\/div>\r\n <div class=\"screenshot-card\" data-src=\"http:\/\/bantv.ru\/wp-content\/uploads\/2026\/04\/\u043f\u043e\u043b\u0438\u0446\u0438\u044f\u0440\u0430\u0437\u0434\u0435\u0432\u0430\u043b\u043a\u0430.png\" data-label=\"\u0420\u0430\u0437\u0434\u0435\u0432\u0430\u043b\u043a\u0430 \u043f\u043e\u043b\u0438\u0446\u0435\u0439\u0441\u043a\u043e\u0433\u043e \u0434\u0435\u043f\u0430\u0440\u0442\u0430\u043c\u0435\u043d\u0442\u0430\">\r\n <img decoding=\"async\" src=\"http:\/\/bantv.ru\/wp-content\/uploads\/2026\/04\/\u043f\u043e\u043b\u0438\u0446\u0438\u044f\u0440\u0430\u0437\u0434\u0435\u0432\u0430\u043b\u043a\u0430.png\" alt=\"\u041f\u043e\u043b\u0438\u0446\u0438\u044f \u0440\u0430\u0437\u0434\u0435\u0432\u0430\u043b\u043a\u0430\" loading=\"lazy\">\r\n <div class=\"screenshot-overlay\"><span>\u0420\u0430\u0437\u0434\u0435\u0432\u0430\u043b\u043a\u0430<\/span><\/div>\r\n <div class=\"screenshot-expand-icon\">\u26f6<\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <button class=\"carousel-btn\" id=\"ssNext\">\u25b6<\/button>\r\n <\/div>\r\n <\/section>\r\n\r\n \r\n <div class=\"glass-modal-overlay\" id=\"glassModal\">\r\n <div class=\"glass-modal-backdrop\" id=\"glassBackdrop\"><\/div>\r\n <div class=\"glass-modal-container\">\r\n <button class=\"glass-modal-close\" id=\"glassClose\">\u2715<\/button>\r\n <button class=\"glass-modal-nav prev\" id=\"glassPrev\">\u25c0<\/button>\r\n <button class=\"glass-modal-nav next\" id=\"glassNext\">\u25b6<\/button>\r\n <div class=\"glass-modal-inner\">\r\n <img decoding=\"async\" id=\"glassImg\" src=\"\" alt=\"\">\r\n <div class=\"glass-modal-label\" id=\"glassLabel\"><\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"glow-line\"><\/div>\r\n\r\n \r\n <section class=\"cta-section section-glow\" id=\"cta\">\r\n <h2 class=\"cta-title text-reveal\">\r\n \u0413\u043e\u0442\u043e\u0432 \u043a <span style=\"background: linear-gradient(135deg, var(--neon-blue), var(--neon-purple)); -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; color: var(--neon-blue);\">Signal RP<\/span>?\r\n <\/h2>\r\n <p class=\"cta-desc text-reveal text-reveal-delay-1\">\r\n \u041f\u0440\u0438\u0441\u043e\u0435\u0434\u0438\u043d\u044f\u0439\u0441\u044f \u043a \u043a\u043e\u043c\u0430\u043d\u0434\u0435 Signal RP \u0438 \u0441\u0442\u0430\u043d\u044c \u0447\u0430\u0441\u0442\u044c\u044e \u0431\u0443\u0434\u0443\u0449\u0435\u0433\u043e roleplay. \u0411\u0435\u0441\u043f\u043b\u0430\u0442\u043d\u043e. \u0411\u0435\u0437 \u0440\u0435\u043a\u043b\u0430\u043c\u044b. \u041d\u0430\u0432\u0441\u0435\u0433\u0434\u0430.\r\n <\/p>\r\n <div class=\"hero-buttons text-reveal text-reveal-delay-2\">\r\n <a href=\"https:\/\/t.me\/SignalRp_112\" class=\"btn-primary\" target=\"_blank\" style=\"animation: glowPulse 3s ease infinite;\"><span>\ud83d\ude80 Telegram-\u043a\u0430\u043d\u0430\u043b<\/span><\/a>\r\n <a href=\"https:\/\/t.me\/SignalRp_112\" class=\"btn-secondary\" target=\"_blank\">\u041f\u0440\u0438\u0441\u043e\u0435\u0434\u0438\u043d\u0438\u0442\u044c\u0441\u044f<\/a>\r\n <\/div>\r\n <\/section>\r\n\r\n \r\n <footer>\r\n <div class=\"footer-logo\">SIGNAL RP<\/div>\r\n <div class=\"footer-links\">\r\n <a href=\"#hero\">\u0413\u043b\u0430\u0432\u043d\u0430\u044f<\/a>\r\n <a href=\"#features\">\u041e \u043f\u0440\u043e\u0435\u043a\u0442\u0435<\/a>\r\n <a href=\"#roadmap\">\u0414\u043e\u0440\u043e\u0436\u043d\u0430\u044f \u043a\u0430\u0440\u0442\u0430<\/a>\r\n <a href=\"https:\/\/t.me\/SignalRp_112\" target=\"_blank\">Telegram<\/a>\r\n <\/div>\r\n <p class=\"footer-copy\">\u00a9 2026 Signal RP. \u0412\u0441\u0435 \u043f\u0440\u0430\u0432\u0430 \u0437\u0430\u0449\u0438\u0449\u0435\u043d\u044b. \u0421\u0434\u0435\u043b\u0430\u043d\u043e \u0441 \u2764\ufe0f \u043a\u043e\u043c\u0430\u043d\u0434\u043e\u0439 Signal RP.<\/p>\r\n <\/footer>\r\n\r\n <script>\r\n \/\/ Loading\r\n window.addEventListener('load', () => {\r\n setTimeout(() => document.getElementById('loadingScreen').classList.add('hidden'), 1200);\r\n });\r\n\r\n \/\/ Scroll progress\r\n const scrollProgress = document.getElementById('scrollProgress');\r\n window.addEventListener('scroll', () => {\r\n const scrollTop = window.scrollY;\r\n const docHeight = document.documentElement.scrollHeight - window.innerHeight;\r\n const progress = (scrollTop \/ docHeight) * 100;\r\n scrollProgress.style.width = progress + '%';\r\n });\r\n\r\n \/\/ Cursor glow - desktop only\r\n const cursorGlow = document.getElementById('cursorGlow');\r\n let mouseX = 0, mouseY = 0;\r\n let glowX = 0, glowY = 0;\r\n\r\n if (window.matchMedia('(hover: hover) and (pointer: fine)').matches) {\r\n document.addEventListener('mousemove', (e) => {\r\n mouseX = e.clientX;\r\n mouseY = e.clientY;\r\n });\r\n\r\n function animateGlow() {\r\n glowX += (mouseX - glowX) * 0.08;\r\n glowY += (mouseY - glowY) * 0.08;\r\n cursorGlow.style.left = glowX + 'px';\r\n cursorGlow.style.top = glowY + 'px';\r\n requestAnimationFrame(animateGlow);\r\n }\r\n animateGlow();\r\n }\r\n\r\n \/\/ Particles\r\n const particlesContainer = document.getElementById('particles');\r\n for (let i = 0; i < 50; i++) {\r\n const p = document.createElement('div');\r\n p.classList.add('particle');\r\n p.style.left = Math.random() * 100 + '%';\r\n p.style.animationDuration = (Math.random() * 8 + 4) + 's';\r\n p.style.animationDelay = (Math.random() * 5) + 's';\r\n const s = (Math.random() * 3 + 1) + 'px';\r\n p.style.width = s;\r\n p.style.height = s;\r\n const colors = ['#00d4ff', '#a855f7', '#ff3366', '#ff6b35', '#3b82f6'];\r\n p.style.background = colors[Math.floor(Math.random() * colors.length)];\r\n particlesContainer.appendChild(p);\r\n }\r\n\r\n \/\/ Nav scroll\r\n const navbar = document.getElementById('navbar');\r\n window.addEventListener('scroll', () => {\r\n navbar.classList.toggle('scrolled', window.scrollY > 50);\r\n });\r\n\r\n \/\/ Hamburger menu\r\n const hamburger = document.getElementById('navHamburger');\r\n const mobileMenu = document.getElementById('mobileMenu');\r\n\r\n hamburger.addEventListener('click', () => {\r\n hamburger.classList.toggle('active');\r\n mobileMenu.classList.toggle('active');\r\n document.body.style.overflow = mobileMenu.classList.contains('active') ? 'hidden' : '';\r\n });\r\n\r\n mobileMenu.querySelectorAll('a').forEach(link => {\r\n link.addEventListener('click', () => {\r\n hamburger.classList.remove('active');\r\n mobileMenu.classList.remove('active');\r\n document.body.style.overflow = '';\r\n });\r\n });\r\n\r\n \/\/ Intersection Observer for reveals\r\n const revealObserver = new IntersectionObserver((entries) => {\r\n entries.forEach(e => {\r\n if (e.isIntersecting) e.target.classList.add('visible');\r\n });\r\n }, { threshold: 0.15, rootMargin: '0px 0px -50px 0px' });\r\n\r\n document.querySelectorAll('.text-reveal').forEach(el => revealObserver.observe(el));\r\n\r\n \/\/ Stagger children observer\r\n const staggerObserver = new IntersectionObserver((entries) => {\r\n entries.forEach(e => {\r\n if (e.isIntersecting) e.target.classList.add('visible');\r\n });\r\n }, { threshold: 0.1, rootMargin: '0px 0px -50px 0px' });\r\n\r\n document.querySelectorAll('.stagger-children').forEach(el => staggerObserver.observe(el));\r\n\r\n \/\/ Section glow observer\r\n const glowObserver = new IntersectionObserver((entries) => {\r\n entries.forEach(e => {\r\n if (e.isIntersecting) e.target.classList.add('visible');\r\n });\r\n }, { threshold: 0.3 });\r\n\r\n document.querySelectorAll('.section-glow').forEach(el => glowObserver.observe(el));\r\n\r\n \/\/ Float\/slide animations\r\n const floatObserver = new IntersectionObserver((entries) => {\r\n entries.forEach(e => {\r\n if (e.isIntersecting) e.target.classList.add('visible');\r\n });\r\n }, { threshold: 0.15, rootMargin: '0px 0px -30px 0px' });\r\n\r\n document.querySelectorAll('.float-in, .scale-in, .slide-left, .slide-right').forEach(el => floatObserver.observe(el));\r\n\r\n \/\/ Stat cards\r\n document.querySelectorAll('.stat-card').forEach(card => {\r\n const obs = new IntersectionObserver((entries) => {\r\n entries.forEach(e => {\r\n if (e.isIntersecting) {\r\n setTimeout(() => e.target.classList.add('visible'), parseInt(e.target.dataset.delay) || 0);\r\n }\r\n });\r\n }, { threshold: 0.3 });\r\n obs.observe(card);\r\n });\r\n\r\n \/\/ Feature cards\r\n document.querySelectorAll('.feature-card').forEach(card => {\r\n const obs = new IntersectionObserver((entries) => {\r\n entries.forEach(e => {\r\n if (e.isIntersecting) e.target.classList.add('visible');\r\n });\r\n }, { threshold: 0.1 });\r\n obs.observe(card);\r\n });\r\n\r\n \/\/ Department section headers\r\n document.querySelectorAll('.dept-section-header').forEach(header => {\r\n const obs = new IntersectionObserver((entries) => {\r\n entries.forEach(e => {\r\n if (e.isIntersecting) e.target.classList.add('visible');\r\n });\r\n }, { threshold: 0.3 });\r\n obs.observe(header);\r\n });\r\n\r\n \/\/ Department slides animation\r\n const deptSlides = document.querySelectorAll('.dept-slide');\r\n const slideObserver = new IntersectionObserver((entries) => {\r\n entries.forEach(entry => {\r\n if (entry.isIntersecting) {\r\n entry.target.classList.add('visible');\r\n } else {\r\n entry.target.classList.remove('visible');\r\n }\r\n });\r\n }, { threshold: 0.25, rootMargin: '0px 0px -10% 0px' });\r\n\r\n deptSlides.forEach(slide => slideObserver.observe(slide));\r\n\r\n \/\/ Roadmap items\r\n document.querySelectorAll('.roadmap-item').forEach((item, idx) => {\r\n const obs = new IntersectionObserver((entries) => {\r\n entries.forEach(e => {\r\n if (e.isIntersecting) {\r\n setTimeout(() => e.target.classList.add('visible'), idx * 100);\r\n }\r\n });\r\n }, { threshold: 0.2 });\r\n obs.observe(item);\r\n });\r\n\r\n \/\/ ===== SCREENSHOTS CAROUSEL =====\r\n const ssTrack = document.getElementById('ssTrack');\r\n const ssPrevBtn = document.getElementById('ssPrev');\r\n const ssNextBtn = document.getElementById('ssNext');\r\n let ssPosition = 0;\r\n\r\n function getSlideWidth() {\r\n const card = ssTrack.querySelector('.screenshot-card');\r\n if (!card) return 320;\r\n const style = window.getComputedStyle(ssTrack);\r\n const gap = parseFloat(style.gap) || 24;\r\n return card.offsetWidth + gap;\r\n }\r\n\r\n function getMaxPosition() {\r\n const wrapper = ssTrack.parentElement;\r\n const maxPos = ssTrack.scrollWidth - wrapper.offsetWidth;\r\n return Math.max(0, maxPos);\r\n }\r\n\r\n function updateCarousel() {\r\n const maxPos = getMaxPosition();\r\n ssPosition = Math.max(0, Math.min(ssPosition, maxPos));\r\n ssTrack.style.transform = `translateX(-${ssPosition}px)`;\r\n }\r\n\r\n ssPrevBtn.addEventListener('click', () => {\r\n ssPosition -= getSlideWidth();\r\n updateCarousel();\r\n });\r\n\r\n ssNextBtn.addEventListener('click', () => {\r\n ssPosition += getSlideWidth();\r\n updateCarousel();\r\n });\r\n\r\n \/\/ Auto scroll\r\n let autoScrollInterval;\r\n let isUserInteracting = false;\r\n\r\n function startAutoScroll() {\r\n autoScrollInterval = setInterval(() => {\r\n if (isUserInteracting) return;\r\n ssPosition += 0.5;\r\n const maxPos = getMaxPosition();\r\n if (ssPosition >= maxPos) ssPosition = 0;\r\n ssTrack.style.transform = `translateX(-${ssPosition}px)`;\r\n }, 30);\r\n }\r\n\r\n function stopAutoScroll() { clearInterval(autoScrollInterval); }\r\n startAutoScroll();\r\n\r\n const carouselContainer = ssTrack.parentElement.parentElement;\r\n carouselContainer.addEventListener('mouseenter', () => { isUserInteracting = true; });\r\n carouselContainer.addEventListener('mouseleave', () => { isUserInteracting = false; });\r\n\r\n \/\/ Touch support for carousel\r\n let touchStartX = 0;\r\n carouselContainer.addEventListener('touchstart', (e) => {\r\n touchStartX = e.touches[0].clientX;\r\n isUserInteracting = true;\r\n }, { passive: true });\r\n\r\n carouselContainer.addEventListener('touchend', (e) => {\r\n const diff = touchStartX - e.changedTouches[0].clientX;\r\n if (Math.abs(diff) > 50) {\r\n ssPosition += diff > 0 ? getSlideWidth() : -getSlideWidth();\r\n updateCarousel();\r\n }\r\n setTimeout(() => { isUserInteracting = false; }, 1000);\r\n }, { passive: true });\r\n\r\n \/\/ ===== GLASS MODAL =====\r\n const glassModal = document.getElementById('glassModal');\r\n const glassImg = document.getElementById('glassImg');\r\n const glassLabel = document.getElementById('glassLabel');\r\n const glassClose = document.getElementById('glassClose');\r\n const glassBackdrop = document.getElementById('glassBackdrop');\r\n const glassPrev = document.getElementById('glassPrev');\r\n const glassNext = document.getElementById('glassNext');\r\n\r\n const modalGallery = [];\r\n\r\n document.querySelectorAll('.dept-slide-photo, .screenshot-card').forEach(el => {\r\n modalGallery.push({\r\n src: el.dataset.src,\r\n label: el.dataset.label || ''\r\n });\r\n });\r\n\r\n let modalCurrentIdx = 0;\r\n\r\n function openGlassModal(idx) {\r\n modalCurrentIdx = idx;\r\n glassImg.src = modalGallery[idx].src;\r\n glassLabel.textContent = modalGallery[idx].label;\r\n glassModal.classList.add('active');\r\n document.body.style.overflow = 'hidden';\r\n stopAutoScroll();\r\n }\r\n\r\n function closeGlassModal() {\r\n glassModal.classList.remove('active');\r\n document.body.style.overflow = '';\r\n startAutoScroll();\r\n }\r\n\r\n function navigateModal(direction) {\r\n modalCurrentIdx = (modalCurrentIdx + direction + modalGallery.length) % modalGallery.length;\r\n glassImg.style.opacity = '0';\r\n glassImg.style.transform = 'scale(0.95)';\r\n setTimeout(() => {\r\n glassImg.src = modalGallery[modalCurrentIdx].src;\r\n glassLabel.textContent = modalGallery[modalCurrentIdx].label;\r\n glassImg.style.opacity = '1';\r\n glassImg.style.transform = 'scale(1)';\r\n }, 200);\r\n }\r\n\r\n document.querySelectorAll('.dept-slide-photo').forEach(el => {\r\n el.addEventListener('click', () => {\r\n const src = el.dataset.src;\r\n const idx = modalGallery.findIndex(item => item.src === src);\r\n if (idx !== -1) openGlassModal(idx);\r\n });\r\n });\r\n\r\n document.querySelectorAll('.screenshot-card').forEach(el => {\r\n el.addEventListener('click', () => {\r\n const src = el.dataset.src;\r\n const idx = modalGallery.findIndex(item => item.src === src);\r\n if (idx !== -1) openGlassModal(idx);\r\n });\r\n });\r\n\r\n glassClose.addEventListener('click', closeGlassModal);\r\n glassBackdrop.addEventListener('click', closeGlassModal);\r\n glassPrev.addEventListener('click', () => navigateModal(-1));\r\n glassNext.addEventListener('click', () => navigateModal(1));\r\n\r\n glassImg.style.transition = 'opacity 0.3s ease, transform 0.3s ease';\r\n\r\n document.addEventListener('keydown', (e) => {\r\n if (glassModal.classList.contains('active')) {\r\n if (e.key === 'Escape') closeGlassModal();\r\n if (e.key === 'ArrowLeft') navigateModal(-1);\r\n if (e.key === 'ArrowRight') navigateModal(1);\r\n }\r\n });\r\n\r\n \/\/ Smooth scroll for nav links\r\n document.querySelectorAll('a[href^=\"#\"]').forEach(anchor => {\r\n anchor.addEventListener('click', function(e) {\r\n e.preventDefault();\r\n const target = document.querySelector(this.getAttribute('href'));\r\n if (target) {\r\n target.scrollIntoView({ behavior: 'smooth', block: 'start' });\r\n }\r\n });\r\n });\r\n\r\n \/\/ Hero parallax\r\n window.addEventListener('scroll', () => {\r\n const scrolled = window.scrollY;\r\n const heroContent = document.querySelector('.hero-content');\r\n if (heroContent && scrolled < window.innerHeight) {\r\n heroContent.style.transform = `translateY(${scrolled * 0.3}px)`;\r\n heroContent.style.opacity = 1 - (scrolled \/ window.innerHeight) * 1.2;\r\n }\r\n });\r\n\r\n \/\/ Handle resize for carousel\r\n window.addEventListener('resize', () => {\r\n updateCarousel();\r\n });\r\n <\/script>\r\n<\/body>\r\n<\/html>\r\n\r\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Signal RP \u2014 \u0411\u0443\u0434\u0443\u0449\u0435\u0435 Roleplay SIGNAL RP SIGNAL RP \u0413\u043b\u0430\u0432\u043d\u0430\u044f \u041e\u0441\u043e\u0431\u0435\u043d\u043d\u043e\u0441\u0442\u0438 \u0414\u043e\u0440\u043e\u0436\u043d\u0430\u044f \u043a\u0430\u0440\u0442\u0430 \u0414\u0435\u043f\u0430\u0440\u0442\u0430\u043c\u0435\u043d\u0442\u044b \u0421\u043a\u0440\u0438\u043d\u0448\u043e\u0442\u044b \u0418\u0433\u0440\u0430\u0442\u044c \u0413\u043b\u0430\u0432\u043d\u0430\u044f \u041e\u0441\u043e\u0431\u0435\u043d\u043d\u043e\u0441\u0442\u0438 \u0414\u043e\u0440\u043e\u0436\u043d\u0430\u044f \u043a\u0430\u0440\u0442\u0430 \u0414\u0435\u043f\u0430\u0440\u0442\u0430\u043c\u0435\u043d\u0442\u044b \u0421\u043a\u0440\u0438\u043d\u0448\u043e\u0442\u044b \u0418\u0433\u0440\u0430\u0442\u044c \u0421\u043a\u043e\u0440\u043e \u0440\u0435\u043b\u0438\u0437 SIGNAL RP \u0411\u0443\u0434\u0443\u0449\u0435\u0435 roleplay-\u0438\u0433\u0440. \u0411\u0435\u0441\u043f\u043b\u0430\u0442\u043d\u044b\u0439 \u0434\u043e\u0441\u0442\u0443\u043f, \u043d\u0438\u043a\u0430\u043a\u043e\u0439 \u0440\u0435\u043a\u043b\u0430\u043c\u044b, \u0442\u043e\u043f\u043e\u0432\u044b\u0435 \u043c\u043e\u0434\u0435\u043b\u0438 \u0438 \u0443\u043d\u0438\u043a\u0430\u043b\u044c\u043d\u044b\u0439 \u043a\u043e\u043d\u0442\u0435\u043d\u0442. \ud83d\ude80 \u041f\u0440\u0438\u0441\u043e\u0435\u0434\u0438\u043d\u0438\u0442\u044c\u0441\u044f \u0423\u0437\u043d\u0430\u0442\u044c \u0431\u043e\u043b\u044c\u0448\u0435 FREE \u041f\u043e\u043b\u043d\u043e\u0441\u0442\u044c\u044e \u0431\u0435\u0441\u043f\u043b\u0430\u0442\u043d\u044b\u0439 0% \u0420\u0435\u043a\u043b\u0430\u043c\u044b \u0432 \u0438\u0433\u0440\u0435 8K+ \u0423\u043d\u0438\u043a\u0430\u043b\u044c\u043d\u044b\u0445 \u043c\u043e\u0434\u0435\u043b\u0435\u0439 \u221e \u0412\u043e\u0437\u043c\u043e\u0436\u043d\u043e\u0441\u0442\u0435\u0439 RP … <\/p>\n<p class=\"link-more\"><a href=\"https:\/\/bantv.ru\/?page_id=1448\" class=\"more-link\">\u0427\u0438\u0442\u0430\u0442\u044c \u0434\u0430\u043b\u0435\u0435<span class=\"screen-reader-text\"> «SignalRP \u0421\u0432\u043e\u044f \u0438\u0433\u0440\u0430»<\/span><\/a><\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"inspiro_hide_title":false,"footnotes":""},"class_list":["post-1448","page","type-page","status-publish","hentry"],"featured_media_urls":[],"_links":{"self":[{"href":"https:\/\/bantv.ru\/index.php?rest_route=\/wp\/v2\/pages\/1448","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/bantv.ru\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/bantv.ru\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/bantv.ru\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/bantv.ru\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=1448"}],"version-history":[{"count":13,"href":"https:\/\/bantv.ru\/index.php?rest_route=\/wp\/v2\/pages\/1448\/revisions"}],"predecessor-version":[{"id":1472,"href":"https:\/\/bantv.ru\/index.php?rest_route=\/wp\/v2\/pages\/1448\/revisions\/1472"}],"wp:attachment":[{"href":"https:\/\/bantv.ru\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=1448"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}