{"id":6188,"date":"2026-07-12T18:43:54","date_gmt":"2026-07-12T16:43:54","guid":{"rendered":"https:\/\/branike.com\/?page_id=6188"},"modified":"2026-07-12T19:44:24","modified_gmt":"2026-07-12T17:44:24","slug":"branike-hub-centrala-celeho-ekosystemu-2","status":"publish","type":"page","link":"https:\/\/branike.com\/cs\/branike-hub-centrala-celeho-ekosystemu-2\/","title":{"rendered":"Branike HUB &#8211; centr\u00e1la cel\u00e9ho ekosyst\u00e9mu"},"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 HUB<\/span><\/p>\n\n\n\n<h1 class=\"wp-block-branike-heading has-text-align-left has-text-color\" style=\"color:#ffffff;font-size:42px;font-weight:800;line-height:1.13;margin-bottom:18px;max-width:580px;margin-left:auto;margin-right:auto\">Jeden kl\u00ed\u010d. Cel\u00fd ekosyst\u00e9m. \u017d\u00e1dn\u00fd WordPress.org.<\/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 HUB je centr\u00e1la cel\u00e9ho ekosyst\u00e9mu. Zad\u00e1\u0161 jeden \u010dlensk\u00fd kl\u00ed\u010d a HUB nainstaluje, odemkne a pr\u016fb\u011b\u017en\u011b aktualizuje p\u0159esn\u011b ty pluginy, kter\u00e9 m\u00e1\u0161 v bal\u00edku. Je to prvn\u00ed plugin, kter\u00fd nainstalujete \u2014 a posledn\u00ed, o kter\u00fd se mus\u00edte starat.<\/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\">Vyzkou\u0161et Branike HUB<\/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\">Co je HUB?<\/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  }\n<\/style>\n  <div class=\"neb\" aria-hidden=\"true\"><\/div>\n  <div class=\"stage\" role=\"img\" aria-label=\"Branike HUB ako jadro, okolo neho pluginy ekosyst\u00e9mu\">\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\"\/>\n        <stop offset=\"100%\" stop-color=\"#7C3AED\" stop-opacity=\"0\"\/><\/radialGradient><\/defs>\n      <circle cx=\"260\" cy=\"260\" r=\"250\" fill=\"url(#bkvOrbitGlow)\"\/>\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\"\/>\n        <circle cx=\"260\" cy=\"260\" r=\"185\"\/>\n        <circle class=\"r-rev\" cx=\"260\" cy=\"260\" r=\"130\" stroke-dasharray=\"2 8\"\/><\/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 x1=\"260\" y1=\"260\" x2=\"455\" y2=\"160\"\/>\n        <line x1=\"260\" y1=\"260\" x2=\"450\" y2=\"380\"\/><line x1=\"260\" y1=\"260\" x2=\"260\" y2=\"480\"\/>\n        <line x1=\"260\" y1=\"260\" x2=\"70\" y2=\"380\"\/><line x1=\"260\" y1=\"260\" x2=\"65\" y2=\"160\"\/><\/g>\n      <g class=\"p1\"><circle cx=\"260\" cy=\"75\" r=\"9\" fill=\"#A78BFA\" opacity=\"0.25\"\/><circle cx=\"260\" cy=\"75\" r=\"5\" fill=\"#DDD6FE\"\/><\/g>\n      <g class=\"p2\"><circle cx=\"260\" cy=\"130\" r=\"7\" fill=\"#7C3AED\" opacity=\"0.3\"\/><circle cx=\"260\" cy=\"130\" r=\"4\" fill=\"#A78BFA\"\/><\/g>\n      <g class=\"p3\"><circle cx=\"488\" cy=\"260\" r=\"7\" fill=\"#7C3AED\" opacity=\"0.3\"\/><circle cx=\"488\" cy=\"260\" r=\"4\" fill=\"#C4B5FD\"\/><\/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\"><path d=\"M12 3l8 3v6c0 5-4 8-8 9-4-1-8-4-8-9V6z\"\/><path d=\"m9 12 2 2 4-4\"\/><\/svg>\n      <b>HUB<\/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\"><circle cx=\"12\" cy=\"8\" r=\"3.2\"\/><path d=\"M6 20a6 6 0 0 1 12 0\"\/><\/svg><\/span><b>CRM<\/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\"><rect x=\"3\" y=\"5\" width=\"18\" height=\"16\" rx=\"2\"\/><path d=\"M3 9h18M8 3v4M16 3v4\"\/><\/svg><\/span><b>Events<\/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\"><path d=\"M3 9l9-4 9 4-9 4z\"\/><path d=\"M7 11v4c0 1 2.2 2 5 2s5-1 5-2v-4\"\/><\/svg><\/span><b>LMS<\/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\"><circle cx=\"9\" cy=\"20\" r=\"1.4\"\/><circle cx=\"17\" cy=\"20\" r=\"1.4\"\/><path d=\"M3 4h2l2.4 12h11l1.8-8H7\"\/><\/svg><\/span><b>Woo<\/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\"><circle cx=\"11\" cy=\"11\" r=\"7\"\/><path d=\"m21 21-4.3-4.3\"\/><\/svg><\/span><b>SEO<\/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=\"4\" y=\"4\" width=\"7\" height=\"7\" rx=\"1\"\/><rect x=\"13\" y=\"4\" width=\"7\" height=\"7\" rx=\"1\"\/><rect x=\"4\" y=\"13\" width=\"7\" height=\"7\" rx=\"1\"\/><rect x=\"13\" y=\"13\" width=\"7\" height=\"7\" rx=\"1\"\/><\/svg><\/span><b>Blocks<\/b><\/div>\n  <\/div>\n  <div class=\"cap\"><p>Jedno jadro \u00b7 cel\u00fd ekosyst\u00e9m pod kontrolou<\/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\">1<\/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\">kl\u00ed\u010d, cel\u00fd ekosyst\u00e9m<\/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\">13+<\/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\">plugin\u016f pod kontrolou<\/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\">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\">p\u0159es WordPress.org<\/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\">4<\/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\">jazyky p\u0159eklad\u016f<\/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<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\">Co je Branike HUB?<\/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\">B\u011b\u017en\u011b ka\u017ed\u00fd plugin stahne\u0161, licencuje\u0161 a aktualizuje\u0161 zvl\u00e1\u0161\u0165 \u2014 deset plugin\u016f, deset kl\u00ed\u010d\u016f, deset updat\u016f. Branike HUB to d\u011bl\u00e1 za tebe. Zad\u00e1\u0161 jeden \u010dlensk\u00fd kl\u00ed\u010d a on nainstaluje, odemkne a pr\u016fb\u011b\u017en\u011b aktualizuje p\u0159esn\u011b ty pluginy, na kter\u00e9 m\u00e1\u0161 n\u00e1rok. Jedno m\u00edsto pro licence, aktualizace, p\u0159eklady i p\u0159\u00edstupy cel\u00e9ho ekosyst\u00e9mu.<\/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 kl\u00ed\u010de po hotov\u00fd ekosyst\u00e9m<\/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\">T\u0159i kroky a cel\u00fd ekosyst\u00e9m b\u011b\u017e\u00ed \u2014 v\u010detn\u011b aktualizac\u00ed.<\/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>Zadaj \u010dlensk\u00fd k\u013e\u00fa\u010d<\/h3><p>Jeden k\u013e\u00fa\u010d odomkne presne tie pluginy, ktor\u00e9 m\u00e1\u0161 v bal\u00edku.<\/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>Nain\u0161taluj jedn\u00fdm klikom<\/h3><p>HUB stiahne a aktivuje cel\u00fd ekosyst\u00e9m naraz.<\/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>Aktualiz\u00e1cie automaticky<\/h3><p>Nov\u00e9 verzie a preklady chodia priamo z HUBu, bez WordPress.org.<\/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\">Co v\u0161echno Branike HUB 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\">Centr\u00e1ln\u00ed vrstva, kter\u00e1 dr\u017e\u00ed cel\u00fd ekosyst\u00e9m pohromad\u011b.<\/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>key \u2014 K\u013e\u00fa\u010d \u2014 pr\u00edstup, licencia, autentifik\u00e1cia<\/title>\n  <path stroke=\"none\" d=\"M0 0h24v24H0z\" fill=\"none\" \/><circle cx=\"8\" cy=\"15\" r=\"4\" \/><line x1=\"10.85\" y1=\"12.15\" x2=\"19\" y2=\"4\" \/><line x1=\"18\" y1=\"5\" x2=\"20\" y2=\"7\" \/><line x1=\"15\" y1=\"8\" x2=\"17\" y2=\"10\" \/>\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\">Jedna licence, cel\u00fd ekosyst\u00e9m<\/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\">Jeden \u010dlensk\u00fd kl\u00ed\u010d odemyk\u00e1 pluginy podle tv\u00e9ho bal\u00ed\u010dku \u2014 \u017e\u00e1dn\u00e9 opakovan\u00e9 k\u00f3dy.<\/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;\">Licence<\/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>download \u2014 Stiahnutie \u2014 download, export, lead magnet PDF<\/title>\n  <path stroke=\"none\" d=\"M0 0h24v24H0z\" fill=\"none\" \/><path d=\"M4 17v2a2 2 0 0 0 2 2h12a2 2 0 0 0 2 -2v-2\" \/><polyline points=\"7 11 12 16 17 11\" \/><line x1=\"12\" y1=\"4\" x2=\"12\" y2=\"16\" \/>\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\">Instalace jedn\u00edm kliknut\u00edm<\/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\">Nainstaluj a aktivuj cel\u00fd ekosyst\u00e9m najednou nebo plugin po pluginu.<\/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;\">Instalace<\/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\">Automatick\u00e9 aktualizace<\/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\">Nov\u00e9 verze jdou p\u0159\u00edmo z HUBu, mimo WordPress.org \u2014 v\u017edy aktu\u00e1ln\u00ed a bezpe\u010dn\u00e9.<\/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;\">Aktualizace<\/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>shield-check \u2014 \u0160t\u00edt s fajkou \u2014 bezpe\u010dnos\u0165, overenie, GDPR<\/title>\n  <path stroke=\"none\" d=\"M0 0h24v24H0z\" fill=\"none\" \/><path d=\"M11.46 20.846a12 12 0 0 1 -7.96 -14.846a12 12 0 0 0 8.5 -3a12 12 0 0 0 8.5 3a12 12 0 0 1 -.09 7.06\" \/><path d=\"M15 19l2 2l4 -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\">Distribuce licenc\u00ed<\/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\">Licence se rozd\u011bluj\u00ed podle bal\u00ed\u010dku a v p\u0159\u00edpad\u011b pot\u0159eby se tak\u00e9 automaticky odeberou.<\/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\u00e1va<\/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>wand \u2014 \u010carovn\u00e1 pali\u010dka \u2014 AI, magic, Page Designer, transform\u00e1cia<\/title>\n  <path stroke=\"none\" d=\"M0 0h24v24H0z\" fill=\"none\" \/><path d=\"M6 21l15 -15l-3 -3l-15 15l3 3\" \/><path d=\"M15 6l3 3\" \/><path d=\"M9 3a2 2 0 0 0 2 2a2 2 0 0 0 -2 2a2 2 0 0 0 -2 -2a2 2 0 0 0 2 -2\" \/><path d=\"M19 13a2 2 0 0 0 2 2a2 2 0 0 0 -2 2a2 2 0 0 0 -2 -2a2 2 0 0 0 2 -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\">Pr\u016fvodce onboardingem<\/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\">5-krokov\u00fd pr\u016fvodce t\u011b provede nastaven\u00edm za p\u00e1r minut.<\/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\u016fvodce<\/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>puzzle \u2014 Puzzle \u2014 integr\u00e1cie, doplnky, HUB<\/title>\n  <path stroke=\"none\" d=\"M0 0h24v24H0z\" fill=\"none\" \/><path d=\"M4 7h3a1 1 0 0 0 1 -1v-1a2 2 0 0 1 4 0v1a1 1 0 0 0 1 1h3a1 1 0 0 1 1 1v3a1 1 0 0 0 1 1h1a2 2 0 0 1 0 4h-1a1 1 0 0 0 -1 1v3a1 1 0 0 1 -1 1h-3a1 1 0 0 1 -1 -1v-1a2 2 0 0 0 -4 0v1a1 1 0 0 1 -1 1h-3a1 1 0 0 1 -1 -1v-3a1 1 0 0 1 -1 -1h-1a2 2 0 0 1 0 -4h1a1 1 0 0 1 1 -1v-3a1 1 0 0 1 1 -1z\" \/>\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\">Kontrola z\u00e1vislost\u00ed<\/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\">HUB upozorn\u00ed, pokud plugin pot\u0159ebuje jin\u00fd, d\u0159\u00edve ne\u017e ho zapne\u0161.<\/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;\">Z\u00e1vislosti<\/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>globe \u2014 Zemegu\u013ea \u2014 web, glob\u00e1lny, multilingual<\/title>\n  <path stroke=\"none\" d=\"M0 0h24v24H0z\" fill=\"none\" \/><circle cx=\"12\" cy=\"12\" r=\"9\" \/><line x1=\"3.6\" y1=\"9\" x2=\"20.4\" y2=\"9\" \/><line x1=\"3.6\" y1=\"15\" x2=\"20.4\" y2=\"15\" \/><path d=\"M11.5 3a17 17 0 0 0 0 18\" \/><path d=\"M12.5 3a17 17 0 0 1 0 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\">P\u0159eklady jedn\u00edm kliknut\u00edm<\/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\">Translations Deployer nasad\u00ed p\u0159eklady do 4 jazyk\u016f \u2014 i hromadn\u011b.<\/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;\">Jazyky<\/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>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\">Bezpe\u010dn\u00fd kan\u00e1l<\/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\">Stahov\u00e1n\u00ed p\u0159es podepsan\u00fd REST proxy s ov\u011b\u0159en\u00edm dom\u00e9ny a kl\u00ed\u010de.<\/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;\">Bezpe\u010dnost<\/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>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\">P\u0159ehledn\u00fd n\u00e1st\u011bnka<\/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\">\u00darove\u0148, vypr\u0161en\u00ed platnosti, po\u010det dom\u00e9n a stav ka\u017ed\u00e9ho pluginu na jedn\u00e9 obrazovce.<\/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;\">P\u0159ehled<\/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\">Srdce cel\u00e9ho ekosyst\u00e9mu Branike<\/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\">HUB je prvn\u00ed plugin, kter\u00fd nainstalujete. Spravuje licence, aktualizace, p\u0159eklady a \u010dlensk\u00e9 p\u0159\u00edstupy pro v\u0161echny ostatn\u00ed pluginy \u2014 CRM, Events, LMS, Woo, SEO, Blocks a dal\u0161\u00ed. Aktivujete jednou a ka\u017ed\u00fd dal\u0161\u00ed plugin to u\u017e automaticky v\u00ed.<\/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\">+12<small>nov\u00fdch verzi\u00ed<\/small><\/span><\/div>\n    <span class=\"cap\">Nov\u00e9 funkcie \/ rok<\/span>\n  <\/div>\n  <div class=\"plot\" role=\"img\" aria-label=\"Rast\u00faci ekosyst\u00e9m \u2014 nov\u00e9 funkcie po\u010das roka\">\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\">Ekosyst\u00e9m, kter\u00fd roste s tebou<\/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\">Ka\u017ed\u00fdch p\u00e1r t\u00fddn\u016f p\u0159ibydou nov\u00e9 funkce a pluginy \u2014 a v\u0161echny ti p\u0159ijdou automaticky p\u0159es HUB. Nemus\u00ed\u0161 nic hledat ani stahovat ru\u010dn\u011b. Roste\u0161 spolu s ekosyst\u00e9mem.<\/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\">P\u0159ehledn\u00fd n\u00e1st\u011bnka ekosyst\u00e9mu<\/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\">Stav \u010dlenstv\u00ed, karty plugin\u016f a aktualizace \u2014 v\u0161e na jedn\u00e9 obrazovce.<\/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 spolehliv\u00e9<\/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, podepsan\u00fd aktualiza\u010dn\u00ed kan\u00e1l a ov\u011b\u0159en\u00ed dom\u00e9ny i kl\u00ed\u010de. Distribuce, kter\u00e1 nahrazuje WordPress.org bezpe\u010dn\u011bji a rychleji \u2014 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\">Spus\u0165 cel\u00fd ekosyst\u00e9m jedn\u00edm kl\u00ed\u010dem<\/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 HUB je z\u00e1klad. Zadej \u010dlensk\u00fd kl\u00ed\u010d a cel\u00fd ekosyst\u00e9m se nainstaluje a aktualizuje s\u00e1m.<\/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\">Chci Branike HUB<\/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 HUB \u00b7 srdce Branike ekosyst\u00e9mu \u00b7 branike.com<\/p>\n\n<\/div>\n<\/div><\/div>","protected":false},"excerpt":{"rendered":"","protected":false},"author":1,"featured_media":0,"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 HUB Jeden k\u013e\u00fa\u010d. Cel\u00fd ekosyst\u00e9m. \u017diadny WordPress.org. Branike HUB je centr\u00e1la cel\u00e9ho ekosyst\u00e9mu. Zad\u00e1\u0161 jeden \u010dlensk\u00fd k\u013e\u00fa\u010d a HUB nain\u0161taluje, odomkne a p","_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-6188","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/branike.com\/wp-json\/wp\/v2\/pages\/6188","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=6188"}],"version-history":[{"count":2,"href":"https:\/\/branike.com\/wp-json\/wp\/v2\/pages\/6188\/revisions"}],"predecessor-version":[{"id":6199,"href":"https:\/\/branike.com\/wp-json\/wp\/v2\/pages\/6188\/revisions\/6199"}],"wp:attachment":[{"href":"https:\/\/branike.com\/wp-json\/wp\/v2\/media?parent=6188"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}