{"id":1087,"date":"2026-02-12T21:59:42","date_gmt":"2026-02-12T18:59:42","guid":{"rendered":"http:\/\/bantv.ru\/?page_id=1087"},"modified":"2026-02-12T22:48:39","modified_gmt":"2026-02-12T19:48:39","slug":"elementor-1087","status":"publish","type":"page","link":"https:\/\/bantv.ru\/?page_id=1087","title":{"rendered":"\u041f\u0430\u0440\u0442\u043d\u0435\u0440\u0441\u0442\u0432\u043e \u0438 \u043f\u0440\u0435\u0434\u043b\u043e\u0436\u0435\u043d\u0438\u044f"},"content":{"rendered":"\t\t
\n\t\t\t\t\t\t
\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\nBanTV Production \u2014 Landing<\/title>\r\n<style>\r\n:root{\r\n --bg-main:#f0f2f5;\r\n --glass-border:rgba(255,255,255,0.65);\r\n --accent1:#4facfe;\r\n --accent2:#9c27b0;\r\n --text-main:#111;\r\n --muted:#556;\r\n --radius:18px;\r\n --card-radius:20px;\r\n --glass-alpha:0.30;\r\n --transition:300ms cubic-bezier(.2,.9,.3,1);\r\n}\r\n*{box-sizing:border-box}\r\nhtml,body{height:100%}\r\nbody{\r\n margin:0;\r\n font-family:Inter, system-ui, -apple-system, \"Segoe UI\", Roboto, \"Helvetica Neue\", Arial;\r\n background:var(--bg-main);\r\n color:var(--text-main);\r\n -webkit-font-smoothing:antialiased;\r\n overflow-x:hidden;\r\n}\r\n\/* animated gradient background *\/\r\n:root{--g-angle:120deg}\r\nbody::before{\r\n content:\"\";position:fixed;inset:0;z-index:-3;\r\n background:radial-gradient(circle at 10% 10%, rgba(79,172,254,0.22), transparent 12%),\r\n radial-gradient(circle at 90% 90%, rgba(156,39,176,0.18), transparent 12%),\r\n linear-gradient(var(--g-angle), rgba(79,172,254,0.12), rgba(156,39,176,0.09));\r\n filter:blur(70px);\r\n transform:scale(1.05);\r\n animation:moveBg 14s ease-in-out infinite alternate;\r\n}\r\n@keyframes moveBg{from{transform:translate(-6%, -4%) scale(1.03)}to{transform:translate(6%,4%) scale(1.05)}}\r\n\r\n\/* glass navbar *\/\r\n.navbar{position:fixed;top:12px;left:12px;right:12px;display:flex;align-items:center;justify-content:space-between;padding:12px 16px;border-radius:14px;background:rgba(255,255,255,0.22);backdrop-filter:blur(8px) saturate(1.1);border:1px solid var(--glass-border);box-shadow:0 6px 20px rgba(16,24,40,0.06);z-index:60}\r\n.navbar .brand{display:flex;gap:12px;align-items:center}\r\n.logo{display:inline-grid;place-items:center;width:44px;height:44px;border-radius:10px;background:linear-gradient(135deg,var(--accent1),var(--accent2));color:white;font-weight:700}\r\n.nav-links{display:flex;gap:18px;align-items:center}\r\n.nav-links a{color:var(--text-main);text-decoration:none;font-weight:600}\r\n.burger{display:none;border:none;background:transparent;padding:8px;border-radius:10px}\r\n.burger svg{width:28px;height:28px}\r\n\r\n\/* header *\/\r\n.header-wrap{padding:120px 20px 40px;max-width:1200px;margin:0 auto}\r\n.hero{display:flex;gap:28px;align-items:center;justify-content:space-between}\r\n.hero .content{flex:1;min-width:260px}\r\nh1{font-size:36px;margin:0 0 8px}\r\n@media(min-width:900px){h1{font-size:48px}}\r\n.subtitle{color:var(--muted);margin-bottom:18px;font-size:16px}\r\n.glass-card{background:rgba(255,255,255,var(--glass-alpha));border:1px solid var(--glass-border);backdrop-filter:blur(12px);padding:22px;border-radius:16px;box-shadow:0 10px 30px rgba(16,24,40,0.06)}\r\n.hero-cta{display:flex;gap:12px;flex-wrap:wrap}\r\n\/* Liquid button *\/\r\n.btn{position:relative;display:inline-block;padding:12px 20px;border-radius:999px;text-decoration:none;color:#fff;font-weight:700;overflow:hidden}\r\n.btn:before{content:\"\";position:absolute;inset:0;border-radius:999px;background:linear-gradient(90deg,var(--accent1),var(--accent2));z-index:0;filter:blur(6px);opacity:0.95;transition:all var(--transition)}\r\n.btn span{position:relative;z-index:2;display:inline-block}\r\n.btn.ghost{background:transparent;color:var(--text-main);border:1px solid rgba(0,0,0,0.06)}\r\n.btn:hover:before{transform:scale(1.04)}\r\n.btn:active{transform:translateY(1px)}\r\n\r\n\/* role cards *\/\r\n.roles{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:20px;max-width:1200px;margin:28px auto;padding:0 20px}\r\n.role{position:relative;padding:18px;border-radius:16px;background:linear-gradient(180deg,rgba(255,255,255,0.36),rgba(255,255,255,0.28));border:1px solid var(--glass-border);backdrop-filter:blur(10px);box-shadow:0 10px 30px rgba(16,24,40,0.06);overflow:hidden;transition:transform var(--transition),box-shadow var(--transition)}\r\n.role:hover{transform:translateY(-8px);box-shadow:0 22px 40px rgba(16,24,40,0.12)}\r\n.role .icon{width:56px;height:56px;border-radius:12px;display:inline-grid;place-items:center;margin-bottom:12px;color:#fff}\r\n.role h3{margin:0 0 8px}\r\n.role p{color:var(--muted);margin:0 0 12px}\r\n.role .meta{display:flex;gap:10px;flex-wrap:wrap}\r\n.role .pill{padding:6px 10px;border-radius:999px;background:rgba(255,255,255,0.08);font-size:13px;color:var(--muted);border:1px solid rgba(255,255,255,0.04)}\r\n\r\n\/* specific role styles *\/\r\n.role.streamer .icon{background:linear-gradient(90deg,var(--accent1),#6fe6ff)}\r\n.role.operator .icon{background:linear-gradient(90deg,#ffd36f,#ff8a6f)}\r\n.role.blogger .icon{background:linear-gradient(90deg,#9c27b0,#ff6fcf)}\r\n\r\n\/* reviews - horizontal cards with different styles *\/\r\n.reviews-wrap{max-width:1100px;margin:40px auto;padding:0 20px}\r\n.reviews-title{text-align:center;margin-bottom:18px}\r\n.reviews-list{display:flex;gap:18px;overflow:auto;padding:12px 6px;scroll-snap-type:x mandatory}\r\n.review-card{flex:0 0 320px;scroll-snap-align:center;border-radius:14px;padding:18px;background:rgba(255,255,255,0.32);border:1px solid var(--glass-border);backdrop-filter:blur(8px);box-shadow:0 10px 30px rgba(16,24,40,0.06)}\r\n.review-card small{display:block;color:var(--muted);margin-top:12px}\r\n\r\n\/* stats grid *\/\r\n.stats-wrap{max-width:1100px;margin:40px auto;padding:0 20px}\r\n.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:14px}\r\n.stat-item{background:rgba(255,255,255,0.32);border:1px solid var(--glass-border);padding:18px;border-radius:12px;text-align:center;backdrop-filter:blur(8px)}\r\n.stat-item .num{font-size:22px;font-weight:800;color:var(--accent1)}\r\n.stat-item p{margin:6px 0 0;color:var(--muted)}\r\n\r\n\/* CTA big *\/\r\n.cta-hero{max-width:1000px;margin:42px auto;padding:28px;border-radius:16px;background:linear-gradient(180deg,rgba(79,172,254,0.08),rgba(156,39,176,0.06));text-align:center;border:1px solid rgba(79,172,254,0.07);}\r\n.cta-hero h2{margin:0 0 10px}\r\n\r\n\/* footer *\/\r\n.footer{padding:30px 20px;text-align:center;color:var(--muted)}\r\n\r\n\/* parallax subtle *\/\r\n[data-parallax]{will-change:transform}\r\n\r\n\/* responsive *\/\r\n@media(max-width:900px){\r\n .navbar{left:8px;right:8px;top:10px;padding:10px}\r\n .burger{display:inline-block}\r\n .nav-links{display:none}\r\n .hero{flex-direction:column;align-items:flex-start}\r\n .header-wrap{padding:100px 16px 24px}\r\n .hero .art{display:none}\r\n .roles{gap:14px}\r\n .reviews-list{padding-bottom:22px}\r\n .cta-hero{padding:22px}\r\n .btn{padding:10px 16px}\r\n}\r\n@media(max-width:480px){\r\n h1{font-size:28px}\r\n .logo{width:40px;height:40px}\r\n .role .icon{width:48px;height:48px}\r\n}\r\n\r\n\/* accessibility focus *\/\r\na:focus{outline:3px solid rgba(79,172,254,0.22);outline-offset:3px}\r\n<\/style>\r\n<\/head>\r\n<body>\r\n<!-- NAVBAR -->\r\n<header class=\"navbar\" role=\"banner\">\r\n <div class=\"brand\">\r\n <div class=\"logo\">B<\/div>\r\n <div>\r\n <div style=\"font-weight:800\">BanTV Production<\/div>\r\n <div style=\"font-size:12px;color:var(--muted);margin-top:2px\">\u041c\u0435\u0434\u0438\u0430-\u043a\u043e\u043c\u0430\u043d\u0434\u0430 \u2022 \u041f\u043e\u043c\u043e\u0449\u044c \u043d\u043e\u0432\u0438\u0447\u043a\u0430\u043c<\/div>\r\n <\/div>\r\n <\/div>\r\n <nav class=\"nav-links\" aria-label=\"\u0413\u043b\u0430\u0432\u043d\u0430\u044f \u043d\u0430\u0432\u0438\u0433\u0430\u0446\u0438\u044f\">\r\n <a href=\"#roles\">\u041d\u0430\u043f\u0440\u0430\u0432\u043b\u0435\u043d\u0438\u044f<\/a>\r\n <a href=\"#projects\">\u041f\u0440\u043e\u0435\u043a\u0442\u044b<\/a>\r\n <a href=\"#reviews\">\u041e\u0442\u0437\u044b\u0432\u044b<\/a>\r\n <a href=\"#contacts\" class=\"btn\" style=\"padding:8px 14px;\">\u0421\u0432\u044f\u0437\u0430\u0442\u044c\u0441\u044f<\/a>\r\n <\/nav>\r\n <button class=\"burger\" aria-label=\"\u041e\u0442\u043a\u0440\u044b\u0442\u044c \u043c\u0435\u043d\u044e\" id=\"burger\">\r\n <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.6\"><path d=\"M4 7h16M4 12h16M4 17h16\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/svg>\r\n <\/button>\r\n<\/header>\r\n\r\n<main>\r\n <div class=\"header-wrap\">\r\n <div class=\"hero\">\r\n <div class=\"content\">\r\n <div class=\"glass-card\" data-parallax>\r\n <h1>\u0421\u0442\u0430\u043d\u044c \u0447\u0430\u0441\u0442\u044c\u044e BanTV \u2014 \u0443\u0447\u0438\u0441\u044c, \u0441\u043d\u0438\u043c\u0430\u0439, \u0442\u0432\u043e\u0440\u0438<\/h1>\r\n <p class=\"subtitle\">\u0411\u0435\u0441\u043f\u043b\u0430\u0442\u043d\u0430\u044f \u043f\u043e\u0434\u0434\u0435\u0440\u0436\u043a\u0430, \u043d\u0430\u0441\u0442\u0430\u0432\u043d\u0438\u043a\u0438 \u0438 \u0440\u0435\u0430\u043b\u044c\u043d\u044b\u0435 \u043f\u0440\u043e\u0435\u043a\u0442\u044b. \u0414\u043b\u044f \u0441\u0442\u0440\u0438\u043c\u0435\u0440\u043e\u0432, \u043e\u043f\u0435\u0440\u0430\u0442\u043e\u0440\u043e\u0432 \u0438 \u0431\u043b\u043e\u0433\u0435\u0440\u043e\u0432.<\/p>\r\n <div class=\"hero-cta\">\r\n <a class=\"btn\" href=\"https:\/\/t.me\/BanTVpr\" target=\"_blank\"><span>\u0412\u0441\u0442\u0443\u043f\u0438\u0442\u044c \u0432 \u043a\u043e\u043c\u0430\u043d\u0434\u0443<\/span><\/a>\r\n <a class=\"btn ghost\" href=\"#projects\"><span>\u041d\u0430\u0448\u0438 \u043f\u0440\u043e\u0435\u043a\u0442\u044b<\/span><\/a>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <div class=\"art\" aria-hidden=\"true\">\r\n <!-- decorative art: simple glass panel -->\r\n <div style=\"width:320px;height:220px;border-radius:14px;background:linear-gradient(135deg,rgba(255,255,255,0.35),rgba(255,255,255,0.28));box-shadow:0 20px 50px rgba(16,24,40,0.06);border:1px solid var(--glass-border)\"><\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <!-- ROLES -->\r\n <section id=\"roles\" class=\"roles\" aria-label=\"\u041d\u0430\u043f\u0440\u0430\u0432\u043b\u0435\u043d\u0438\u044f \u043f\u043e\u0434\u0434\u0435\u0440\u0436\u043a\u0438\">\r\n <article class=\"role streamer\" data-parallax>\r\n <div class=\"icon\">\ud83c\udfae<\/div>\r\n <h3>\u0421\u0442\u0440\u0438\u043c\u0435\u0440\u044b<\/h3>\r\n <p>\u041f\u043e\u0434\u0434\u0435\u0440\u0436\u043a\u0430 \u0432 \u0442\u0440\u0430\u043d\u0441\u043b\u044f\u0446\u0438\u044f\u0445, \u043e\u0444\u043e\u0440\u043c\u043b\u0435\u043d\u0438\u0435, \u0440\u0435\u043a\u043b\u0430\u043c\u0430 \u0438 \u0431\u043e\u043d\u0443\u0441\u044b \u043d\u0430 \u0438\u0433\u0440\u043e\u0432\u044b\u0445 \u0441\u0435\u0440\u0432\u0435\u0440\u0430\u0445. \u041f\u043e\u0434\u043a\u043b\u044e\u0447\u0430\u0435\u043c \u043a \u0438\u0432\u0435\u043d\u0442\u0430\u043c \u0438 \u043f\u0440\u043e\u0435\u043a\u0442\u0430\u043c.<\/p>\r\n <div class=\"meta\">\r\n <span class=\"pill\">\u0422\u0440\u0430\u043d\u0441\u043b\u044f\u0446\u0438\u0438<\/span>\r\n <span class=\"pill\">\u041f\u0440\u043e\u043c\u043e<\/span>\r\n <span class=\"pill\">\u0418\u0432\u0435\u043d\u0442\u044b<\/span>\r\n <\/div>\r\n <\/article>\r\n\r\n <article class=\"role operator\" data-parallax>\r\n <div class=\"icon\">\ud83c\udfac<\/div>\r\n <h3>\u041e\u043f\u0435\u0440\u0430\u0442\u043e\u0440\u044b \/ \u0410\u043a\u0442\u0451\u0440\u044b<\/h3>\r\n <p>\u0421\u044a\u0451\u043c\u043e\u0447\u043d\u044b\u0439 \u043e\u043f\u044b\u0442, \u043f\u0440\u0430\u043a\u0442\u0438\u043a\u0430 \u043d\u0430 \u043f\u043b\u043e\u0449\u0430\u0434\u043a\u0435, \u0443\u0447\u0430\u0441\u0442\u0438\u0435 \u0432 \u043c\u0438\u043d\u0438-\u0444\u0438\u043b\u044c\u043c\u0430\u0445 \u0438 \u0448\u043e\u0443-\u0444\u043e\u0440\u043c\u0430\u0442\u0430\u0445. \u041f\u043e\u043c\u043e\u0433\u0430\u0435\u043c \u0441 \u043a\u0430\u0441\u0442\u0438\u043d\u0433\u043e\u043c \u0438 \u043f\u043e\u0441\u0442\u0430\u043d\u043e\u0432\u043a\u043e\u0439 \u0441\u0446\u0435\u043d.<\/p>\r\n <div class=\"meta\">\r\n <span class=\"pill\">\u041a\u0430\u0441\u0442\u0438\u043d\u0433\u0438<\/span>\r\n <span class=\"pill\">\u041f\u0440\u0430\u043a\u0442\u0438\u043a\u0430<\/span>\r\n <span class=\"pill\">\u041e\u0431\u043e\u0440\u0443\u0434\u043e\u0432\u0430\u043d\u0438\u0435<\/span>\r\n <\/div>\r\n <\/article>\r\n\r\n <article class=\"role blogger\" data-parallax>\r\n <div class=\"icon\">\u270d\ufe0f<\/div>\r\n <h3>\u0411\u043b\u043e\u0433\u0435\u0440\u044b<\/h3>\r\n <p>\u041e\u0444\u043e\u0440\u043c\u043b\u0435\u043d\u0438\u0435 \u043a\u0430\u043d\u0430\u043b\u0430, \u043a\u043e\u043d\u0442\u0435\u043d\u0442-\u043f\u043b\u0430\u043d, \u043c\u043e\u043d\u0442\u0430\u0436 \u0438 \u043f\u0440\u043e\u0434\u0432\u0438\u0436\u0435\u043d\u0438\u0435. \u0420\u0430\u0431\u043e\u0442\u0430\u0435\u043c \u043d\u0430\u0434 \u043b\u0438\u0447\u043d\u044b\u043c \u0431\u0440\u0435\u043d\u0434\u043e\u043c \u0438 \u0441\u0442\u0440\u0430\u0442\u0435\u0433\u0438\u0435\u0439 \u043f\u0443\u0431\u043b\u0438\u043a\u0430\u0446\u0438\u0439.<\/p>\r\n <div class=\"meta\">\r\n <span class=\"pill\">\u041a\u043e\u043d\u0442\u0435\u043d\u0442<\/span>\r\n <span class=\"pill\">\u0421\u0442\u0440\u0430\u0442\u0435\u0433\u0438\u044f<\/span>\r\n <span class=\"pill\">\u041f\u0440\u043e\u0434\u0432\u0438\u0436\u0435\u043d\u0438\u0435<\/span>\r\n <\/div>\r\n <\/article>\r\n <\/section>\r\n\r\n <!-- PROJECTS \/ INFO CARDS -->\r\n <section id=\"projects\" class=\"roles\" aria-label=\"\u041f\u0440\u043e\u0435\u043a\u0442\u044b \u0438 \u043f\u0440\u0435\u0438\u043c\u0443\u0449\u0435\u0441\u0442\u0432\u0430\">\r\n <article class=\"role\" data-parallax>\r\n <div class=\"icon\">\ud83d\udcf9<\/div>\r\n <h3>\u041d\u0430\u0448\u0438 \u043f\u0440\u043e\u0435\u043a\u0442\u044b<\/h3>\r\n <p>\u0420\u043e\u043b\u0438\u043a\u0438, \u0448\u043e\u0443-\u0444\u043e\u0440\u043c\u0430\u0442\u044b, \u0441\u0442\u0440\u0438\u043c-\u0438\u0432\u0435\u043d\u0442\u044b \u0438 \u0438\u0433\u0440\u043e\u0432\u044b\u0435 \u043c\u0438\u043d\u0438-\u0444\u0438\u043b\u044c\u043c\u044b. \u0423\u0447\u0430\u0441\u0442\u0438\u0435 \u0432 \u043f\u0440\u043e\u0435\u043a\u0442\u0430\u0445 \u0434\u043e\u0441\u0442\u0443\u043f\u043d\u043e \u0432\u0441\u0435\u043c \u0443\u0447\u0430\u0441\u0442\u043d\u0438\u043a\u0430\u043c.<\/p>\r\n <div class=\"meta\"><span class=\"pill\">\u041f\u0440\u043e\u0438\u0437\u0432\u043e\u0434\u0441\u0442\u0432\u043e<\/span><span class=\"pill\">\u0420\u0435\u0430\u043b\u044c\u043d\u044b\u0435 \u0437\u0430\u0434\u0430\u0447\u0438<\/span><\/div>\r\n <\/article>\r\n\r\n <article class=\"role\" data-parallax>\r\n <div class=\"icon\">\ud83e\udd1d<\/div>\r\n <h3>\u041a\u043e\u043c\u044c\u044e\u043d\u0438\u0442\u0438<\/h3>\r\n <p>\u0410\u043a\u0442\u0438\u0432\u043d\u044b\u0439 \u0447\u0430\u0442, \u043e\u0431\u043c\u0435\u043d \u043d\u0430\u0432\u044b\u043a\u0430\u043c\u0438 \u0438 \u043a\u043e\u043b\u043b\u0430\u0431\u043e\u0440\u0430\u0446\u0438\u0438 \u2014 \u044d\u0442\u043e \u043c\u0435\u0441\u0442\u043e, \u0433\u0434\u0435 \u043f\u043e\u044f\u0432\u043b\u044f\u044e\u0442\u0441\u044f \u0438\u0434\u0435\u0438 \u0438 \u0441\u0442\u0430\u043d\u043e\u0432\u044f\u0442\u0441\u044f \u043f\u0440\u043e\u0435\u043a\u0442\u0430\u043c\u0438.<\/p>\r\n <div class=\"meta\"><span class=\"pill\">\u041e\u0431\u043c\u0435\u043d<\/span><span class=\"pill\">\u041a\u043e\u043b\u043b\u0430\u0431<\/span><\/div>\r\n <\/article>\r\n\r\n <article class=\"role\" data-parallax>\r\n <div class=\"icon\">\u23f1\ufe0f<\/div>\r\n <h3>\u041f\u043e\u0434\u0434\u0435\u0440\u0436\u043a\u0430 24\/7<\/h3>\r\n <p>\u041d\u0430\u0441\u0442\u0430\u0432\u043d\u0438\u043a\u0438 \u043f\u043e\u043c\u043e\u0433\u0430\u044e\u0442 \u043d\u0430 \u0432\u0441\u0435\u0445 \u044d\u0442\u0430\u043f\u0430\u0445 \u2014 \u043e\u0442 \u0438\u0434\u0435\u0438 \u0434\u043e \u043f\u0443\u0431\u043b\u0438\u043a\u0430\u0446\u0438\u0438. \u041c\u044b \u043d\u0435 \u0431\u0440\u043e\u0441\u0430\u0435\u043c \u0443\u0447\u0430\u0441\u0442\u043d\u0438\u043a\u043e\u0432.<\/p>\r\n <div class=\"meta\"><span class=\"pill\">\u041d\u0430\u0441\u0442\u0430\u0432\u043d\u0438\u043a\u0438<\/span><span class=\"pill\">\u041a\u043e\u043d\u0441\u0443\u043b\u044c\u0442\u0430\u0446\u0438\u0438<\/span><\/div>\r\n <\/article>\r\n <\/section>\r\n\r\n <!-- REVIEWS -->\r\n <section id=\"reviews\" class=\"reviews-wrap\">\r\n <h2 class=\"reviews-title\">\u041e\u0442\u0437\u044b\u0432\u044b \u0443\u0447\u0430\u0441\u0442\u043d\u0438\u043a\u043e\u0432<\/h2>\r\n <div class=\"reviews-list\">\r\n <div class=\"review-card\" data-parallax>\r\n <strong>\u0418\u0432\u0430\u043d<\/strong>\r\n <p>\u00ab\u041e\u0442\u043b\u0438\u0447\u043d\u0430\u044f \u043a\u043e\u043c\u0430\u043d\u0434\u0430 \u2014 \u0441 \u043d\u0443\u043b\u044f \u0441\u0442\u0430\u043b \u043e\u043f\u0435\u0440\u0430\u0442\u043e\u0440\u043e\u043c, \u043f\u043e\u043b\u0443\u0447\u0438\u043b \u043e\u043f\u044b\u0442 \u0438 \u043f\u0435\u0440\u0432\u044b\u0435 \u043f\u0440\u043e\u0435\u043a\u0442\u044b. \u041d\u0430\u0441\u0442\u0430\u0432\u043d\u0438\u043a\u0438 \u043f\u043e\u043c\u043e\u0433\u0430\u043b\u0438 \u043a\u0430\u0436\u0434\u044b\u0439 \u0448\u0430\u0433.\u00bb<\/p>\r\n <small>\u041e\u043f\u0435\u0440\u0430\u0442\u043e\u0440 \u2022 6 \u043c\u0435\u0441\u044f\u0446\u0435\u0432 \u0432 BanTV<\/small>\r\n <\/div>\r\n\r\n <div class=\"review-card\" data-parallax>\r\n <strong>\u041b\u0435\u0440\u0430<\/strong>\r\n <p>\u00ab\u041e\u0444\u043e\u0440\u043c\u0438\u043b\u0430 \u043a\u0430\u043d\u0430\u043b \u0438 \u043f\u043e\u043b\u0443\u0447\u0438\u043b\u0430 \u043f\u0435\u0440\u0432\u044b\u0435 \u0437\u0430\u043a\u0430\u0437\u044b \u043d\u0430 \u0440\u0435\u043a\u043b\u0430\u043c\u0443. \u041a\u043e\u043c\u044c\u044e\u043d\u0438\u0442\u0438 \u0440\u0435\u0430\u043b\u044c\u043d\u043e \u043f\u043e\u043c\u043e\u0433\u0430\u0435\u0442 \u2014 \u043c\u043d\u043e\u0433\u043e \u043f\u043e\u043b\u0435\u0437\u043d\u044b\u0445 \u0441\u043e\u0432\u0435\u0442\u043e\u0432.\u00bb<\/p>\r\n <small>\u0411\u043b\u043e\u0433\u0435\u0440 \u2022 3 \u043c\u0435\u0441\u044f\u0446\u0430<\/small>\r\n <\/div>\r\n\r\n <div class=\"review-card\" data-parallax>\r\n <strong>\u0410\u0440\u0442\u0451\u043c<\/strong>\r\n <p>\u00ab\u0417\u0430\u0445\u043e\u0442\u0435\u043b \u043f\u043e\u043f\u0440\u043e\u0431\u043e\u0432\u0430\u0442\u044c \u0441\u0442\u0440\u0438\u043c\u044b \u2014 \u0434\u0430\u043b\u0438 \u0444\u0438\u0434\u0431\u0435\u043a \u043f\u043e \u0441\u0446\u0435\u043d\u0435 \u0438 \u043e\u0431\u043e\u0440\u0443\u0434\u043e\u0432\u0430\u043d\u0438\u044e, \u043f\u043e\u0434\u043a\u043b\u044e\u0447\u0438\u043b\u0438 \u043a \u0438\u0432\u0435\u043d\u0442\u0443. \u041f\u043b\u043e\u0449\u0430\u0434\u043a\u0430 \u0441\u0443\u043f\u0435\u0440.\u00bb<\/p>\r\n <small>\u0421\u0442\u0440\u0438\u043c\u0435\u0440 \u2022 2 \u043c\u0435\u0441\u044f\u0446\u0430<\/small>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n <!-- STATS -->\r\n <section class=\"stats-wrap\">\r\n <div class=\"stats-grid\">\r\n <div class=\"stat-item\" data-parallax>\r\n <div class=\"num\" data-target=\"5\">0<\/div>\r\n <p>\u041d\u0430\u0441\u0442\u0430\u0432\u043d\u0438\u043a\u043e\u0432<\/p>\r\n <\/div>\r\n <div class=\"stat-item\" data-parallax>\r\n <div class=\"num\" data-target=\"1\">0<\/div>\r\n <p>\u0411\u0435\u0441\u043f\u043b\u0430\u0442\u043d\u043e\u0435 \u043e\u0431\u0443\u0447\u0435\u043d\u0438\u0435<\/p>\r\n <\/div>\r\n <div class=\"stat-item\" data-parallax>\r\n <div class=\"num\" data-target=\"120\">0<\/div>\r\n <p>\u041f\u0440\u043e\u0435\u043a\u0442\u043e\u0432<\/p>\r\n <\/div>\r\n <div class=\"stat-item\" data-parallax>\r\n <div class=\"num\" data-target=\"50\">0<\/div>\r\n <p>\u0423\u0447\u0430\u0441\u0442\u043d\u0438\u043a\u043e\u0432<\/p>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n <!-- CTA BIG -->\r\n <section class=\"cta-hero\">\r\n <h2>\u0413\u043e\u0442\u043e\u0432 \u043d\u0430\u0447\u0430\u0442\u044c \u043f\u0443\u0442\u044c \u0432 \u043c\u0435\u0434\u0438\u0430\u043f\u0440\u043e\u0441\u0442\u0440\u0430\u043d\u0441\u0442\u0432\u0435?<\/h2>\r\n <p style=\"color:var(--muted);margin:6px 0 16px\">\u041f\u0440\u0438\u0441\u043e\u0435\u0434\u0438\u043d\u044f\u0439\u0441\u044f \u0432 Telegram \u2014 \u043e\u0431\u0449\u0430\u0439\u0441\u044f \u0441 \u043d\u0430\u0441\u0442\u0430\u0432\u043d\u0438\u043a\u0430\u043c\u0438 \u0438 \u0441\u0440\u0430\u0437\u0443 \u0432\u043a\u043b\u044e\u0447\u0430\u0439\u0441\u044f \u0432 \u043f\u0440\u043e\u0435\u043a\u0442\u044b.<\/p>\r\n <a class=\"btn\" href=\"https:\/\/t.me\/BanTVpr\" target=\"_blank\"><span>\u041f\u0440\u0438\u0441\u043e\u0435\u0434\u0438\u043d\u0438\u0442\u044c\u0441\u044f \u0441\u0435\u0439\u0447\u0430\u0441<\/span><\/a>\r\n <\/section>\r\n<\/main>\r\n\r\n<footer class=\"footer\" id=\"contacts\">\r\n \u00a9 2026 BanTV Production \u2014 <a href=\"https:\/\/t.me\/BanTVpr\" target=\"_blank\">\u0421\u0432\u044f\u0437\u0430\u0442\u044c\u0441\u044f \u0432 Telegram<\/a>\r\n<\/footer>\r\n\r\n<!-- small interactive scripts -->\r\n<script>\r\n\/\/ mobile burger\r\nconst burger = document.getElementById('burger');\r\nconst navlinks = document.querySelector('.nav-links');\r\nif(burger){burger.addEventListener('click', ()=>{navlinks.style.display = navlinks.style.display === 'flex' ? 'none' : 'flex'; navlinks.style.flexDirection='column'; navlinks.style.gap='8px'});} \r\n\r\n\/\/ cursor glow for desktop only\r\nlet glowEl = null;\r\nif(window.innerWidth > 720){\r\n glowEl = document.createElement('div');\r\n glowEl.id = 'cursor-glow';\r\n Object.assign(glowEl.style,{position:'fixed',width:'260px',height:'260px',borderRadius:'50%',pointerEvents:'none',background:'radial-gradient(circle, rgba(79,172,254,0.28), rgba(156,39,176,0.22) 60%, transparent 100%)',filter:'blur(40px)',transform:'translate(-50%,-50%)',zIndex:20});\r\n document.body.appendChild(glowEl);\r\n document.addEventListener('mousemove', e=>{glowEl.style.left = e.clientX + 'px'; glowEl.style.top = e.clientY + 'px';});\r\n}\r\n\r\n\/\/ simple parallax on mouse for elements with data-parallax\r\nconst parallaxEls = document.querySelectorAll('[data-parallax]');\r\nwindow.addEventListener('mousemove', (e)=>{\r\n const cx = window.innerWidth\/2; const cy = window.innerHeight\/2;\r\n const dx = (e.clientX-cx)\/cx; const dy = (e.clientY-cy)\/cy;\r\n parallaxEls.forEach((el,i)=>{\r\n const depth = (i%3 + 1) * 4; \/\/ variety\r\n el.style.transform = `translate3d(${dx*depth}px, ${dy*depth}px, 0)`;\r\n });\r\n});\r\n\r\n\/\/ scroll reveal\r\nconst io = new IntersectionObserver((entries)=>{\r\n entries.forEach(e=>{if(e.isIntersecting){e.target.classList.add('visible'); io.unobserve(e.target);}});\r\n},{threshold:0.18});\r\ndocument.querySelectorAll('.role, .review-card, .stat-item, .glass-card').forEach(n=>io.observe(n));\r\n\r\n\/\/ animate counters when visible\r\nconst counters = document.querySelectorAll('.num');\r\ncounters.forEach(counter=>{\r\n const target = +counter.dataset.target;\r\n const obs = new IntersectionObserver((ents,observer)=>{\r\n ents.forEach(ent=>{if(ent.isIntersecting){let cur=0;const step = Math.max(1, Math.floor(target\/60)); const t = setInterval(()=>{cur += step; if(cur>=target){cur=target; clearInterval(t);} counter.textContent = cur;},14); observer.unobserve(counter); }});\r\n },{threshold:0.5});\r\n obs.observe(counter);\r\n});\r\n\r\n\/\/ smooth anchor scroll\r\ndocument.querySelectorAll('a[href^=\"#\"]').forEach(a=>{a.addEventListener('click', e=>{e.preventDefault(); const id = a.getAttribute('href').slice(1); const el = document.getElementById(id); if(el) el.scrollIntoView({behavior:'smooth',block:'start'});});});\r\n<\/script>\r\n<\/body>\r\n<\/html>\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<section class=\"elementor-section elementor-top-section elementor-element elementor-element-8b19dbe elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"8b19dbe\" data-element_type=\"section\" data-e-type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-85cd1ef\" data-id=\"85cd1ef\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-0c18605 elementor-widget elementor-widget-html\" data-id=\"0c18605\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!-- ===========================\r\n \u0423\u041b\u0423\u0427\u0428\u0415\u041d\u041d\u042b\u0419 \u0411\u041b\u041e\u041a \u00ab\u0426\u0415\u041d\u041d\u041e\u0421\u0422\u0418 BANTV\u00bb\r\n - \u043a\u0440\u0443\u043f\u043d\u044b\u0435 \u043a\u0430\u0440\u0442\u043e\u0447\u043a\u0438, liquid glass, \u0430\u043a\u0446\u0435\u043d\u0442\u044b\r\n - \u0430\u0434\u0430\u043f\u0442\u0438\u0432: 3 \/ 2 \/ 1 \u043a\u043e\u043b\u043e\u043d\u043a\u0438\r\n - \u043b\u0451\u0433\u043a\u0438\u0439 \u043f\u0430\u0440\u0430\u043b\u043b\u0430\u043a\u0441, reveal animation\r\n=========================== -->\r\n<section id=\"values\" class=\"bantv-values-pro\" aria-labelledby=\"values-title\">\r\n <div class=\"bv-container\">\r\n <header class=\"bv-head\">\r\n <h2 id=\"values-title\">\u0426\u0435\u043d\u043d\u043e\u0441\u0442\u0438 BanTV<\/h2>\r\n <p class=\"bv-lead\">\u041f\u0440\u0438\u043d\u0446\u0438\u043f\u044b, \u043f\u043e \u043a\u043e\u0442\u043e\u0440\u044b\u043c \u043c\u044b \u0440\u0430\u0431\u043e\u0442\u0430\u0435\u043c \u2014 \u043f\u043e\u0434\u0434\u0435\u0440\u0436\u043a\u0430, \u0440\u043e\u0441\u0442 \u0438 \u0440\u0435\u0437\u0443\u043b\u044c\u0442\u0430\u0442. \u0412\u0441\u0451 \u0441\u0434\u0435\u043b\u0430\u043d\u043e, \u0447\u0442\u043e\u0431\u044b \u0440\u0430\u0437\u0432\u0438\u0432\u0430\u0442\u044c \u043d\u0430\u0432\u044b\u043a\u0438 \u0438 \u0434\u043e\u0432\u0435\u0440\u0438\u0435.<\/p>\r\n <\/header>\r\n\r\n <div class=\"bv-grid-pro\">\r\n <article class=\"bv-card-pro support\" data-bv>\r\n <div class=\"bv-glow\"><\/div>\r\n <div class=\"bv-top\">\r\n <div class=\"bv-icon\">\ud83e\udd1d<\/div>\r\n <div class=\"bv-tag\">\u041f\u043e\u0434\u0434\u0435\u0440\u0436\u043a\u0430<\/div>\r\n <\/div>\r\n <h3 class=\"bv-title-pro\">\u0412\u0441\u0435\u0433\u0434\u0430 \u0440\u044f\u0434\u043e\u043c<\/h3>\r\n <p class=\"bv-text\">\u041d\u0430\u0441\u0442\u0430\u0432\u043d\u0438\u043a\u0438 \u0438 \u043a\u043e\u043c\u044c\u044e\u043d\u0438\u0442\u0438 \u043f\u0440\u043e\u0432\u043e\u0434\u044f\u0442 \u043e\u0442 \u043f\u0435\u0440\u0432\u043e\u0439 \u0438\u0434\u0435\u0438 \u0434\u043e \u043f\u0443\u0431\u043b\u0438\u043a\u0430\u0446\u0438\u0438 \u2014 \u043f\u043e\u0448\u0430\u0433\u043e\u0432\u044b\u0435 \u0444\u0438\u0434\u044b \u0438 \u043f\u0440\u043e\u0432\u0435\u0440\u0435\u043d\u043d\u044b\u0435 \u0447\u0435\u043a\u043b\u0438\u0441\u0442\u044b.<\/p>\r\n <ul class=\"bv-features\">\r\n <li>\u041f\u0435\u0440\u0441\u043e\u043d\u0430\u043b\u044c\u043d\u044b\u0435 \u043e\u0431\u0440\u0430\u0442\u043d\u044b\u0435 \u0441\u0432\u044f\u0437\u0438<\/li>\r\n <li>\u0427\u0435\u043a\u043b\u0438\u0441\u0442\u044b \u0434\u043b\u044f \u043f\u0440\u043e\u0435\u043a\u0442\u0430<\/li>\r\n <li>\u041e\u043d\u0431\u043e\u0440\u0434\u0438\u043d\u0433 \u043d\u043e\u0432\u0438\u0447\u043a\u043e\u0432<\/li>\r\n <\/ul>\r\n <a class=\"bv-link\" href=\"https:\/\/t.me\/BanTVpr\" target=\"_blank\" rel=\"noopener\">\u041f\u043e\u0434\u0440\u043e\u0431\u043d\u0435\u0435 \u2192<\/a>\r\n <\/article>\r\n\r\n <article class=\"bv-card-pro growth\" data-bv>\r\n <div class=\"bv-glow\"><\/div>\r\n <div class=\"bv-top\">\r\n <div class=\"bv-icon\">\ud83d\ude80<\/div>\r\n <div class=\"bv-tag\">\u0420\u043e\u0441\u0442<\/div>\r\n <\/div>\r\n <h3 class=\"bv-title-pro\">\u0420\u043e\u0441\u0442 \u043d\u0430\u0432\u044b\u043a\u043e\u0432<\/h3>\r\n <p class=\"bv-text\">\u041c\u044b \u0434\u0430\u0451\u043c \u0441\u0442\u0440\u0443\u043a\u0442\u0443\u0440\u0443 \u0434\u043b\u044f \u0440\u0430\u0437\u0432\u0438\u0442\u0438\u044f \u2014 \u0437\u0430\u0434\u0430\u043d\u0438\u044f, \u043f\u0440\u0430\u043a\u0442\u0438\u043a\u0438, \u0440\u0435\u0430\u043b\u044c\u043d\u044b\u0435 \u043a\u0435\u0439\u0441\u044b \u0438 \u043f\u043e\u043d\u044f\u0442\u043d\u044b\u0435 \u043c\u0435\u0442\u0440\u0438\u043a\u0438 \u043f\u0440\u043e\u0433\u0440\u0435\u0441\u0441\u0430.<\/p>\r\n <ul class=\"bv-features\">\r\n <li>\u0423\u0447\u0435\u0431\u043d\u044b\u0435 \u0434\u043e\u0440\u043e\u0436\u043a\u0438<\/li>\r\n <li>\u041f\u0440\u0430\u043a\u0442\u0438\u0447\u0435\u0441\u043a\u0438\u0435 \u0437\u0430\u0434\u0430\u043d\u0438\u044f<\/li>\r\n <li>\u041f\u043e\u0440\u0442\u0444\u043e\u043b\u0438\u043e-\u0444\u0438\u0434\u0431\u0435\u043a<\/li>\r\n <\/ul>\r\n <a class=\"bv-link\" href=\"#projects\">\u0421\u043c\u043e\u0442\u0440\u0435\u0442\u044c \u043f\u0440\u043e\u0435\u043a\u0442\u044b \u2192<\/a>\r\n <\/article>\r\n\r\n <article class=\"bv-card-pro creative\" data-bv>\r\n <div class=\"bv-glow\"><\/div>\r\n <div class=\"bv-top\">\r\n <div class=\"bv-icon\">\ud83c\udfa8<\/div>\r\n <div class=\"bv-tag\">\u041a\u0440\u0435\u0430\u0442\u0438\u0432<\/div>\r\n <\/div>\r\n <h3 class=\"bv-title-pro\">\u0421\u0432\u043e\u0431\u043e\u0434\u0430 \u044d\u043a\u0441\u043f\u0435\u0440\u0438\u043c\u0435\u043d\u0442\u0430<\/h3>\r\n <p class=\"bv-text\">\u041f\u043e\u043e\u0449\u0440\u044f\u0435\u043c \u0441\u043c\u0435\u043b\u044b\u0435 \u0438\u0434\u0435\u0438: \u044d\u043a\u0441\u043f\u0435\u0440\u0438\u043c\u0435\u043d\u0442\u044b \u0441 \u0444\u043e\u0440\u043c\u043e\u0439, \u0444\u043e\u0440\u043c\u0430\u0442\u0430\u043c\u0438 \u0438 \u0432\u0438\u0437\u0443\u0430\u043b\u044c\u043d\u043e\u0439 \u043f\u043e\u0434\u0430\u0447\u0435\u0439 \u2014 \u0431\u0435\u0437\u043e\u043f\u0430\u0441\u043d\u0430\u044f \u043f\u043b\u043e\u0449\u0430\u0434\u043a\u0430 \u0434\u043b\u044f \u043f\u0440\u043e\u0431.<\/p>\r\n <ul class=\"bv-features\">\r\n <li>\u041a\u0440\u0435\u0430\u0442\u0438\u0432\u043d\u044b\u0435 \u043b\u0430\u0431\u043e\u0440\u0430\u0442\u043e\u0440\u0438\u0438<\/li>\r\n <li>\u041a\u043e\u043b\u043b\u0430\u0431-\u0447\u0435\u043b\u043b\u0435\u043d\u0434\u0436\u0438<\/li>\r\n <li>\u041c\u0435\u043d\u0442\u043e\u0440\u0441\u043a\u0438\u0435 \u0441\u0435\u0441\u0441\u0438\u0438<\/li>\r\n <\/ul>\r\n <a class=\"bv-link\" href=\"#team\">\u0423\u0437\u043d\u0430\u0442\u044c \u0431\u043e\u043b\u044c\u0448\u0435 \u2192<\/a>\r\n <\/article>\r\n\r\n <article class=\"bv-card-pro craft\" data-bv>\r\n <div class=\"bv-glow\"><\/div>\r\n <div class=\"bv-top\">\r\n <div class=\"bv-icon\">\ud83c\udfa5<\/div>\r\n <div class=\"bv-tag\">\u041f\u0440\u043e\u0444\u0438<\/div>\r\n <\/div>\r\n <h3 class=\"bv-title-pro\">\u041f\u0440\u043e\u0444\u0435\u0441\u0441\u0438\u043e\u043d\u0430\u043b\u0438\u0437\u043c<\/h3>\r\n <p class=\"bv-text\">\u041f\u0440\u0430\u043a\u0442\u0438\u043a\u0430 \u043d\u0430 \u0440\u0435\u0430\u043b\u044c\u043d\u044b\u0445 \u0441\u044a\u0451\u043c\u043a\u0430\u0445 \u0438 \u0432\u043d\u0438\u043c\u0430\u0442\u0435\u043b\u044c\u043d\u043e\u0435 \u043e\u0442\u043d\u043e\u0448\u0435\u043d\u0438\u0435 \u043a \u0434\u0435\u0442\u0430\u043b\u044f\u043c \u2014 \u043c\u044b \u0440\u0430\u0431\u043e\u0442\u0430\u0435\u043c, \u043a\u0430\u043a \u043d\u0430 \u0441\u0442\u0443\u0434\u0438\u0438.<\/p>\r\n <ul class=\"bv-features\">\r\n <li>\u0420\u0435\u0430\u043b\u044c\u043d\u044b\u0435 \u043a\u0435\u0439\u0441\u044b<\/li>\r\n <li>\u0420\u0430\u0431\u043e\u0442\u0430 \u0441 \u043e\u0431\u043e\u0440\u0443\u0434\u043e\u0432\u0430\u043d\u0438\u0435\u043c<\/li>\r\n <li>\u041f\u043e\u0441\u0442-\u043f\u0440\u043e\u0438\u0437\u0432\u043e\u0434\u0441\u0442\u0432\u043e<\/li>\r\n <\/ul>\r\n <a class=\"bv-link\" href=\"#projects\">\u041d\u0430\u0448\u0435 \u043e\u0431\u043e\u0440\u0443\u0434\u043e\u0432\u0430\u043d\u0438\u0435 \u2192<\/a>\r\n <\/article>\r\n\r\n <article class=\"bv-card-pro result\" data-bv>\r\n <div class=\"bv-glow\"><\/div>\r\n <div class=\"bv-top\">\r\n <div class=\"bv-icon\">\ud83c\udfc6<\/div>\r\n <div class=\"bv-tag\">\u0420\u0435\u0437\u0443\u043b\u044c\u0442\u0430\u0442<\/div>\r\n <\/div>\r\n <h3 class=\"bv-title-pro\">\u0414\u043e\u0441\u0442\u0438\u0436\u0435\u043d\u0438\u044f<\/h3>\r\n <p class=\"bv-text\">\u041f\u0440\u043e\u0435\u043a\u0442\u044b, \u043f\u0443\u0431\u043b\u0438\u043a\u0430\u0446\u0438\u0438 \u0438 \u043f\u043e\u0440\u0442\u0444\u043e\u043b\u0438\u043e \u2014 \u043c\u044b \u0444\u043e\u043a\u0443\u0441\u0438\u0440\u0443\u0435\u043c\u0441\u044f \u043d\u0430 \u0438\u0437\u043c\u0435\u0440\u0438\u043c\u044b\u0445 \u0440\u0435\u0437\u0443\u043b\u044c\u0442\u0430\u0442\u0430\u0445 \u0443\u0447\u0430\u0441\u0442\u043d\u0438\u043a\u043e\u0432.<\/p>\r\n <ul class=\"bv-features\">\r\n <li>\u041f\u0443\u0431\u043b\u0438\u043a\u0430\u0446\u0438\u0438 \u0438 \u043a\u0435\u0439\u0441\u044b<\/li>\r\n <li>\u0420\u0435\u043a\u043e\u043c\u0435\u043d\u0434\u0430\u0446\u0438\u0438<\/li>\r\n <li>\u0412\u043e\u0437\u043c\u043e\u0436\u043d\u043e\u0441\u0442\u0438 \u0432 \u043f\u0440\u043e\u0435\u043a\u0442\u0430\u0445<\/li>\r\n <\/ul>\r\n <a class=\"bv-link\" href=\"#reviews\">\u0418\u0441\u0442\u043e\u0440\u0438\u0438 \u0443\u0441\u043f\u0435\u0445\u0430 \u2192<\/a>\r\n <\/article>\r\n <\/div>\r\n <\/div>\r\n<\/section>\r\n\r\n<style>\r\n\/* ---- Scoped styles for improved values block ---- *\/\r\n.bantv-values-pro{padding:48px 18px}\r\n.bv-container{max-width:1280px;margin:0 auto}\r\n\r\n\/* Header *\/\r\n.bv-head{text-align:center;margin-bottom:22px}\r\n.bv-head #values-title{\r\n font-size:32px;\r\n margin:0;\r\n font-weight:800;\r\n letter-spacing:-0.02em;\r\n background:linear-gradient(45deg,var(--accent1,#4facfe),var(--accent2,#9c27b0));\r\n -webkit-background-clip:text;color:transparent;\r\n}\r\n.bv-lead{margin:8px auto 0;color:rgba(0,0,0,0.55);max-width:820px}\r\n\r\n\/* Grid: 3 cols desktop, 2 tablet, 1 mobile *\/\r\n.bv-grid-pro{\r\n display:grid;\r\n grid-template-columns:repeat(3,1fr);\r\n gap:22px;\r\n align-items:stretch;\r\n}\r\n@media (max-width:980px){ .bv-grid-pro{grid-template-columns:repeat(2,1fr)} }\r\n@media (max-width:640px){ .bv-grid-pro{grid-template-columns:1fr} }\r\n\r\n\/* Card core *\/\r\n.bv-card-pro{\r\n position:relative;\r\n overflow:hidden;\r\n padding:26px;\r\n border-radius:20px;\r\n background:linear-gradient(180deg, rgba(255,255,255,0.36), rgba(255,255,255,0.30));\r\n border:1px solid var(--glass-border, rgba(255,255,255,0.6));\r\n backdrop-filter:blur(14px) saturate(1.05);\r\n box-shadow:0 18px 50px rgba(12,18,25,0.06);\r\n transition:transform 420ms cubic-bezier(.2,.9,.3,1), box-shadow 420ms, border-color 420ms;\r\n display:flex;\r\n flex-direction:column;\r\n gap:12px;\r\n min-height:320px; \/* intentionally large visual *\/\r\n}\r\n\r\n\/* decorative glow blobs *\/\r\n.bv-card-pro .bv-glow{\r\n position:absolute;right:-20%;top:-30%;width:240px;height:240px;border-radius:50%;\r\n background:radial-gradient(circle at 30% 30%, rgba(79,172,254,0.12), transparent 35%),\r\n radial-gradient(circle at 70% 70%, rgba(156,39,176,0.08), transparent 35%);\r\n filter:blur(18px);\r\n transform:translateZ(0);\r\n z-index:0;\r\n pointer-events:none;\r\n}\r\n\r\n\/* each card gets a slightly different accent *\/\r\n.bv-card-pro.support .bv-glow{background:radial-gradient(circle at 30% 30%, rgba(79,172,254,0.14), transparent 35%), radial-gradient(circle at 70% 70%, rgba(156,39,176,0.06), transparent 35%)}\r\n.bv-card-pro.growth .bv-glow{background:radial-gradient(circle at 30% 30%, rgba(79,220,130,0.12), transparent 35%), radial-gradient(circle at 70% 70%, rgba(156,39,176,0.06), transparent 35%)}\r\n.bv-card-pro.creative .bv-glow{background:radial-gradient(circle at 30% 30%, rgba(255,140,200,0.12), transparent 35%), radial-gradient(circle at 70% 70%, rgba(156,39,176,0.06), transparent 35%)}\r\n.bv-card-pro.craft .bv-glow{background:radial-gradient(circle at 30% 30%, rgba(255,190,100,0.12), transparent 35%), radial-gradient(circle at 70% 70%, rgba(79,172,254,0.06), transparent 35%)}\r\n.bv-card-pro.result .bv-glow{background:radial-gradient(circle at 30% 30%, rgba(150,120,255,0.12), transparent 35%), radial-gradient(circle at 70% 70%, rgba(79,172,254,0.06), transparent 35%)}\r\n\r\n\/* top row: icon + small tag *\/\r\n.bv-top{display:flex;align-items:center;gap:12px;z-index:2}\r\n.bv-icon{\r\n width:68px;height:68px;border-radius:14px;display:grid;place-items:center;font-size:30px;color:#fff;\r\n background:linear-gradient(90deg,var(--accent1,#4facfe),var(--accent2,#9c27b0));\r\n box-shadow:0 10px 30px rgba(79,172,254,0.12);\r\n}\r\n.bv-tag{\r\n font-size:13px;padding:6px 10px;border-radius:999px;background:rgba(255,255,255,0.06);\r\n color:rgba(0,0,0,0.6);border:1px solid rgba(255,255,255,0.04);\r\n z-index:2;font-weight:700\r\n}\r\n\r\n\/* titles and text *\/\r\n.bv-title-pro{margin:0;font-size:20px;font-weight:800;z-index:2}\r\n.bv-text{margin:0;color:rgba(0,0,0,0.65);line-height:1.45;z-index:2}\r\n\r\n\/* features list (short) *\/\r\n.bv-features{margin:8px 0 0 0;padding-left:18px;color:rgba(0,0,0,0.62);z-index:2}\r\n.bv-features li{margin:6px 0;font-size:14px}\r\n\r\n\/* actions *\/\r\n.bv-link{margin-top:auto;display:inline-block;padding:10px 14px;border-radius:10px;background:linear-gradient(90deg,var(--accent1,#4facfe),var(--accent2,#9c27b0));color:#fff;text-decoration:none;font-weight:700;z-index:2;box-shadow:0 8px 26px rgba(79,172,254,0.12)}\r\n.bv-link:hover{transform:translateY(-3px)}\r\n\r\n\/* hover effect *\/\r\n.bv-card-pro:hover{transform:translateY(-14px);box-shadow:0 34px 80px rgba(12,18,25,0.12);border-color:rgba(255,255,255,0.8)}\r\n\r\n\/* reveal animation *\/\r\n.bv-card-pro{opacity:0;transform:translateY(18px)}\r\n.bv-card-pro.bv-visible{opacity:1;transform:none;transition:opacity 520ms ease, transform 520ms cubic-bezier(.2,.9,.3,1)}\r\n\r\n\/* responsive adjustments *\/\r\n@media (max-width:980px){\r\n .bv-card-pro{min-height:300px;padding:20px}\r\n .bv-icon{width:60px;height:60px;font-size:26px}\r\n}\r\n@media (max-width:640px){\r\n .bantv-values-pro{padding:28px 12px}\r\n .bv-card-pro{min-height:260px;padding:18px;border-radius:14px}\r\n .bv-top{gap:10px}\r\n .bv-icon{width:52px;height:52px;font-size:22px}\r\n}\r\n@media (prefers-reduced-motion: reduce){ .bv-card-pro, .bv-card-pro .bv-glow{transition:none} }\r\n<\/style>\r\n\r\n<script>\r\n\/* Reveal observer + subtle tilt on pointer for each card *\/\r\n(function(){\r\n const cards = document.querySelectorAll('.bv-card-pro[data-bv]');\r\n if(!cards.length) return;\r\n\r\n \/\/ IntersectionObserver for reveal\r\n const io = new IntersectionObserver((entries, obs)=>{\r\n entries.forEach(en=>{\r\n if(en.isIntersecting){ en.target.classList.add('bv-visible'); obs.unobserve(en.target); }\r\n });\r\n }, {threshold: 0.16});\r\n cards.forEach(c=>io.observe(c));\r\n\r\n \/\/ pointer tilt (desktop only)\r\n if(window.matchMedia('(pointer: fine)').matches){\r\n cards.forEach(card=>{\r\n card.addEventListener('pointermove', (e)=>{\r\n const r = card.getBoundingClientRect();\r\n const px = (e.clientX - r.left) \/ r.width; \/\/ 0..1\r\n const py = (e.clientY - r.top) \/ r.height;\r\n const rx = (py - 0.5) * 6; \/\/ tilt degrees\r\n const ry = (px - 0.5) * -6;\r\n card.style.transform = `perspective(700px) rotateX(${rx}deg) rotateY(${ry}deg) translateY(-8px)`;\r\n \/\/ highlight glow shift\r\n const glow = card.querySelector('.bv-glow');\r\n if(glow) glow.style.transform = `translate(${(px-0.5)*40}px, ${(py-0.5)*40}px)`;\r\n });\r\n card.addEventListener('pointerleave', ()=>{\r\n card.style.transform = '';\r\n const glow = card.querySelector('.bv-glow');\r\n if(glow) glow.style.transform = '';\r\n });\r\n });\r\n }\r\n})();\r\n<\/script>\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>BanTV Production \u2014 Landing B BanTV Production \u041c\u0435\u0434\u0438\u0430-\u043a\u043e\u043c\u0430\u043d\u0434\u0430 \u2022 \u041f\u043e\u043c\u043e\u0449\u044c \u043d\u043e\u0432\u0438\u0447\u043a\u0430\u043c \u041d\u0430\u043f\u0440\u0430\u0432\u043b\u0435\u043d\u0438\u044f \u041f\u0440\u043e\u0435\u043a\u0442\u044b \u041e\u0442\u0437\u044b\u0432\u044b \u0421\u0432\u044f\u0437\u0430\u0442\u044c\u0441\u044f \u0421\u0442\u0430\u043d\u044c \u0447\u0430\u0441\u0442\u044c\u044e BanTV \u2014 \u0443\u0447\u0438\u0441\u044c, \u0441\u043d\u0438\u043c\u0430\u0439, \u0442\u0432\u043e\u0440\u0438 \u0411\u0435\u0441\u043f\u043b\u0430\u0442\u043d\u0430\u044f \u043f\u043e\u0434\u0434\u0435\u0440\u0436\u043a\u0430, \u043d\u0430\u0441\u0442\u0430\u0432\u043d\u0438\u043a\u0438 \u0438 \u0440\u0435\u0430\u043b\u044c\u043d\u044b\u0435 \u043f\u0440\u043e\u0435\u043a\u0442\u044b. \u0414\u043b\u044f \u0441\u0442\u0440\u0438\u043c\u0435\u0440\u043e\u0432, \u043e\u043f\u0435\u0440\u0430\u0442\u043e\u0440\u043e\u0432 \u0438 \u0431\u043b\u043e\u0433\u0435\u0440\u043e\u0432. \u0412\u0441\u0442\u0443\u043f\u0438\u0442\u044c \u0432 \u043a\u043e\u043c\u0430\u043d\u0434\u0443 \u041d\u0430\u0448\u0438 \u043f\u0440\u043e\u0435\u043a\u0442\u044b \ud83c\udfae \u0421\u0442\u0440\u0438\u043c\u0435\u0440\u044b \u041f\u043e\u0434\u0434\u0435\u0440\u0436\u043a\u0430 \u0432 \u0442\u0440\u0430\u043d\u0441\u043b\u044f\u0446\u0438\u044f\u0445, \u043e\u0444\u043e\u0440\u043c\u043b\u0435\u043d\u0438\u0435, \u0440\u0435\u043a\u043b\u0430\u043c\u0430 \u0438 \u0431\u043e\u043d\u0443\u0441\u044b \u043d\u0430 \u0438\u0433\u0440\u043e\u0432\u044b\u0445 \u0441\u0435\u0440\u0432\u0435\u0440\u0430\u0445. \u041f\u043e\u0434\u043a\u043b\u044e\u0447\u0430\u0435\u043c \u043a \u0438\u0432\u0435\u043d\u0442\u0430\u043c \u0438 \u043f\u0440\u043e\u0435\u043a\u0442\u0430\u043c. … <\/p>\n<p class=\"link-more\"><a href=\"https:\/\/bantv.ru\/?page_id=1087\" class=\"more-link\">\u0427\u0438\u0442\u0430\u0442\u044c \u0434\u0430\u043b\u0435\u0435<span class=\"screen-reader-text\"> «\u041f\u0430\u0440\u0442\u043d\u0435\u0440\u0441\u0442\u0432\u043e \u0438 \u043f\u0440\u0435\u0434\u043b\u043e\u0436\u0435\u043d\u0438\u044f»<\/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-1087","page","type-page","status-publish","hentry"],"featured_media_urls":[],"_links":{"self":[{"href":"https:\/\/bantv.ru\/index.php?rest_route=\/wp\/v2\/pages\/1087","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=1087"}],"version-history":[{"count":8,"href":"https:\/\/bantv.ru\/index.php?rest_route=\/wp\/v2\/pages\/1087\/revisions"}],"predecessor-version":[{"id":1097,"href":"https:\/\/bantv.ru\/index.php?rest_route=\/wp\/v2\/pages\/1087\/revisions\/1097"}],"wp:attachment":[{"href":"https:\/\/bantv.ru\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=1087"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}