{"id":1501,"date":"2026-06-26T17:20:06","date_gmt":"2026-06-26T15:20:06","guid":{"rendered":"https:\/\/branike.com\/?page_id=1501"},"modified":"2026-08-19T08:57:49","modified_gmt":"2026-08-19T06:57:49","slug":"branike-club-klientsky-membership-plugin","status":"publish","type":"page","link":"https:\/\/branike.com\/branike-club-klientsky-membership-plugin\/","title":{"rendered":"Branike Club &#8211; Klientsk\u00fd membership plugin"},"content":{"rendered":"<div style=\"position:relative;padding:72px 44px 72px 44px;background:linear-gradient(135deg,#1A1A2E,#2D1B69 55%,#1E1B4B)\" class=\"bb-columns-wrap bb-columns--2 bb-va-center alignfull wp-block-branike-columns\"><div class=\"bb-columns\" style=\"--bb-gtc:55fr 45fr;--bb-gtc-tab:50fr 50fr;--bb-gtc-mob:1fr;--bb-gap:36px;--bb-gap-tab:16px;--bb-gap-mob:16px;--bb-ai:center\">\n<div class=\"bb-column wp-block-branike-column\" data-col-index=\"0\">\n\n<p class=\"wp-block-branike-text\"><span style=\"display:inline-block;color:#DDD6FE;background:rgba(167,139,250,0.18);padding:4px 14px;border-radius:20px;font-size:14px;font-weight:700;letter-spacing:1.2px;text-transform:uppercase;margin-bottom:20px;\">Branike Club<\/span><\/p>\n\n\n\n<h1 class=\"wp-block-branike-heading has-text-align-left has-text-color\" style=\"color:#ffffff;font-size:40px;font-weight:800;line-height:1.14;margin-bottom:18px;max-width:580px;margin-left:auto;margin-right:auto\">Vlastn\u00e1 \u010dlensk\u00e1 z\u00f3na \u2014 pred\u00e1vaj pr\u00edstup k obsahu svojim z\u00e1kazn\u00edkom<\/h1>\n\n\n\n<p class=\"wp-block-branike-text has-text-align-left has-text-color\" style=\"color:#E2E8F0;line-height:1.6;margin-bottom:26px;max-width:540px;margin-left:auto;margin-right:auto\">Branike Club z teba sprav\u00ed prev\u00e1dzkovate\u013ea \u010dlenstva. Vytvor\u00ed\u0161 pl\u00e1ny, z\u00e1kazn\u00edk sa zaregistruje a zaplat\u00ed, a pod\u013ea bal\u00edka sa mu odomkne obsah \u2014 kurzy, eventy, \u010dl\u00e1nky \u010di slu\u017eby. Membership prepojen\u00fd s cel\u00fdm ekosyst\u00e9mom, bez balastu a bez z\u00e1vislosti na cudz\u00edch n\u00e1strojoch.<\/p>\n\n\n<div style=\"--bb-btn-gap:14px;--bb-btn-gap-tab:10px;--bb-btn-gap-mob:8px;--bb-btn-justify:flex-start;--bb-btn-dir:row;--bb-btn-wrap:nowrap\" class=\"bb-buttons bb-buttons--horizontal wp-block-branike-buttons\">\n<a style=\"--bb-btn-bg:var(--wp--preset--color--accent, #7C3AED);--bb-btn-color:#ffffff\" class=\"bb-button bb-button--solid bb-button--lg bb-button--rounded wp-block-branike-button\" href=\"#cta\"><span class=\"bb-button__text\">Vysk\u00fa\u0161a\u0165 Branike Club<\/span><\/a>\n\n<a style=\"--bb-btn-color:#ffffff;--bb-btn-border:#C4B5FD\" class=\"bb-button bb-button--outline bb-button--lg bb-button--rounded wp-block-branike-button\" href=\"#co\"><span class=\"bb-button__text\">\u010co je Club?<\/span><\/a>\n<\/div>\n<\/div>\n\n<div class=\"bb-column wp-block-branike-column\" data-col-index=\"1\">\n\n<div class=\"bkv-orbit\">\n<style>\n  .bkv-orbit *,.bkv-orbit *::before,.bkv-orbit *::after{box-sizing:border-box;margin:0;padding:0;}\n  .bkv-orbit{width:100%;max-width:100%;background:#14122A;border-radius:20px;padding:44px 24px;\n    position:relative;overflow:hidden;isolation:isolate;box-shadow:0 24px 70px rgba(0,0,0,.25);\n    font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,sans-serif;}\n  .bkv-orbit .neb{position:absolute;inset:-20%;z-index:-1;pointer-events:none;filter:blur(8px);\n    background:radial-gradient(38% 38% at 72% 24%,rgba(124,58,237,.45),transparent 60%),\n               radial-gradient(34% 34% at 20% 78%,rgba(91,33,182,.4),transparent 60%);}\n  .bkv-orbit .stage{position:relative;width:100%;max-width:440px;aspect-ratio:1;margin:0 auto;}\n  .bkv-orbit .rings{position:absolute;inset:0;width:100%;height:100%;}\n  .bkv-orbit .core{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);\n    width:140px;height:140px;border-radius:50%;\n    background:radial-gradient(circle at 35% 30%,#A78BFA,#7C3AED 55%,#5B21B6);\n    display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:3;\n    box-shadow:0 0 0 10px rgba(124,58,237,.12),0 0 60px rgba(124,58,237,.6),inset 0 2px 10px rgba(255,255,255,.35);}\n  .bkv-orbit .core b{color:#fff;font-size:11px;font-weight:800;letter-spacing:2px;margin-top:6px;}\n  .bkv-orbit .chip{position:absolute;display:inline-flex;align-items:center;gap:9px;\n    background:rgba(45,27,105,.6);border:1px solid rgba(196,181,253,.4);border-radius:100px;\n    padding:6px 15px 6px 6px;box-shadow:0 10px 30px rgba(0,0,0,.35);z-index:4;white-space:nowrap;}\n  .bkv-orbit .chip .ic{width:26px;height:26px;border-radius:50%;flex:none;display:flex;align-items:center;justify-content:center;\n    background:radial-gradient(circle at 35% 30%,#A78BFA,#7C3AED 72%);box-shadow:0 2px 8px rgba(124,58,237,.45);}\n  .bkv-orbit .chip .ic svg{width:14px;height:14px;}\n  .bkv-orbit .chip b{color:#fff;font-size:13px;font-weight:700;}\n  .bkv-orbit .c1{left:50%;top:-2%;transform:translateX(-50%);}\n  .bkv-orbit .c2{right:-1%;top:24%;} .bkv-orbit .c3{right:2%;bottom:20%;}\n  .bkv-orbit .c4{left:50%;bottom:-2%;transform:translateX(-50%);}\n  .bkv-orbit .c5{left:1%;bottom:24%;} .bkv-orbit .c6{left:-1%;top:22%;}\n  .bkv-orbit .cap{text-align:center;margin-top:36px;}\n  .bkv-orbit .cap p{color:#A5B4FC;font-size:13px;font-weight:700;letter-spacing:1.5px;text-transform:uppercase;}\n  @media (prefers-reduced-motion: no-preference){\n    .bkv-orbit .neb{animation:bkv-orbit-drift 28s ease-in-out infinite alternate;}\n    .bkv-orbit .r-spin{transform-origin:260px 260px;animation:bkv-orbit-spin 64s linear infinite;}\n    .bkv-orbit .r-rev{transform-origin:260px 260px;animation:bkv-orbit-spin 90s linear infinite reverse;}\n    .bkv-orbit .p1{transform-origin:260px 260px;animation:bkv-orbit-spin 38s linear infinite;}\n    .bkv-orbit .p2{transform-origin:260px 260px;animation:bkv-orbit-spin 30s linear infinite reverse;}\n    .bkv-orbit .p3{transform-origin:260px 260px;animation:bkv-orbit-spin 52s linear infinite;}\n    .bkv-orbit .core{animation:bkv-orbit-breathe 5s ease-in-out infinite;}\n    .bkv-orbit .c1,.bkv-orbit .c4{animation:bkv-orbit-fx 6.6s ease-in-out infinite;}\n    .bkv-orbit .c2,.bkv-orbit .c3,.bkv-orbit .c5,.bkv-orbit .c6{animation:bkv-orbit-fy 7s ease-in-out infinite;}\n    .bkv-orbit .c2{animation-delay:.3s} .bkv-orbit .c3{animation-delay:.6s}\n    .bkv-orbit .c4{animation-delay:.2s} .bkv-orbit .c5{animation-delay:.5s} .bkv-orbit .c6{animation-delay:.8s}\n  }\n  @keyframes bkv-orbit-drift{to{transform:translate(-5%,5%) scale(1.08);}}\n  @keyframes bkv-orbit-spin{to{transform:rotate(360deg);}}\n  @keyframes bkv-orbit-breathe{0%,100%{box-shadow:0 0 0 10px rgba(124,58,237,.12),0 0 55px rgba(124,58,237,.5),inset 0 2px 10px rgba(255,255,255,.35);}\n    50%{box-shadow:0 0 0 16px rgba(124,58,237,.16),0 0 85px rgba(124,58,237,.75),inset 0 2px 10px rgba(255,255,255,.4);}}\n  @keyframes bkv-orbit-fy{0%,100%{transform:translateY(0);}50%{transform:translateY(-12px);}}\n  @keyframes bkv-orbit-fx{0%,100%{transform:translateX(-50%) translateY(0);}50%{transform:translateX(-50%) translateY(-12px);}}\n  @media (max-width:600px){.bkv-orbit{padding:56px 22px;}.bkv-orbit .chip b{font-size:12px;}}\n\n  \/* HOVER *\/\n  .bkv-orbit .core{transition:transform .4s ease;}\n  @media (prefers-reduced-motion: no-preference){\n    .bkv-orbit:hover .core{transform:translate(-50%,-50%) scale(1.08);}\n    .bkv-orbit:hover .r-spin{animation-duration:22s;} .bkv-orbit:hover .r-rev{animation-duration:32s;}\n    .bkv-orbit:hover .p1{animation-duration:13s;} .bkv-orbit:hover .p2{animation-duration:10s;} .bkv-orbit:hover .p3{animation-duration:18s;}\n@media (max-width:560px){\n  .bkv-orbit{ padding:34px 10px 14px; min-width:calc(100% + 60px); margin-left:-30px; }\n  .bkv-orbit .stage{ max-width:none; }\n  }\n<\/style>\n  <div class=\"neb\" aria-hidden=\"true\"><\/div>\n  <div class=\"stage\" role=\"img\" aria-label=\"Branike Club ako jadro a jeho funkcie\">\n    <svg class=\"rings\" viewBox=\"0 0 520 520\" width=\"520\" height=\"520\" aria-hidden=\"true\">\n      <defs><radialGradient id=\"bkvOrbitGlow\" cx=\"50%\" cy=\"50%\" r=\"50%\">\n        <stop offset=\"0%\" stop-color=\"#7C3AED\" stop-opacity=\"0.45\"><\/stop>\n        <stop offset=\"100%\" stop-color=\"#7C3AED\" stop-opacity=\"0\"><\/stop><\/radialGradient><\/defs>\n      <circle cx=\"260\" cy=\"260\" r=\"250\" fill=\"url(#bkvOrbitGlow)\"><\/circle>\n      <g fill=\"none\" stroke=\"#A78BFA\" stroke-opacity=\"0.28\">\n        <circle class=\"r-spin\" cx=\"260\" cy=\"260\" r=\"228\" stroke-dasharray=\"2 10\"><\/circle>\n        <circle cx=\"260\" cy=\"260\" r=\"185\"><\/circle>\n        <circle class=\"r-rev\" cx=\"260\" cy=\"260\" r=\"130\" stroke-dasharray=\"2 8\"><\/circle><\/g>\n      <g stroke=\"#A78BFA\" stroke-opacity=\"0.3\" stroke-width=\"1.5\" stroke-dasharray=\"3 6\">\n        <line x1=\"260\" y1=\"260\" x2=\"260\" y2=\"40\"><\/line><line x1=\"260\" y1=\"260\" x2=\"455\" y2=\"160\"><\/line>\n        <line x1=\"260\" y1=\"260\" x2=\"450\" y2=\"380\"><\/line><line x1=\"260\" y1=\"260\" x2=\"260\" y2=\"480\"><\/line>\n        <line x1=\"260\" y1=\"260\" x2=\"70\" y2=\"380\"><\/line><line x1=\"260\" y1=\"260\" x2=\"65\" y2=\"160\"><\/line><\/g>\n      <g class=\"p1\"><circle cx=\"260\" cy=\"75\" r=\"9\" fill=\"#A78BFA\" opacity=\"0.25\"><\/circle><circle cx=\"260\" cy=\"75\" r=\"5\" fill=\"#DDD6FE\"><\/circle><\/g>\n      <g class=\"p2\"><circle cx=\"260\" cy=\"130\" r=\"7\" fill=\"#7C3AED\" opacity=\"0.3\"><\/circle><circle cx=\"260\" cy=\"130\" r=\"4\" fill=\"#A78BFA\"><\/circle><\/g>\n      <g class=\"p3\"><circle cx=\"488\" cy=\"260\" r=\"7\" fill=\"#7C3AED\" opacity=\"0.3\"><\/circle><circle cx=\"488\" cy=\"260\" r=\"4\" fill=\"#C4B5FD\"><\/circle><\/g>\n    <\/svg>\n    <div class=\"core\">\n      <svg viewBox=\"0 0 24 24\" width=\"46\" height=\"46\" fill=\"none\" stroke=\"#fff\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\"><circle cx=\"12\" cy=\"9\" r=\"3\"><\/circle><path d=\"M6 20a6 6 0 0 1 12 0\"><\/path><path d=\"M18.5 3l.6 1.4 1.4.6-1.4.6-.6 1.4-.6-1.4-1.4-.6 1.4-.6z\"><\/path><\/svg>\n      <b>CLUB<\/b>\n    <\/div>\n    <div class=\"chip c1\"><span class=\"ic\"><svg viewBox=\"0 0 24 24\" width=\"14\" height=\"14\" fill=\"none\" stroke=\"#fff\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\"><path d=\"M3 12V4h8l9 9-8 8z\"><\/path><circle cx=\"7.5\" cy=\"7.5\" r=\"1.3\"><\/circle><\/svg><\/span><b>Pl\u00e1ny<\/b><\/div>\n    <div class=\"chip c2\"><span class=\"ic\"><svg viewBox=\"0 0 24 24\" width=\"14\" height=\"14\" fill=\"none\" stroke=\"#fff\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\"><circle cx=\"9\" cy=\"8\" r=\"3\"><\/circle><path d=\"M3.5 20a5.5 5.5 0 0 1 11 0\"><\/path><path d=\"M16 5a3 3 0 0 1 0 6\"><\/path><\/svg><\/span><b>\u010clenovia<\/b><\/div>\n    <div class=\"chip c3\"><span class=\"ic\"><svg viewBox=\"0 0 24 24\" width=\"14\" height=\"14\" fill=\"none\" stroke=\"#fff\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\"><rect x=\"5\" y=\"11\" width=\"14\" height=\"9\" rx=\"2\"><\/rect><path d=\"M8 11V8a4 4 0 0 1 8 0v3\"><\/path><\/svg><\/span><b>Pr\u00edstup<\/b><\/div>\n    <div class=\"chip c4\"><span class=\"ic\"><svg viewBox=\"0 0 24 24\" width=\"14\" height=\"14\" fill=\"none\" stroke=\"#fff\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\"><path d=\"M3 9l9-4 9 4-9 4z\"><\/path><path d=\"M7 11v4c0 1 2.2 2 5 2s5-1 5-2v-4\"><\/path><\/svg><\/span><b>Kurzy<\/b><\/div>\n    <div class=\"chip c5\"><span class=\"ic\"><svg viewBox=\"0 0 24 24\" width=\"14\" height=\"14\" fill=\"none\" stroke=\"#fff\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\"><rect x=\"3\" y=\"5\" width=\"18\" height=\"16\" rx=\"2\"><\/rect><path d=\"M3 9h18M8 3v4M16 3v4\"><\/path><\/svg><\/span><b>Eventy<\/b><\/div>\n    <div class=\"chip c6\"><span class=\"ic\"><svg viewBox=\"0 0 24 24\" width=\"14\" height=\"14\" fill=\"none\" stroke=\"#fff\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\"><rect x=\"3\" y=\"5\" width=\"18\" height=\"14\" rx=\"2\"><\/rect><path d=\"M3 10h18M7 15h4\"><\/path><\/svg><\/span><b>Platby<\/b><\/div>\n  <\/div>\n  <div class=\"cap\"><p>Jedno jadro \u00b7 \u010dlenstvo pre tvojich z\u00e1kazn\u00edkov<\/p><\/div>\n<\/div>\n\n<\/div>\n<\/div><\/div>\n\n<div style=\"position:relative;padding:44px 44px 44px 44px;background-color:#16134a\" class=\"bb-columns-wrap bb-columns--4 bb-va-top alignfull wp-block-branike-columns bb-frozen-palette\"><div class=\"bb-columns\" style=\"--bb-gtc:25fr 25fr 25fr 25fr;--bb-gtc-tab:25fr 25fr 25fr 25fr;--bb-gtc-mob:1fr;--bb-gap:20px;--bb-gap-tab:16px;--bb-gap-mob:16px;--bb-ai:start\">\n<div class=\"bb-column wp-block-branike-column\" data-col-index=\"0\">\n\n<p class=\"wp-block-branike-text has-text-align-center has-text-color\" style=\"color:#ffffff;font-size:34px;font-weight:800;line-height:1.05;margin-bottom:6px\">3<\/p>\n\n\n\n<p class=\"wp-block-branike-text has-text-align-center has-text-color\" style=\"color:#A5B4FC;line-height:1.4;margin-bottom:0px\">pl\u00e1ny v \u0161tarte<\/p>\n\n<\/div>\n\n<div class=\"bb-column wp-block-branike-column\" data-col-index=\"1\">\n\n<p class=\"wp-block-branike-text has-text-align-center has-text-color\" style=\"color:#ffffff;font-size:34px;font-weight:800;line-height:1.05;margin-bottom:6px\">5<\/p>\n\n\n\n<p class=\"wp-block-branike-text has-text-align-center has-text-color\" style=\"color:#A5B4FC;line-height:1.4;margin-bottom:0px\">prepojen\u00ed v ekosyst\u00e9me<\/p>\n\n<\/div>\n\n<div class=\"bb-column wp-block-branike-column\" data-col-index=\"2\">\n\n<p class=\"wp-block-branike-text has-text-align-center has-text-color\" style=\"color:#ffffff;font-size:34px;font-weight:800;line-height:1.05;margin-bottom:6px\">100\/100<\/p>\n\n\n\n<p class=\"wp-block-branike-text has-text-align-center has-text-color\" style=\"color:#A5B4FC;line-height:1.4;margin-bottom:0px\">PageSpeed<\/p>\n\n<\/div>\n\n<div class=\"bb-column wp-block-branike-column\" data-col-index=\"3\">\n\n<p class=\"wp-block-branike-text has-text-align-center has-text-color\" style=\"color:#ffffff;font-size:34px;font-weight:800;line-height:1.05;margin-bottom:6px\">0<\/p>\n\n\n\n<p class=\"wp-block-branike-text has-text-align-center has-text-color\" style=\"color:#A5B4FC;line-height:1.4;margin-bottom:0px\">pluginov tret\u00edch str\u00e1n<\/p>\n\n<\/div>\n<\/div><\/div>\n\n<div style=\"position:relative;padding:80px 44px 80px 44px;background-color:var(--wp--preset--color--base-two, #F5F3FF)\" class=\"bb-columns-wrap bb-columns--1 bb-va-top alignfull wp-block-branike-columns\" id=\"co\"><div class=\"bb-columns\" style=\"--bb-gtc:100fr;--bb-gtc-tab:100fr;--bb-gtc-mob:1fr;--bb-gap:20px;--bb-gap-tab:16px;--bb-gap-mob:16px;--bb-ai:start\">\n<div class=\"bb-column wp-block-branike-column\" data-col-index=\"0\">\n\n<p class=\"wp-block-branike-text\"><span style=\"display:inline-block;color:var(--wp--preset--color--accent-strong, #5B21B6);background:var(--wp--preset--color--accent-light, #EDE9FE);padding:4px 14px;border-radius:20px;font-size:13px;font-weight:700;letter-spacing:1.2px;text-transform:uppercase;margin-bottom:14px;\">Po \u013eudsky<\/span><\/p>\n\n\n\n<h2 class=\"wp-block-branike-heading has-text-align-center has-text-color\" style=\"color:var(--wp--preset--color--contrast, #1F2937);font-size:32px;font-weight:800;line-height:1.2;margin-bottom:8px\">\u010co je Branike Club?<\/h2>\n\n\n\n<p class=\"wp-block-branike-text has-text-align-center has-text-color\" style=\"color:#566070;line-height:1.75;margin-bottom:0px;max-width:820px;margin-left:auto;margin-right:auto\">Chce\u0161 zar\u00e1ba\u0165 na obsahu pravidelne, nie len jednorazovo? Branike Club ti postav\u00ed \u010dlensk\u00fa z\u00f3nu. Vytvor\u00ed\u0161 pl\u00e1ny (napr\u00edklad Free, Basic, Pro), z\u00e1kazn\u00edk sa zaregistruje a zaplat\u00ed, a pod\u013ea svojho bal\u00edka dostane pr\u00edstup ku kurzom, podujatiam, \u010dl\u00e1nkom alebo slu\u017eb\u00e1m. Je to membership, ktor\u00fd pred\u00e1va\u0161 TY svojim z\u00e1kazn\u00edkom \u2014 a ktor\u00fd si rozumie s cel\u00fdm ekosyst\u00e9mom.<\/p>\n\n<\/div>\n<\/div><\/div>\n\n<div style=\"position:relative;padding:80px 44px 20px 44px;background-color:var(--wp--preset--color--base, #ffffff)\" class=\"bb-columns-wrap bb-columns--1 bb-va-top alignfull wp-block-branike-columns\"><div class=\"bb-columns\" style=\"--bb-gtc:100fr;--bb-gtc-tab:100fr;--bb-gtc-mob:1fr;--bb-gap:20px;--bb-gap-tab:16px;--bb-gap-mob:16px;--bb-ai:start\">\n<div class=\"bb-column wp-block-branike-column\" data-col-index=\"0\">\n\n<h2 class=\"wp-block-branike-heading has-text-align-center has-text-color\" style=\"color:var(--wp--preset--color--contrast, #1F2937);font-size:32px;font-weight:800;line-height:1.2;margin-bottom:8px\">Od pl\u00e1nu po odomknut\u00fd obsah<\/h2>\n\n\n\n<p class=\"wp-block-branike-text has-text-align-center has-text-color\" style=\"color:#566070;line-height:1.7;margin-bottom:0px;max-width:640px;margin-left:auto;margin-right:auto\">Tri kroky k pravideln\u00e9mu pr\u00edjmu z \u010dlenstva.<\/p>\n\n<\/div>\n<\/div><\/div>\n\n<div style=\"position:relative;padding:8px 44px 80px 44px;background-color:var(--wp--preset--color--base, #ffffff)\" class=\"bb-columns-wrap bb-columns--1 bb-va-top alignfull wp-block-branike-columns\"><div class=\"bb-columns\" style=\"--bb-gtc:100fr;--bb-gtc-tab:100fr;--bb-gtc-mob:1fr;--bb-gap:20px;--bb-gap-tab:16px;--bb-gap-mob:16px;--bb-ai:start\">\n<div class=\"bb-column wp-block-branike-column\" data-col-index=\"0\">\n\n<div class=\"bkv-flow\">\n<style>\n  .bkv-flow *,.bkv-flow *::before,.bkv-flow *::after{box-sizing:border-box;margin:0;padding:0;}\n  .bkv-flow{width:100%;display:flex;flex-wrap:wrap;gap:14px;justify-content:center;align-items:flex-start;\n    font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,sans-serif;}\n  .bkv-flow .step{flex:1 1 180px;max-width:230px;text-align:center;position:relative;padding:8px 6px;}\n  .bkv-flow .step:not(:last-child)::after{content:\"\";position:absolute;top:34px;right:-14px;width:28px;height:2px;\n    background:linear-gradient(90deg,#C4B5FD,#7C3AED);opacity:.55;}\n  .bkv-flow .ic{width:68px;height:68px;margin:0 auto 16px;border-radius:50%;\n    background:#EDE9FE;border:1px solid #DDD6FE;display:flex;align-items:center;justify-content:center;\n    position:relative;box-shadow:0 8px 24px rgba(124,58,237,.14);}\n  .bkv-flow .ic svg{width:28px;height:28px;}\n  .bkv-flow .num{position:absolute;top:-6px;right:-6px;width:24px;height:24px;border-radius:50%;\n    background:#7C3AED;color:#fff;font-size:12px;font-weight:800;display:flex;align-items:center;justify-content:center;\n    border:2px solid #fff;}\n  .bkv-flow h3{color:#1F2937;font-size:17px;font-weight:700;margin-bottom:6px;line-height:1.3;}\n  .bkv-flow p{color:#566070;font-size:14px;line-height:1.6;}\n  .bkv-flow .step{opacity:1;}\n  @media (prefers-reduced-motion: no-preference){\n    .bkv-flow .step{opacity:0;animation:bkv-flow-in .6s ease forwards;}\n    .bkv-flow .step:nth-child(1){animation-delay:.05s} .bkv-flow .step:nth-child(2){animation-delay:.2s}\n    .bkv-flow .step:nth-child(3){animation-delay:.35s} .bkv-flow .step:nth-child(4){animation-delay:.5s}\n    .bkv-flow .step:nth-child(5){animation-delay:.65s}\n  }\n  @keyframes bkv-flow-in{from{opacity:0;transform:translateY(14px);}to{opacity:1;transform:translateY(0);}}\n  @media (max-width:640px){\n    .bkv-flow{flex-direction:column;align-items:center;}\n    .bkv-flow .step{max-width:340px;}\n    .bkv-flow .step:not(:last-child)::after{display:none;}\n  }\n\n  \/* HOVER *\/\n  .bkv-flow .ic{transition:transform .3s ease, box-shadow .3s ease;}\n  @media (prefers-reduced-motion: no-preference){\n    .bkv-flow .step:hover .ic{transform:translateY(-4px) scale(1.06);box-shadow:0 14px 32px rgba(124,58,237,.28);}\n  }\n<\/style>\n  <div class=\"step\">\n    <div class=\"ic\"><span class=\"num\">1<\/span><svg viewBox=\"0 0 24 24\" width=\"28\" height=\"28\" fill=\"none\" stroke=\"#7C3AED\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\"><path d=\"M12 5v14M5 12h14\"\/><\/svg><\/div>\n    <h3>Vytvor pl\u00e1ny<\/h3><p>Free, Basic, Pro\u2026 s cenou a obsahom za \u010dlenstvo.<\/p>\n  <\/div>\n  <div class=\"step\">\n    <div class=\"ic\"><span class=\"num\">2<\/span><svg viewBox=\"0 0 24 24\" width=\"28\" height=\"28\" fill=\"none\" stroke=\"#7C3AED\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\"><circle cx=\"12\" cy=\"12\" r=\"3\"\/><path d=\"M19.4 15a1.65 1.65 0 0 0 .33 1.82l.06.06a2 2 0 1 1-2.83 2.83l-.06-.06a1.65 1.65 0 0 0-1.82-.33 1.65 1.65 0 0 0-1 1.51V21a2 2 0 0 1-4 0v-.09A1.65 1.65 0 0 0 8 19.4a1.65 1.65 0 0 0-1.82.33l-.06.06a2 2 0 1 1-2.83-2.83l.06-.06A1.65 1.65 0 0 0 3.6 15a1.65 1.65 0 0 0-1.51-1H2a2 2 0 0 1 0-4h.09A1.65 1.65 0 0 0 3.6 9a1.65 1.65 0 0 0-.33-1.82l-.06-.06a2 2 0 1 1 2.83-2.83l.06.06A1.65 1.65 0 0 0 8 4.6a1.65 1.65 0 0 0 1-1.51V3a2 2 0 0 1 4 0v.09A1.65 1.65 0 0 0 16 4.6a1.65 1.65 0 0 0 1.82-.33l.06-.06a2 2 0 1 1 2.83 2.83l-.06.06A1.65 1.65 0 0 0 19.4 9a1.65 1.65 0 0 0 1.51 1H21a2 2 0 0 1 0 4h-.09a1.65 1.65 0 0 0-1.51 1z\"\/><\/svg><\/div>\n    <h3>Z\u00e1kazn\u00edk sa zaregistruje<\/h3><p>Zaplat\u00ed cez WooCommerce predplatn\u00e9 alebo si vezme free pl\u00e1n.<\/p>\n  <\/div>\n  <div class=\"step\">\n    <div class=\"ic\"><span class=\"num\">3<\/span><svg viewBox=\"0 0 24 24\" width=\"28\" height=\"28\" fill=\"none\" stroke=\"#7C3AED\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\"><path d=\"M5 12l5 5L20 7\"\/><\/svg><\/div>\n    <h3>Obsah sa odomkne<\/h3><p>Kurzy, eventy aj str\u00e1nky sa spr\u00edstupnia pod\u013ea bal\u00edka.<\/p>\n  <\/div>\n<\/div>\n\n<\/div>\n<\/div><\/div>\n\n<div style=\"position:relative;padding:80px 44px 16px 44px;background-color:var(--wp--preset--color--base, #ffffff)\" class=\"bb-columns-wrap bb-columns--1 bb-va-top alignfull wp-block-branike-columns\"><div class=\"bb-columns\" style=\"--bb-gtc:100fr;--bb-gtc-tab:100fr;--bb-gtc-mob:1fr;--bb-gap:20px;--bb-gap-tab:16px;--bb-gap-mob:16px;--bb-ai:start\">\n<div class=\"bb-column wp-block-branike-column\" data-col-index=\"0\">\n\n<h2 class=\"wp-block-branike-heading has-text-align-center has-text-color\" style=\"color:var(--wp--preset--color--contrast, #1F2937);font-size:32px;font-weight:800;line-height:1.2;margin-bottom:8px\">\u010co v\u0161etko Branike Club dok\u00e1\u017ee<\/h2>\n\n\n\n<p class=\"wp-block-branike-text has-text-align-center has-text-color\" style=\"color:#566070;line-height:1.7;margin-bottom:0px;max-width:700px;margin-left:auto;margin-right:auto\">Kompletn\u00e1 \u010dlensk\u00e1 platforma prepojen\u00e1 s cel\u00fdm ekosyst\u00e9mom.<\/p>\n\n<\/div>\n<\/div><\/div>\n\n<div style=\"position:relative;padding:8px 44px 24px 44px;background-color:var(--wp--preset--color--base, #ffffff)\" class=\"bb-columns-wrap bb-columns--3 bb-va-top alignfull wp-block-branike-columns\"><div class=\"bb-columns\" style=\"--bb-gtc:33.3333fr 33.3333fr 33.3333fr;--bb-gtc-tab:33.3333fr 33.3333fr 33.3333fr;--bb-gtc-mob:1fr;--bb-gap:24px;--bb-gap-tab:16px;--bb-gap-mob:16px;--bb-ai:start\">\n<div style=\"padding:28px 26px 26px 26px;border-radius:16px;overflow:hidden;background-color:var(--wp--preset--color--base, #ffffff)\" class=\"bb-column wp-block-branike-column\" data-col-index=\"0\">\n<figure style=\"margin-bottom:16px;--bb-icon-size:26px;--bb-icon-color:var(--wp--preset--color--accent, #7C3AED);--bb-icon-bg:var(--wp--preset--color--accent-light, #EDE9FE);--bb-icon-pad:13px\" class=\"bb-icon bb-icon--align-left bb-icon--bg bb-icon--bg-rounded wp-block-branike-icon\"><span class=\"bb-icon__wrap\"><svg aria-hidden=\"true\" focusable=\"false\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n  <title>tag \u2014 \u0160t\u00edtok \u2014 cenovka, kateg\u00f3ria, label, ozna\u010denie<\/title>\n  <path stroke=\"none\" d=\"M0 0h24v24H0z\" fill=\"none\" \/><path d=\"M11 3l9 9a1.5 1.5 0 0 1 0 2l-6 6a1.5 1.5 0 0 1 -2 0l-9 -9v-4a3 3 0 0 1 3 -3h5\" \/><circle cx=\"9\" cy=\"9\" r=\"2\" \/>\n<\/svg><\/span><\/figure>\n\n\n<h3 class=\"wp-block-branike-heading has-text-align-left has-text-color\" style=\"color:var(--wp--preset--color--contrast, #1F2937);font-size:19px;font-weight:700;line-height:1.3;margin-bottom:8px\">\u010clensk\u00e9 pl\u00e1ny<\/h3>\n\n\n\n<p class=\"wp-block-branike-text has-text-align-left has-text-color\" style=\"color:#566070;line-height:1.6;margin-bottom:14px\">Free, Basic, Pro s cenou, obdob\u00edm a zoznamom v\u00fdhod.<\/p>\n\n\n\n<p class=\"wp-block-branike-text\"><span style=\"display:inline-block;color:var(--wp--preset--color--accent-strong, #5B21B6);background:var(--wp--preset--color--accent-light, #EDE9FE);padding:4px 14px;border-radius:20px;font-size:11px;font-weight:700;letter-spacing:0.5px;text-transform:uppercase;\">Pl\u00e1ny<\/span><\/p>\n\n<\/div>\n\n<div style=\"padding:28px 26px 26px 26px;border-radius:16px;overflow:hidden;background-color:var(--wp--preset--color--base, #ffffff)\" class=\"bb-column wp-block-branike-column\" data-col-index=\"1\">\n<figure style=\"margin-bottom:16px;--bb-icon-size:26px;--bb-icon-color:var(--wp--preset--color--accent, #7C3AED);--bb-icon-bg:var(--wp--preset--color--accent-light, #EDE9FE);--bb-icon-pad:13px\" class=\"bb-icon bb-icon--align-left bb-icon--bg bb-icon--bg-rounded wp-block-branike-icon\"><span class=\"bb-icon__wrap\"><svg aria-hidden=\"true\" focusable=\"false\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n  <title>layout \u2014 Rozlo\u017eenie \u2014 heading, separator, mrie\u017eka UI<\/title>\n  <path stroke=\"none\" d=\"M0 0h24v24H0z\" fill=\"none\" \/><rect x=\"4\" y=\"4\" width=\"16\" height=\"16\" rx=\"2\" \/><line x1=\"4\" y1=\"10\" x2=\"20\" y2=\"10\" \/><line x1=\"10\" y1=\"10\" x2=\"10\" y2=\"20\" \/>\n<\/svg><\/span><\/figure>\n\n\n<h3 class=\"wp-block-branike-heading has-text-align-left has-text-color\" style=\"color:var(--wp--preset--color--contrast, #1F2937);font-size:19px;font-weight:700;line-height:1.3;margin-bottom:8px\">\u010clensk\u00e1 z\u00f3na<\/h3>\n\n\n\n<p class=\"wp-block-branike-text has-text-align-left has-text-color\" style=\"color:#566070;line-height:1.6;margin-bottom:14px\">\u00da\u010det s preh\u013eadom \u010dlenstva, stavu a mo\u017enos\u0165ou zru\u0161i\u0165.<\/p>\n\n\n\n<p class=\"wp-block-branike-text\"><span style=\"display:inline-block;color:var(--wp--preset--color--accent-strong, #5B21B6);background:var(--wp--preset--color--accent-light, #EDE9FE);padding:4px 14px;border-radius:20px;font-size:11px;font-weight:700;letter-spacing:0.5px;text-transform:uppercase;\">Konto<\/span><\/p>\n\n<\/div>\n\n<div style=\"padding:28px 26px 26px 26px;border-radius:16px;overflow:hidden;background-color:var(--wp--preset--color--base, #ffffff)\" class=\"bb-column wp-block-branike-column\" data-col-index=\"2\">\n<figure style=\"margin-bottom:16px;--bb-icon-size:26px;--bb-icon-color:var(--wp--preset--color--accent, #7C3AED);--bb-icon-bg:var(--wp--preset--color--accent-light, #EDE9FE);--bb-icon-pad:13px\" class=\"bb-icon bb-icon--align-left bb-icon--bg bb-icon--bg-rounded wp-block-branike-icon\"><span class=\"bb-icon__wrap\"><svg aria-hidden=\"true\" focusable=\"false\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n  <title>lock \u2014 Z\u00e1mok \u2014 uzamknut\u00fd, lead-magnet-gate, ochrana<\/title>\n  <path stroke=\"none\" d=\"M0 0h24v24H0z\" fill=\"none\" \/><rect x=\"5\" y=\"11\" width=\"14\" height=\"10\" rx=\"2\" \/><circle cx=\"12\" cy=\"16\" r=\"1\" \/><path d=\"M8 11v-4a4 4 0 0 1 8 0v4\" \/>\n<\/svg><\/span><\/figure>\n\n\n<h3 class=\"wp-block-branike-heading has-text-align-left has-text-color\" style=\"color:var(--wp--preset--color--contrast, #1F2937);font-size:19px;font-weight:700;line-height:1.3;margin-bottom:8px\">Content gating<\/h3>\n\n\n\n<p class=\"wp-block-branike-text has-text-align-left has-text-color\" style=\"color:#566070;line-height:1.6;margin-bottom:14px\">Uzamkni str\u00e1nky, \u010dl\u00e1nky \u010di sekcie len pre \u010dlenov dan\u00e9ho pl\u00e1nu.<\/p>\n\n\n\n<p class=\"wp-block-branike-text\"><span style=\"display:inline-block;color:var(--wp--preset--color--accent-strong, #5B21B6);background:var(--wp--preset--color--accent-light, #EDE9FE);padding:4px 14px;border-radius:20px;font-size:11px;font-weight:700;letter-spacing:0.5px;text-transform:uppercase;\">Pr\u00edstup<\/span><\/p>\n\n<\/div>\n<\/div><\/div>\n\n<div style=\"position:relative;padding:8px 44px 24px 44px;background-color:var(--wp--preset--color--base, #ffffff)\" class=\"bb-columns-wrap bb-columns--3 bb-va-top alignfull wp-block-branike-columns\"><div class=\"bb-columns\" style=\"--bb-gtc:33.3333fr 33.3333fr 33.3333fr;--bb-gtc-tab:33.3333fr 33.3333fr 33.3333fr;--bb-gtc-mob:1fr;--bb-gap:24px;--bb-gap-tab:16px;--bb-gap-mob:16px;--bb-ai:start\">\n<div style=\"padding:28px 26px 26px 26px;border-radius:16px;overflow:hidden;background-color:var(--wp--preset--color--base, #ffffff)\" class=\"bb-column wp-block-branike-column\" data-col-index=\"0\">\n<figure style=\"margin-bottom:16px;--bb-icon-size:26px;--bb-icon-color:var(--wp--preset--color--accent, #7C3AED);--bb-icon-bg:var(--wp--preset--color--accent-light, #EDE9FE);--bb-icon-pad:13px\" class=\"bb-icon bb-icon--align-left bb-icon--bg bb-icon--bg-rounded wp-block-branike-icon\"><span class=\"bb-icon__wrap\"><svg aria-hidden=\"true\" focusable=\"false\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n  <title>credit-card \u2014 Platobn\u00e1 karta \u2014 pricing, platba, WooCommerce<\/title>\n  <path stroke=\"none\" d=\"M0 0h24v24H0z\" fill=\"none\" \/><rect x=\"3\" y=\"5\" width=\"18\" height=\"14\" rx=\"3\" \/><line x1=\"3\" y1=\"10\" x2=\"21\" y2=\"10\" \/><line x1=\"7\" y1=\"15\" x2=\"7.01\" y2=\"15\" \/><line x1=\"11\" y1=\"15\" x2=\"13\" y2=\"15\" \/>\n<\/svg><\/span><\/figure>\n\n\n<h3 class=\"wp-block-branike-heading has-text-align-left has-text-color\" style=\"color:var(--wp--preset--color--contrast, #1F2937);font-size:19px;font-weight:700;line-height:1.3;margin-bottom:8px\">Predplatn\u00e9 cez Woo<\/h3>\n\n\n\n<p class=\"wp-block-branike-text has-text-align-left has-text-color\" style=\"color:#566070;line-height:1.6;margin-bottom:14px\">Opakovan\u00e9 platby cez WooCommerce Subscriptions so synchroniz\u00e1ciou stavu.<\/p>\n\n\n\n<p class=\"wp-block-branike-text\"><span style=\"display:inline-block;color:var(--wp--preset--color--accent-strong, #5B21B6);background:var(--wp--preset--color--accent-light, #EDE9FE);padding:4px 14px;border-radius:20px;font-size:11px;font-weight:700;letter-spacing:0.5px;text-transform:uppercase;\">Platby<\/span><\/p>\n\n<\/div>\n\n<div style=\"padding:28px 26px 26px 26px;border-radius:16px;overflow:hidden;background-color:var(--wp--preset--color--base, #ffffff)\" class=\"bb-column wp-block-branike-column\" data-col-index=\"1\">\n<figure style=\"margin-bottom:16px;--bb-icon-size:26px;--bb-icon-color:var(--wp--preset--color--accent, #7C3AED);--bb-icon-bg:var(--wp--preset--color--accent-light, #EDE9FE);--bb-icon-pad:13px\" class=\"bb-icon bb-icon--align-left bb-icon--bg bb-icon--bg-rounded wp-block-branike-icon\"><span class=\"bb-icon__wrap\"><svg aria-hidden=\"true\" focusable=\"false\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n  <title>award \u2014 Ocenenie \u2014 logo-showcase, certifik\u00e1t, trofej<\/title>\n  <path stroke=\"none\" d=\"M0 0h24v24H0z\" fill=\"none\" \/><circle cx=\"12\" cy=\"9\" r=\"6\" \/><polyline points=\"9.002 9.997 12 14 14.998 9.997\" \/><path d=\"M12 14l-3 7h6l-3 -7\" \/>\n<\/svg><\/span><\/figure>\n\n\n<h3 class=\"wp-block-branike-heading has-text-align-left has-text-color\" style=\"color:var(--wp--preset--color--contrast, #1F2937);font-size:19px;font-weight:700;line-height:1.3;margin-bottom:8px\">Pr\u00edstup ku kurzom LMS<\/h3>\n\n\n\n<p class=\"wp-block-branike-text has-text-align-left has-text-color\" style=\"color:#566070;line-height:1.6;margin-bottom:14px\">Pl\u00e1n odomyk\u00e1 kurzy v Branike LMS pod\u013ea svojho bal\u00edka.<\/p>\n\n\n\n<p class=\"wp-block-branike-text\"><span style=\"display:inline-block;color:var(--wp--preset--color--accent-strong, #5B21B6);background:var(--wp--preset--color--accent-light, #EDE9FE);padding:4px 14px;border-radius:20px;font-size:11px;font-weight:700;letter-spacing:0.5px;text-transform:uppercase;\">LMS<\/span><\/p>\n\n<\/div>\n\n<div style=\"padding:28px 26px 26px 26px;border-radius:16px;overflow:hidden;background-color:var(--wp--preset--color--base, #ffffff)\" class=\"bb-column wp-block-branike-column\" data-col-index=\"2\">\n<figure style=\"margin-bottom:16px;--bb-icon-size:26px;--bb-icon-color:var(--wp--preset--color--accent, #7C3AED);--bb-icon-bg:var(--wp--preset--color--accent-light, #EDE9FE);--bb-icon-pad:13px\" class=\"bb-icon bb-icon--align-left bb-icon--bg bb-icon--bg-rounded wp-block-branike-icon\"><span class=\"bb-icon__wrap\"><svg aria-hidden=\"true\" focusable=\"false\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n  <title>calendar \u2014 Kalend\u00e1r \u2014 d\u00e1tum, udalosti, rezerv\u00e1cie<\/title>\n  <path stroke=\"none\" d=\"M0 0h24v24H0z\" fill=\"none\" \/><rect x=\"4\" y=\"5\" width=\"16\" height=\"16\" rx=\"2\" \/><line x1=\"16\" y1=\"3\" x2=\"16\" y2=\"7\" \/><line x1=\"8\" y1=\"3\" x2=\"8\" y2=\"7\" \/><line x1=\"4\" y1=\"11\" x2=\"20\" y2=\"11\" \/><line x1=\"11\" y1=\"15\" x2=\"12\" y2=\"15\" \/><line x1=\"12\" y1=\"15\" x2=\"12\" y2=\"18\" \/>\n<\/svg><\/span><\/figure>\n\n\n<h3 class=\"wp-block-branike-heading has-text-align-left has-text-color\" style=\"color:var(--wp--preset--color--contrast, #1F2937);font-size:19px;font-weight:700;line-height:1.3;margin-bottom:8px\">\u010clensk\u00e9 ceny na eventy<\/h3>\n\n\n\n<p class=\"wp-block-branike-text has-text-align-left has-text-color\" style=\"color:#566070;line-height:1.6;margin-bottom:14px\">Z\u013eavnen\u00e9 alebo member-only podujatia cez Branike Events.<\/p>\n\n\n\n<p class=\"wp-block-branike-text\"><span style=\"display:inline-block;color:var(--wp--preset--color--accent-strong, #5B21B6);background:var(--wp--preset--color--accent-light, #EDE9FE);padding:4px 14px;border-radius:20px;font-size:11px;font-weight:700;letter-spacing:0.5px;text-transform:uppercase;\">Events<\/span><\/p>\n\n<\/div>\n<\/div><\/div>\n\n<div style=\"position:relative;padding:8px 44px 80px 44px;background-color:var(--wp--preset--color--base, #ffffff)\" class=\"bb-columns-wrap bb-columns--3 bb-va-top alignfull wp-block-branike-columns\"><div class=\"bb-columns\" style=\"--bb-gtc:33.3333fr 33.3333fr 33.3333fr;--bb-gtc-tab:33.3333fr 33.3333fr 33.3333fr;--bb-gtc-mob:1fr;--bb-gap:24px;--bb-gap-tab:16px;--bb-gap-mob:16px;--bb-ai:start\">\n<div style=\"padding:28px 26px 26px 26px;border-radius:16px;overflow:hidden;background-color:var(--wp--preset--color--base, #ffffff)\" class=\"bb-column wp-block-branike-column\" data-col-index=\"0\">\n<figure style=\"margin-bottom:16px;--bb-icon-size:26px;--bb-icon-color:var(--wp--preset--color--accent, #7C3AED);--bb-icon-bg:var(--wp--preset--color--accent-light, #EDE9FE);--bb-icon-pad:13px\" class=\"bb-icon bb-icon--align-left bb-icon--bg bb-icon--bg-rounded wp-block-branike-icon\"><span class=\"bb-icon__wrap\"><svg aria-hidden=\"true\" focusable=\"false\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n  <title>clock \u2014 Hodiny \u2014 \u010das, countdown<\/title>\n  <path stroke=\"none\" d=\"M0 0h24v24H0z\" fill=\"none\" \/><circle cx=\"12\" cy=\"12\" r=\"9\" \/><polyline points=\"12 7 12 12 15 15\" \/>\n<\/svg><\/span><\/figure>\n\n\n<h3 class=\"wp-block-branike-heading has-text-align-left has-text-color\" style=\"color:var(--wp--preset--color--contrast, #1F2937);font-size:19px;font-weight:700;line-height:1.3;margin-bottom:8px\">Z\u013eavy na rezerv\u00e1cie<\/h3>\n\n\n\n<p class=\"wp-block-branike-text has-text-align-left has-text-color\" style=\"color:#566070;line-height:1.6;margin-bottom:14px\">\u010clensk\u00e1 z\u013eava a member-only sloty cez Branike BooKing.<\/p>\n\n\n\n<p class=\"wp-block-branike-text\"><span style=\"display:inline-block;color:var(--wp--preset--color--accent-strong, #5B21B6);background:var(--wp--preset--color--accent-light, #EDE9FE);padding:4px 14px;border-radius:20px;font-size:11px;font-weight:700;letter-spacing:0.5px;text-transform:uppercase;\">BooKing<\/span><\/p>\n\n<\/div>\n\n<div style=\"padding:28px 26px 26px 26px;border-radius:16px;overflow:hidden;background-color:var(--wp--preset--color--base, #ffffff)\" class=\"bb-column wp-block-branike-column\" data-col-index=\"1\">\n<figure style=\"margin-bottom:16px;--bb-icon-size:26px;--bb-icon-color:var(--wp--preset--color--accent, #7C3AED);--bb-icon-bg:var(--wp--preset--color--accent-light, #EDE9FE);--bb-icon-pad:13px\" class=\"bb-icon bb-icon--align-left bb-icon--bg bb-icon--bg-rounded wp-block-branike-icon\"><span class=\"bb-icon__wrap\"><svg aria-hidden=\"true\" focusable=\"false\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n  <title>mail \u2014 Email \u2014 CRM subscribe, newsletter, kontakt<\/title>\n  <path stroke=\"none\" d=\"M0 0h24v24H0z\" fill=\"none\" \/><rect x=\"3\" y=\"5\" width=\"18\" height=\"14\" rx=\"2\" \/><polyline points=\"3 7 12 13 21 7\" \/>\n<\/svg><\/span><\/figure>\n\n\n<h3 class=\"wp-block-branike-heading has-text-align-left has-text-color\" style=\"color:var(--wp--preset--color--contrast, #1F2937);font-size:19px;font-weight:700;line-height:1.3;margin-bottom:8px\">CRM automatiz\u00e1cie<\/h3>\n\n\n\n<p class=\"wp-block-branike-text has-text-align-left has-text-color\" style=\"color:#566070;line-height:1.6;margin-bottom:14px\">Pri aktiv\u00e1cii \u010di zru\u0161en\u00ed \u010dlenstva spust\u00ed sekvenciu a prid\u00e1 tag.<\/p>\n\n\n\n<p class=\"wp-block-branike-text\"><span style=\"display:inline-block;color:var(--wp--preset--color--accent-strong, #5B21B6);background:var(--wp--preset--color--accent-light, #EDE9FE);padding:4px 14px;border-radius:20px;font-size:11px;font-weight:700;letter-spacing:0.5px;text-transform:uppercase;\">CRM<\/span><\/p>\n\n<\/div>\n\n<div style=\"padding:28px 26px 26px 26px;border-radius:16px;overflow:hidden;background-color:var(--wp--preset--color--base, #ffffff)\" class=\"bb-column wp-block-branike-column\" data-col-index=\"2\">\n<figure style=\"margin-bottom:16px;--bb-icon-size:26px;--bb-icon-color:var(--wp--preset--color--accent, #7C3AED);--bb-icon-bg:var(--wp--preset--color--accent-light, #EDE9FE);--bb-icon-pad:13px\" class=\"bb-icon bb-icon--align-left bb-icon--bg bb-icon--bg-rounded wp-block-branike-icon\"><span class=\"bb-icon__wrap\"><svg aria-hidden=\"true\" focusable=\"false\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n  <title>refresh \u2014 Obnovi\u0165 \u2014 reload, znova na\u010d\u00edta\u0165, synchronizova\u0165<\/title>\n  <path stroke=\"none\" d=\"M0 0h24v24H0z\" fill=\"none\" \/><path d=\"M20 11a8.1 8.1 0 0 0 -15.5 -2m-.5 -4v4h4\" \/><path d=\"M4 13a8.1 8.1 0 0 0 15.5 2m.5 4v-4h-4\" \/>\n<\/svg><\/span><\/figure>\n\n\n<h3 class=\"wp-block-branike-heading has-text-align-left has-text-color\" style=\"color:var(--wp--preset--color--contrast, #1F2937);font-size:19px;font-weight:700;line-height:1.3;margin-bottom:8px\">Expir\u00e1cie automaticky<\/h3>\n\n\n\n<p class=\"wp-block-branike-text has-text-align-left has-text-color\" style=\"color:#566070;line-height:1.6;margin-bottom:14px\">Denn\u00e1 kontrola ukon\u010d\u00ed vypr\u0161an\u00e9 \u010dlenstv\u00e1 a odoberie pr\u00edstup sama.<\/p>\n\n\n\n<p class=\"wp-block-branike-text\"><span style=\"display:inline-block;color:var(--wp--preset--color--accent-strong, #5B21B6);background:var(--wp--preset--color--accent-light, #EDE9FE);padding:4px 14px;border-radius:20px;font-size:11px;font-weight:700;letter-spacing:0.5px;text-transform:uppercase;\">Auto<\/span><\/p>\n\n<\/div>\n<\/div><\/div>\n\n<div style=\"position:relative;padding:0px 44px 0px 44px;background-color:var(--wp--preset--color--base, #ffffff)\" class=\"bb-columns-wrap bb-columns--1 bb-va-top alignfull wp-block-branike-columns\"><div class=\"bb-columns\" style=\"--bb-gtc:100fr;--bb-gtc-tab:100fr;--bb-gtc-mob:1fr;--bb-gap:20px;--bb-gap-tab:16px;--bb-gap-mob:16px;--bb-ai:start\">\n<div class=\"bb-column wp-block-branike-column\" data-col-index=\"0\">\n\n<div class=\"bkv-divider\">\n<style>\n  .bkv-divider{position:relative;width:100%;overflow:hidden;line-height:0;}\n  .bkv-divider svg{width:100%;height:auto;display:block;}\n  .bkv-divider .line{stroke:#DDD6FE;stroke-width:1.5;}\n  .bkv-divider .star{fill:#A78BFA;}\n  .bkv-divider .glow{fill:#7C3AED;filter:drop-shadow(0 0 5px #A78BFA);}\n  @media (prefers-reduced-motion: no-preference){\n    .bkv-divider .tw{animation:bkv-div-tw 3.5s ease-in-out infinite alternate;}\n    .bkv-divider .tw.b{animation-delay:1s} .bkv-divider .tw.c{animation-delay:2s}\n    .bkv-divider .glow{animation:bkv-div-drift 9s linear infinite;}\n  }\n  @keyframes bkv-div-tw{from{opacity:.3}to{opacity:1}}\n  @keyframes bkv-div-drift{0%{transform:translateX(-40px);opacity:0}10%{opacity:1}90%{opacity:1}100%{transform:translateX(1040px);opacity:0}}\n\n  \/* HOVER *\/\n  @media (prefers-reduced-motion: no-preference){ .bkv-divider:hover .glow{animation-duration:5s;} }\n<\/style>\n  <svg viewBox=\"0 0 1000 40\" width=\"1000\" height=\"40\" aria-hidden=\"true\" preserveAspectRatio=\"xMidYMid meet\">\n    <line class=\"line\" x1=\"60\" y1=\"20\" x2=\"940\" y2=\"20\" stroke-dasharray=\"2 8\"\/>\n    <circle class=\"tw star\" cx=\"300\" cy=\"20\" r=\"2.5\"\/>\n    <circle class=\"tw b star\" cx=\"500\" cy=\"20\" r=\"3\"\/>\n    <circle class=\"tw c star\" cx=\"700\" cy=\"20\" r=\"2.5\"\/>\n    <circle class=\"glow\" cx=\"0\" cy=\"20\" r=\"4\"\/>\n  <\/svg>\n<\/div>\n\n<\/div>\n<\/div><\/div>\n\n<div style=\"position:relative;padding:76px 44px 76px 44px;background-color:#0F0E20\" class=\"bb-columns-wrap bb-columns--2 bb-va-center alignfull wp-block-branike-columns bb-frozen-palette\"><div class=\"bb-columns\" style=\"--bb-gtc:46fr 54fr;--bb-gtc-tab:50fr 50fr;--bb-gtc-mob:1fr;--bb-gap:36px;--bb-gap-tab:16px;--bb-gap-mob:16px;--bb-ai:center\">\n<div class=\"bb-column wp-block-branike-column\" data-col-index=\"0\">\n\n<p class=\"wp-block-branike-text\"><span style=\"display:inline-block;color:#DDD6FE;background:rgba(167,139,250,0.18);padding:4px 14px;border-radius:20px;font-size:13px;font-weight:700;letter-spacing:1.2px;text-transform:uppercase;margin-bottom:14px;\">Ekosyst\u00e9m<\/span><\/p>\n\n\n\n<h2 class=\"wp-block-branike-heading has-text-align-left has-text-color\" style=\"color:#ffffff;font-size:32px;font-weight:800;line-height:1.2;margin-bottom:14px;max-width:460px;margin-left:auto;margin-right:auto\">Most medzi \u010dlenstvom a cel\u00fdm ekosyst\u00e9mom<\/h2>\n\n\n\n<p class=\"wp-block-branike-text has-text-align-left has-text-color\" style=\"color:#C4B5FD;line-height:1.7;margin-bottom:0px;max-width:480px;margin-left:auto;margin-right:auto\">Jeden pl\u00e1n odomkne kurzy v LMS, z\u013eavnen\u00e9 ceny na podujatia v Events aj sloty v BooKing, plat\u00ed cez WooCommerce a v CRM spust\u00ed priv\u00edtaciu sekvenciu. Club je lepidlo, ktor\u00e9 z jednotliv\u00fdch pluginov sprav\u00ed jednu \u010dlensk\u00fa sk\u00fasenos\u0165.<\/p>\n\n<\/div>\n\n<div class=\"bb-column wp-block-branike-column\" data-col-index=\"1\">\n\n<div class=\"bkv-constel\">\n<style>\n  .bkv-constel *{box-sizing:border-box;}\n  .bkv-constel{width:100%;max-width:100%;background:#14122A;border-radius:20px;padding:36px 20px;\n    position:relative;overflow:hidden;isolation:isolate;box-shadow:0 24px 70px rgba(0,0,0,.25);}\n  .bkv-constel .neb{position:absolute;inset:-20%;z-index:-1;pointer-events:none;filter:blur(8px);\n    background:radial-gradient(40% 40% at 30% 30%,rgba(124,58,237,.4),transparent 60%),\n               radial-gradient(36% 36% at 78% 72%,rgba(91,33,182,.36),transparent 60%);}\n  .bkv-constel svg{width:100%;height:auto;display:block;max-width:560px;margin:0 auto;}\n  .bkv-constel .node circle{fill:#1E1B4B;stroke:#A78BFA;stroke-width:1.5;}\n  .bkv-constel .node path,.bkv-constel .node line{stroke:#C4B5FD;}\n  .bkv-constel .star{fill:#DDD6FE;}\n  @media (prefers-reduced-motion: no-preference){\n    .bkv-constel .tw{animation:bkv-constel-tw 4s ease-in-out infinite alternate;}\n    .bkv-constel .tw.b{animation-delay:1.2s} .bkv-constel .tw.c{animation-delay:2.1s}\n    .bkv-constel .node{animation:bkv-constel-float 7s ease-in-out infinite;}\n    .bkv-constel .node.n2{animation-delay:.6s} .bkv-constel .node.n3{animation-delay:1.1s}\n    .bkv-constel .node.n4{animation-delay:1.6s} .bkv-constel .node.n5{animation-delay:2.2s}\n  }\n  @keyframes bkv-constel-tw{from{opacity:.4}to{opacity:1}}\n  @keyframes bkv-constel-float{0%,100%{transform:translateY(0)}50%{transform:translateY(-6px)}}\n\n  \/* HOVER *\/\n  .bkv-constel .node circle{transition:transform .3s ease;transform-box:fill-box;transform-origin:center;}\n  @media (prefers-reduced-motion: no-preference){ .bkv-constel .node:hover circle{transform:scale(1.16);} }\n<\/style>\n  <div class=\"neb\" aria-hidden=\"true\"><\/div>\n  <svg viewBox=\"0 0 560 280\" width=\"560\" height=\"280\" role=\"img\" aria-label=\"Prepojen\u00e9 pluginy Branike ekosyst\u00e9mu\">\n    <g stroke=\"#A78BFA\" stroke-opacity=\"0.32\" stroke-width=\"1.2\">\n      <line x1=\"120\" y1=\"80\" x2=\"280\" y2=\"60\"\/><line x1=\"280\" y1=\"60\" x2=\"440\" y2=\"100\"\/>\n      <line x1=\"280\" y1=\"60\" x2=\"280\" y2=\"160\"\/><line x1=\"120\" y1=\"80\" x2=\"180\" y2=\"210\"\/>\n      <line x1=\"280\" y1=\"160\" x2=\"180\" y2=\"210\"\/><line x1=\"280\" y1=\"160\" x2=\"410\" y2=\"210\"\/>\n      <line x1=\"440\" y1=\"100\" x2=\"410\" y2=\"210\"\/>\n    <\/g>\n    <g fill=\"#fff\"><circle class=\"tw star\" cx=\"70\" cy=\"160\" r=\"2\"\/><circle class=\"tw b star\" cx=\"500\" cy=\"60\" r=\"2.5\"\/>\n      <circle class=\"tw c star\" cx=\"350\" cy=\"240\" r=\"2\"\/><circle class=\"tw star\" cx=\"490\" cy=\"170\" r=\"1.6\"\/><\/g>\n    <g class=\"node n1\"><circle cx=\"120\" cy=\"80\" r=\"22\"\/><g transform=\"translate(120,80)\" fill=\"none\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M-7-7h14M-7 0h9M-7 7h6\"\/><\/g><\/g>\n    <g class=\"node n2\"><circle cx=\"280\" cy=\"60\" r=\"24\"\/><g transform=\"translate(280,60)\" fill=\"none\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><circle cx=\"0\" cy=\"-3\" r=\"5\"\/><path d=\"M-8 9a8 7 0 0 1 16 0\"\/><\/g><\/g>\n    <g class=\"node n3\"><circle cx=\"440\" cy=\"100\" r=\"22\"\/><g transform=\"translate(440,100)\" fill=\"none\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M0-8 8-3v6L0 8-8 5v-6z\"\/><\/g><\/g>\n    <g class=\"node n4\"><circle cx=\"180\" cy=\"210\" r=\"22\"\/><g transform=\"translate(180,210)\" fill=\"none\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M-7-5h14v10h-14z\"\/><path d=\"M-7 0h14\"\/><\/g><\/g>\n    <g class=\"node n5\"><circle cx=\"410\" cy=\"210\" r=\"22\"\/><g transform=\"translate(410,210)\" fill=\"none\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M-6-6 6 6M6-6-6 6\"\/><\/g><\/g>\n    <g class=\"node n1\"><circle cx=\"280\" cy=\"160\" r=\"26\"\/><g transform=\"translate(280,160)\" fill=\"none\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M0-9 9 0 0 9-9 0z\"\/><\/g><\/g>\n  <\/svg>\n<\/div>\n\n<\/div>\n<\/div><\/div>\n\n<div style=\"position:relative;padding:76px 44px 76px 44px;background-color:var(--wp--preset--color--base-two, #F5F3FF)\" class=\"bb-columns-wrap bb-columns--2 bb-va-center alignfull wp-block-branike-columns\"><div class=\"bb-columns\" style=\"--bb-gtc:52fr 48fr;--bb-gtc-tab:50fr 50fr;--bb-gtc-mob:1fr;--bb-gap:36px;--bb-gap-tab:16px;--bb-gap-mob:16px;--bb-ai:center\">\n<div class=\"bb-column wp-block-branike-column\" data-col-index=\"0\">\n\n<div class=\"bkv-bars\">\n<style>\n  .bkv-bars *,.bkv-bars *::before,.bkv-bars *::after{box-sizing:border-box;margin:0;padding:0;}\n  .bkv-bars{width:100%;max-width:100%;background:#fff;border:1px solid #E5E7EB;border-radius:16px;padding:24px;\n    box-shadow:0 16px 44px rgba(45,27,105,.1);font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,sans-serif;}\n  .bkv-bars .top{display:flex;align-items:baseline;justify-content:space-between;margin-bottom:18px;}\n  .bkv-bars .val{color:#1F2937;font-size:30px;font-weight:800;line-height:1;}\n  .bkv-bars .val small{color:#7C3AED;font-size:14px;font-weight:700;margin-left:6px;}\n  .bkv-bars .cap{color:#566070;font-size:12px;font-weight:700;letter-spacing:1px;text-transform:uppercase;}\n  .bkv-bars .plot{display:flex;align-items:flex-end;gap:10px;height:140px;border-bottom:2px solid #EDE9FE;padding-bottom:2px;}\n  .bkv-bars .col{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;height:100%;}\n  .bkv-bars .col i{width:100%;max-width:34px;border-radius:6px 6px 0 0;transform-origin:bottom;\n    background:linear-gradient(180deg,#A78BFA,#7C3AED);height:100%;transform:scaleY(var(--h));}\n  .bkv-bars .col:last-child i{background:linear-gradient(180deg,#7C3AED,#5B21B6);}\n  .bkv-bars .x{display:flex;gap:10px;margin-top:8px;}\n  .bkv-bars .x span{flex:1;text-align:center;color:#6B7280;font-size:11px;font-weight:600;}\n  @media (prefers-reduced-motion: no-preference){\n    .bkv-bars .col i{animation:bkv-bars-grow 1s ease-out backwards;}\n    .bkv-bars .col:nth-child(1) i{animation-delay:.05s} .bkv-bars .col:nth-child(2) i{animation-delay:.15s}\n    .bkv-bars .col:nth-child(3) i{animation-delay:.25s} .bkv-bars .col:nth-child(4) i{animation-delay:.35s}\n    .bkv-bars .col:nth-child(5) i{animation-delay:.45s} .bkv-bars .col:nth-child(6) i{animation-delay:.55s}\n  }\n  @keyframes bkv-bars-grow{from{transform:scaleY(0);}to{transform:scaleY(var(--h));}}\n\n  \/* HOVER *\/\n  .bkv-bars{transition:transform .4s ease, box-shadow .4s ease;}\n  .bkv-bars .col i{transition:filter .3s ease;}\n  @media (prefers-reduced-motion: no-preference){\n    .bkv-bars:hover{transform:translateY(-4px);box-shadow:0 26px 64px rgba(45,27,105,.18);}\n    .bkv-bars .col:hover i{filter:brightness(1.12) saturate(1.08);}\n  }\n<\/style>\n  <div class=\"top\">\n    <div><span class=\"val\">+218\u00a0%<small>\u2191 rast<\/small><\/span><\/div>\n    <span class=\"cap\">\u010clenovia \/ 6 mes.<\/span>\n  <\/div>\n  <div class=\"plot\" role=\"img\" aria-label=\"Rast\u00faci po\u010det \u010dlenov za \u0161es\u0165 mesiacov\">\n    <div class=\"col\"><i style=\"--h:.32\"><\/i><\/div>\n    <div class=\"col\"><i style=\"--h:.45\"><\/i><\/div>\n    <div class=\"col\"><i style=\"--h:.58\"><\/i><\/div>\n    <div class=\"col\"><i style=\"--h:.7\"><\/i><\/div>\n    <div class=\"col\"><i style=\"--h:.85\"><\/i><\/div>\n    <div class=\"col\"><i style=\"--h:1\"><\/i><\/div>\n  <\/div>\n  <div class=\"x\" aria-hidden=\"true\"><span>Jan<\/span><span>Feb<\/span><span>Mar<\/span><span>Apr<\/span><span>M\u00e1j<\/span><span>J\u00fan<\/span><\/div>\n<\/div>\n\n<\/div>\n\n<div class=\"bb-column wp-block-branike-column\" data-col-index=\"1\">\n\n<h2 class=\"wp-block-branike-heading has-text-align-left has-text-color\" style=\"color:var(--wp--preset--color--contrast, #1F2937);font-size:32px;font-weight:800;line-height:1.2;margin-bottom:14px;max-width:440px;margin-left:auto;margin-right:auto\">Rast, ktor\u00fd naozaj vid\u00ed\u0161<\/h2>\n\n\n\n<p class=\"wp-block-branike-text has-text-align-left has-text-color\" style=\"color:#566070;line-height:1.7;margin-bottom:0px;max-width:460px;margin-left:auto;margin-right:auto\">Nov\u00ed \u010dlenovia, akt\u00edvne pl\u00e1ny aj zru\u0161enia sa zaznamenaj\u00fa. Vid\u00ed\u0161, ktor\u00fd pl\u00e1n \u0165ah\u00e1, ko\u013eko \u010dlenov prib\u00fada a kde odch\u00e1dzaj\u00fa. Pravideln\u00fd pr\u00edjem pod\u013ea \u010d\u00edsel, nie pod\u013ea pocitu.<\/p>\n\n<\/div>\n<\/div><\/div>\n\n<div style=\"position:relative;padding:80px 44px 80px 44px;background-color:var(--wp--preset--color--base, #ffffff)\" class=\"bb-columns-wrap bb-columns--1 bb-va-top alignfull wp-block-branike-columns\"><div class=\"bb-columns\" style=\"--bb-gtc:100fr;--bb-gtc-tab:100fr;--bb-gtc-mob:1fr;--bb-gap:20px;--bb-gap-tab:16px;--bb-gap-mob:16px;--bb-ai:start\">\n<div class=\"bb-column wp-block-branike-column\" data-col-index=\"0\">\n\n<h2 class=\"wp-block-branike-heading has-text-align-center has-text-color\" style=\"color:var(--wp--preset--color--contrast, #1F2937);font-size:32px;font-weight:800;line-height:1.2;margin-bottom:8px\">Preh\u013eadn\u00e1 spr\u00e1va \u010dlenov<\/h2>\n\n\n\n<p class=\"wp-block-branike-text has-text-align-center has-text-color\" style=\"color:#566070;line-height:1.7;margin-bottom:28px;max-width:640px;margin-left:auto;margin-right:auto\">\u010clenovia, pl\u00e1ny a pr\u00edstupov\u00e9 pravidl\u00e1 \u2014 v\u0161etko na jednej obrazovke.<\/p>\n\n\n\n<div class=\"bkv-mockup\">\n<style>\n  .bkv-mockup *,.bkv-mockup *::before,.bkv-mockup *::after{box-sizing:border-box;margin:0;padding:0;}\n  .bkv-mockup{width:100%;max-width:100%;border-radius:16px;overflow:hidden;background:#fff;\n    border:1px solid #E5E7EB;box-shadow:0 24px 60px rgba(45,27,105,.16);\n    font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,sans-serif;}\n  .bkv-mockup .bar{display:flex;align-items:center;gap:8px;padding:12px 14px;background:#F5F3FF;border-bottom:1px solid #E5E7EB;}\n  .bkv-mockup .dot{width:11px;height:11px;border-radius:50%;background:#C4B5FD;flex:none;}\n  .bkv-mockup .dot:nth-child(1){background:#EF4444;opacity:.5}\n  .bkv-mockup .dot:nth-child(2){background:#F59E0B;opacity:.5}\n  .bkv-mockup .dot:nth-child(3){background:#10B981;opacity:.5}\n  .bkv-mockup .url{flex:1;margin-left:8px;height:22px;border-radius:100px;background:#fff;border:1px solid #E5E7EB;\n    display:flex;align-items:center;padding:0 12px;color:#566070;font-size:11px;font-weight:600;}\n  .bkv-mockup .body{display:flex;min-height:230px;}\n  .bkv-mockup .side{width:64px;flex:none;background:#FAFAFC;border-right:1px solid #F0EFF5;padding:16px 12px;display:flex;flex-direction:column;gap:12px;}\n  .bkv-mockup .side i{display:block;height:8px;border-radius:4px;background:#E5E7EB;}\n  .bkv-mockup .side i:first-child{background:#7C3AED;}\n  .bkv-mockup .main{flex:1;padding:18px;display:flex;flex-direction:column;gap:14px;}\n  .bkv-mockup .head{height:14px;width:46%;border-radius:5px;background:#DDD6FE;}\n  .bkv-mockup .cards{display:flex;gap:12px;}\n  .bkv-mockup .card{flex:1;height:54px;border-radius:10px;background:#F5F3FF;border:1px solid #EDE9FE;}\n  .bkv-mockup .card b{display:block;height:10px;width:60%;margin:12px;border-radius:4px;background:#C4B5FD;}\n  .bkv-mockup .chart{flex:1;border-radius:10px;background:#FAFAFC;border:1px solid #F0EFF5;padding:14px;display:flex;align-items:flex-end;gap:8px;}\n  .bkv-mockup .chart i{flex:1;background:linear-gradient(180deg,#A78BFA,#7C3AED);border-radius:5px 5px 0 0;transform-origin:bottom;transform:scaleY(.85);}\n  @media (prefers-reduced-motion: no-preference){\n    .bkv-mockup .chart i{animation:bkv-mockup-rise 1.2s ease-out backwards;}\n    .bkv-mockup .chart i:nth-child(1){--h:.45;animation-delay:.1s}\n    .bkv-mockup .chart i:nth-child(2){--h:.72;animation-delay:.2s}\n    .bkv-mockup .chart i:nth-child(3){--h:.55;animation-delay:.3s}\n    .bkv-mockup .chart i:nth-child(4){--h:.9;animation-delay:.4s}\n    .bkv-mockup .chart i:nth-child(5){--h:.68;animation-delay:.5s}\n  }\n  .bkv-mockup .chart i:nth-child(1){transform:scaleY(.45)} .bkv-mockup .chart i:nth-child(2){transform:scaleY(.72)}\n  .bkv-mockup .chart i:nth-child(3){transform:scaleY(.55)} .bkv-mockup .chart i:nth-child(4){transform:scaleY(.9)}\n  .bkv-mockup .chart i:nth-child(5){transform:scaleY(.68)}\n  @keyframes bkv-mockup-rise{from{transform:scaleY(0);}to{transform:scaleY(var(--h));}}\n\n  \/* HOVER *\/\n  .bkv-mockup{transition:transform .4s ease, box-shadow .4s ease;}\n  @media (prefers-reduced-motion: no-preference){ .bkv-mockup:hover{transform:translateY(-5px);box-shadow:0 34px 84px rgba(45,27,105,.26);} }\n<\/style>\n  <div class=\"bar\" aria-hidden=\"true\">\n    <span class=\"dot\"><\/span><span class=\"dot\"><\/span><span class=\"dot\"><\/span>\n    <span class=\"url\">branike.com<\/span>\n  <\/div>\n  <div class=\"body\" role=\"img\" aria-label=\"Uk\u00e1\u017eka administra\u010dn\u00e9ho rozhrania pluginu\">\n    <div class=\"side\" aria-hidden=\"true\"><i><\/i><i><\/i><i><\/i><i><\/i><i><\/i><\/div>\n    <div class=\"main\" aria-hidden=\"true\">\n      <div class=\"head\"><\/div>\n      <div class=\"cards\"><div class=\"card\"><b><\/b><\/div><div class=\"card\"><b><\/b><\/div><div class=\"card\"><b><\/b><\/div><\/div>\n      <div class=\"chart\"><i><\/i><i><\/i><i><\/i><i><\/i><i><\/i><\/div>\n    <\/div>\n  <\/div>\n<\/div>\n\n<\/div>\n<\/div><\/div>\n\n<div style=\"position:relative;padding:72px 44px 72px 44px;background-color:var(--wp--preset--color--base-two, #F5F3FF)\" class=\"bb-columns-wrap bb-columns--2 bb-va-center alignfull wp-block-branike-columns\"><div class=\"bb-columns\" style=\"--bb-gtc:44fr 56fr;--bb-gtc-tab:50fr 50fr;--bb-gtc-mob:1fr;--bb-gap:36px;--bb-gap-tab:16px;--bb-gap-mob:16px;--bb-ai:center\">\n<div class=\"bb-column wp-block-branike-column\" data-col-index=\"0\">\n\n<div class=\"bkv-ring\">\n<style>\n  .bkv-ring *,.bkv-ring *::before,.bkv-ring *::after{box-sizing:border-box;margin:0;padding:0;}\n  .bkv-ring{width:100%;display:flex;justify-content:center;padding:24px;\n    font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,sans-serif;}\n  .bkv-ring .wrap{position:relative;width:200px;height:200px;}\n  .bkv-ring svg{width:200px;height:200px;transform:rotate(-90deg);}\n  .bkv-ring .track{fill:none;stroke:#EDE9FE;stroke-width:14;}\n  .bkv-ring .bar{fill:none;stroke:url(#bkvRingGrad);stroke-width:14;stroke-linecap:round;\n    stroke-dasharray:502.6;stroke-dashoffset:0;}\n  .bkv-ring .label{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;}\n  .bkv-ring .num{color:#1F2937;font-size:46px;font-weight:800;line-height:1;}\n  .bkv-ring .cap{color:#566070;font-size:13px;font-weight:700;letter-spacing:1px;text-transform:uppercase;margin-top:6px;}\n  @media (prefers-reduced-motion: no-preference){\n    .bkv-ring .bar{stroke-dashoffset:502.6;animation:bkv-ring-fill 1.6s ease-out .2s forwards;}\n  }\n  @keyframes bkv-ring-fill{to{stroke-dashoffset:0;}}  \/* 0 = 100% obvodu; uprav pod\u013ea percenta *\/\n\n  \/* HOVER *\/\n  .bkv-ring .wrap{transition:transform .4s ease;}\n  @media (prefers-reduced-motion: no-preference){ .bkv-ring:hover .wrap{transform:scale(1.05);} }\n<\/style>\n  <div class=\"wrap\" role=\"img\" aria-label=\"Sk\u00f3re 100 zo 100 \u2014 PageSpeed\">\n    <svg viewBox=\"0 0 200 200\" width=\"200\" height=\"200\">\n      <defs><linearGradient id=\"bkvRingGrad\" x1=\"0\" y1=\"0\" x2=\"1\" y2=\"1\">\n        <stop offset=\"0%\" stop-color=\"#A78BFA\"\/><stop offset=\"100%\" stop-color=\"#7C3AED\"\/><\/linearGradient><\/defs>\n      <circle class=\"track\" cx=\"100\" cy=\"100\" r=\"80\"\/>\n      <circle class=\"bar\" cx=\"100\" cy=\"100\" r=\"80\"\/>\n    <\/svg>\n    <div class=\"label\"><span class=\"num\">100<\/span><span class=\"cap\">PageSpeed<\/span><\/div>\n  <\/div>\n<\/div>\n\n<\/div>\n\n<div class=\"bb-column wp-block-branike-column\" data-col-index=\"1\">\n\n<h2 class=\"wp-block-branike-heading has-text-align-left has-text-color\" style=\"color:var(--wp--preset--color--contrast, #1F2937);font-size:32px;font-weight:800;line-height:1.2;margin-bottom:14px;max-width:460px;margin-left:auto;margin-right:auto\">Bezpe\u010dn\u00e9, \u010dist\u00e9 a r\u00fdchle<\/h2>\n\n\n\n<p class=\"wp-block-branike-text has-text-align-left has-text-color\" style=\"color:#566070;line-height:1.7;margin-bottom:0px;max-width:470px;margin-left:auto;margin-right:auto\">\u010cist\u00fd PHP 8 a OOP, bridge architekt\u00fara bez balastu tret\u00edch str\u00e1n a content gating priamo cez WordPress. V\u00fdsledok: 100\/100 PageSpeed.<\/p>\n\n<\/div>\n<\/div><\/div>\n\n<div style=\"position:relative;padding:76px 44px 80px 44px;background:linear-gradient(135deg,#5B21B6,#7C3AED 60%,#6D28D9)\" class=\"bb-columns-wrap bb-columns--1 bb-va-top alignfull wp-block-branike-columns\"><div class=\"bb-columns\" style=\"--bb-gtc:100fr;--bb-gtc-tab:100fr;--bb-gtc-mob:1fr;--bb-gap:20px;--bb-gap-tab:16px;--bb-gap-mob:16px;--bb-ai:start\">\n<div class=\"bb-column wp-block-branike-column\" data-col-index=\"0\">\n\n<h2 class=\"wp-block-branike-heading has-text-align-center has-text-color\" style=\"color:#ffffff;font-size:32px;font-weight:800;line-height:1.2;margin-bottom:12px;max-width:640px;margin-left:auto;margin-right:auto\">Spusti svoju \u010dlensk\u00fa z\u00f3nu e\u0161te dnes<\/h2>\n\n\n\n<p class=\"wp-block-branike-text has-text-align-center has-text-color\" style=\"color:#EDE9FE;line-height:1.7;margin-bottom:26px;max-width:600px;margin-left:auto;margin-right:auto\">Branike Club m\u00e1\u0161 s\u00fa\u010das\u0165ou ekosyst\u00e9mu. Vytvor pl\u00e1ny a za\u010dni pred\u00e1va\u0165 pr\u00edstup.<\/p>\n\n\n<div style=\"--bb-btn-gap:12px;--bb-btn-gap-tab:10px;--bb-btn-gap-mob:8px;--bb-btn-justify:center;--bb-btn-dir:row;--bb-btn-wrap:nowrap\" class=\"bb-buttons bb-buttons--horizontal wp-block-branike-buttons\">\n<a style=\"--bb-btn-bg:var(--wp--preset--color--base, #ffffff);--bb-btn-color:var(--wp--preset--color--accent-strong, #5B21B6)\" class=\"bb-button bb-button--solid bb-button--lg bb-button--rounded wp-block-branike-button\" href=\"#cta\"><span class=\"bb-button__text\">Chcem Branike Club<\/span><\/a>\n<\/div>\n<\/div>\n<\/div><\/div>\n\n<div style=\"position:relative;padding:32px 44px 32px 44px;background-color:#14122A\" class=\"bb-columns-wrap bb-columns--1 bb-va-top alignfull wp-block-branike-columns bb-frozen-palette\"><div class=\"bb-columns\" style=\"--bb-gtc:100fr;--bb-gtc-tab:100fr;--bb-gtc-mob:1fr;--bb-gap:20px;--bb-gap-tab:16px;--bb-gap-mob:16px;--bb-ai:start\">\n<div class=\"bb-column wp-block-branike-column\" data-col-index=\"0\">\n\n<p class=\"wp-block-branike-text has-text-align-center has-text-color\" style=\"color:#A5B4FC;line-height:1.7;margin-bottom:0px\">Branike Club \u00b7 s\u00fa\u010das\u0165 Branike ekosyst\u00e9mu \u00b7 branike.com<\/p>\n\n<\/div>\n<\/div><\/div>\n\n<div style=\"position:relative;padding:40px 24px 40px 24px;background-color:#F6F7FB\" class=\"bb-columns-wrap bb-columns--1 bb-va-top alignfull wp-block-branike-columns bb-frozen-palette\"><div class=\"bb-columns\" style=\"--bb-gtc:100fr;--bb-gtc-tab:100fr;--bb-gtc-mob:1fr;--bb-gap:20px;--bb-gap-tab:16px;--bb-gap-mob:16px;--bb-ai:start\">\n<div class=\"bb-column wp-block-branike-column\" data-col-index=\"0\">\n\n<p class=\"wp-block-branike-text has-text-align-center has-text-color\" style=\"color:var(--wp--preset--color--contrast, #1F2937)\"><strong>Podrobn\u00fd n\u00e1vod:<\/strong> <a href=\"https:\/\/branike.com\/prirucka\/sprievodca-club\/\">Kompletn\u00fd sprievodca: Branike Club<\/a> \u2014 v\u0161etky nastavenia krok za krokom, na \u010do si da\u0165 pozor a \u010do plugin z\u00e1merne nerob\u00ed.<\/p>\n\n<\/div>\n<\/div><\/div>","protected":false},"excerpt":{"rendered":"","protected":false},"author":1,"featured_media":1594,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_bt_container":"","_bt_sidebar":"","_bt_show_title":"","footnotes":"","_bseo_title":"","_bseo_description":"Branike Club Vlastn\u00e1 \u010dlensk\u00e1 z\u00f3na \u2014 pred\u00e1vaj pr\u00edstup k obsahu svojim z\u00e1kazn\u00edkom Branike Club z teba sprav\u00ed prev\u00e1dzkovate\u013ea \u010dlenstva. Vytvor\u00ed\u0161 pl\u00e1ny, z\u00e1kazn\u00edk sa","_bseo_noindex":"","_bseo_nofollow":"","_bseo_canonical":"","_bseo_og_title":"","_bseo_og_description":"","_bseo_og_image_id":0,"_bseo_og_image_url":"","_bseo_focus_keyword":""},"class_list":["post-1501","page","type-page","status-publish","has-post-thumbnail","hentry"],"_links":{"self":[{"href":"https:\/\/branike.com\/wp-json\/wp\/v2\/pages\/1501","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/branike.com\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/branike.com\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/branike.com\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/branike.com\/wp-json\/wp\/v2\/comments?post=1501"}],"version-history":[{"count":7,"href":"https:\/\/branike.com\/wp-json\/wp\/v2\/pages\/1501\/revisions"}],"predecessor-version":[{"id":7436,"href":"https:\/\/branike.com\/wp-json\/wp\/v2\/pages\/1501\/revisions\/7436"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/branike.com\/wp-json\/wp\/v2\/media\/1594"}],"wp:attachment":[{"href":"https:\/\/branike.com\/wp-json\/wp\/v2\/media?parent=1501"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}