{"id":2914,"date":"2026-03-19T13:23:05","date_gmt":"2026-03-19T13:23:05","guid":{"rendered":"https:\/\/www.sitedesign.gr\/?page_id=2914"},"modified":"2026-04-14T18:33:47","modified_gmt":"2026-04-14T18:33:47","slug":"zero-downtime-protection","status":"publish","type":"page","link":"https:\/\/www.sitedesign.gr\/en\/zero-downtime-protection\/","title":{"rendered":"Zero Downtime Protection"},"content":{"rendered":"<p><div class=\"fusion-fullwidth fullwidth-box fusion-builder-row-1 fusion-flex-container has-pattern-background has-mask-background nonhundred-percent-fullwidth non-hundred-percent-height-scrolling\" style=\"--awb-border-radius-top-left:0px;--awb-border-radius-top-right:0px;--awb-border-radius-bottom-right:0px;--awb-border-radius-bottom-left:0px;--awb-flex-wrap:wrap;\" ><div class=\"fusion-builder-row fusion-row fusion-flex-align-items-flex-start fusion-flex-content-wrap\" style=\"max-width:1310.4px;margin-left: calc(-4% \/ 2 );margin-right: calc(-4% \/ 2 );\"><div class=\"fusion-layout-column fusion_builder_column fusion-builder-column-0 fusion_builder_column_1_1 1_1 fusion-flex-column\" style=\"--awb-bg-size:cover;--awb-width-large:100%;--awb-margin-top-large:0px;--awb-spacing-right-large:1.92%;--awb-margin-bottom-large:20px;--awb-spacing-left-large:1.92%;--awb-width-medium:100%;--awb-order-medium:0;--awb-spacing-right-medium:1.92%;--awb-spacing-left-medium:1.92%;--awb-width-small:100%;--awb-order-small:0;--awb-spacing-right-small:1.92%;--awb-spacing-left-small:1.92%;\"><div class=\"fusion-column-wrapper fusion-column-has-shadow fusion-flex-justify-content-flex-start fusion-content-layout-column\"><!-- ============================================================\n     Zero Downtime Protection \u2014 HERO SECTION (v2)\n     \u0391\u03bb\u03bb\u03b1\u03b3\u03ad\u03c2 vs v1:\n       \u2022 Pain hook \u03b3\u03b9\u03b1 non-technical \u03ba\u03bf\u03b9\u03bd\u03cc (downtime cost)\n       \u2022 \"Recovery Window 7 \u03b7\u03bc.\" \u2192 \u03c0\u03b9\u03bf \u03ba\u03b1\u03c4\u03b1\u03bd\u03bf\u03b7\u03c4\u03cc\n       \u2022 \u0394\u03cd\u03bf CTAs: primary + ghost \"\u0394\u03b5\u03af\u03c4\u03b5 \u03c4\u03b9\u03bc\u03ad\u03c2\"\n       \u2022 Social proof counter \"X+ sites\"\n       \u2022 \u03a4\u03bf Monitor panel \u03c0\u03b1\u03c1\u03b1\u03bc\u03ad\u03bd\u03b5\u03b9 \u03b1\u03c5\u03c4\u03bf\u03cd\u03c3\u03b9\u03bf\n     ============================================================ -->\n\n<style>\n\/* Hero *\/\n\/* \u2500\u2500 Scoped to #zd-hero only \u2500\u2500 *\/\n#zd-hero {\n  --zd-ink:    #0f1c2e;\n  --zd-ink2:   #2d4263;\n  --zd-blue:   #1a56db;\n  --zd-sky:    #0ea5e9;\n  --zd-white:  #ffffff;\n  --zd-cream:  #f7f4ef;\n  --zd-mist:   #eef2f8;\n  --zd-border: #dde4f0;\n  --zd-gray:   #6b7b96;\n  --zd-lgray:  #f0f4fa;\n\n  font-family: 'Plus Jakarta Sans', sans-serif;\n  background: var(--zd-white);\n  color: var(--zd-ink);\n  box-sizing: border-box;\n  overflow: hidden;\n  position: relative;\n  padding: 80px 6% 80px;\n}\n\n#zd-hero *, #zd-hero *::before, #zd-hero *::after {\n  box-sizing: border-box; margin: 0; padding: 0;\n}\n\n\/* \u2500\u2500 Background decorations \u2500\u2500 *\/\n#zd-hero .zd-bg-dots {\n  position: absolute; inset: 0;\n  background-image: radial-gradient(var(--zd-border) 1.5px, transparent 1.5px);\n  background-size: 28px 28px;\n  opacity: 0.7; pointer-events: none; z-index: 0;\n}\n#zd-hero .zd-bg-blob1 {\n  position: absolute; width: 600px; height: 600px; border-radius: 50%;\n  background: radial-gradient(circle, #dbeafe 0%, transparent 65%);\n  top: -180px; right: -160px; pointer-events: none; z-index: 0;\n}\n#zd-hero .zd-bg-blob2 {\n  position: absolute; width: 350px; height: 350px; border-radius: 50%;\n  background: radial-gradient(circle, #e0f7fa 0%, transparent 65%);\n  bottom: -100px; left: -80px; pointer-events: none; z-index: 0;\n}\n\n\/* \u2500\u2500 Layout \u2500\u2500 *\/\n#zd-hero .zd-inner {\n  position: relative; z-index: 1;\n  display: grid;\n  grid-template-columns: 1fr 1fr;\n  gap: 60px; align-items: center;\n  max-width: 1200px; margin: 0 auto;\n}\n\n\/* \u2500\u2500 LEFT \u2500\u2500 *\/\n#zd-hero .zd-eyebrow {\n  display: inline-flex; align-items: center; gap: 8px;\n  font-size: 0.72rem; font-weight: 600;\n  text-transform: uppercase; letter-spacing: 0.12em;\n  color: var(--zd-blue);\n  background: #eff4ff; border: 1px solid #c7d7fd;\n  padding: 7px 16px; border-radius: 100px;\n  margin-bottom: 22px;\n  opacity: 0; transform: translateY(16px);\n  animation: zdFadeUp 0.65s ease 0.05s forwards;\n}\n#zd-hero .zd-eyebrow::before {\n  content: '';\n  width: 7px; height: 7px; border-radius: 50%;\n  background: var(--zd-sky);\n  animation: zdBlink 2s ease-in-out infinite; flex-shrink: 0;\n}\n@keyframes zdBlink { 0%,100%{opacity:1} 50%{opacity:0.2} }\n\n#zd-hero .zd-title {\n  font-family: 'Fraunces', 'Georgia', serif;\n  font-size: clamp(2.4rem, 4.5vw, 4rem);\n  font-weight: 800; line-height: 1.0;\n  letter-spacing: -0.03em; color: var(--zd-ink);\n  margin-bottom: 18px;\n  opacity: 0; transform: translateY(16px);\n  animation: zdFadeUp 0.65s ease 0.12s forwards;\n}\n#zd-hero .zd-title em { font-style: italic; color: var(--zd-blue); }\n#zd-hero .zd-title .zd-line2 { display: block; color: var(--zd-ink2); }\n\n\/* Pain hook \u2014 \u03bd\u03ad\u03bf *\/\n#zd-hero .zd-pain {\n  background: #fff7ed;\n  border: 1px solid #fed7aa;\n  border-radius: 10px;\n  padding: 12px 16px;\n  margin-bottom: 20px;\n  font-size: 0.85rem; line-height: 1.6;\n  color: #92400e;\n  opacity: 0; transform: translateY(16px);\n  animation: zdFadeUp 0.65s ease 0.18s forwards;\n}\n#zd-hero .zd-pain strong { color: #c2410c; font-weight: 700; }\n#zd-hero .zd-pain-icon { margin-right: 6px; }\n\n#zd-hero .zd-sub {\n  font-size: 1rem; color: var(--zd-gray);\n  max-width: 440px; font-weight: 300;\n  line-height: 1.75; margin-bottom: 32px;\n  opacity: 0; transform: translateY(16px);\n  animation: zdFadeUp 0.65s ease 0.24s forwards;\n}\n\n\/* \u2500\u2500 CTAs \u2500\u2500 *\/\n#zd-hero .zd-actions {\n  display: flex; gap: 12px; flex-wrap: wrap;\n  margin-bottom: 36px;\n  opacity: 0; transform: translateY(16px);\n  animation: zdFadeUp 0.65s ease 0.3s forwards;\n}\n#zd-hero .zd-btn-primary {\n  display: inline-flex; align-items: center; gap: 7px;\n  background: var(--zd-blue); color: #fff !important;\n  font-weight: 600; font-size: 0.92rem;\n  padding: 13px 26px; border-radius: 9px;\n  text-decoration: none !important;\n  box-shadow: 0 4px 14px rgba(26,86,219,0.28);\n  transition: all 0.2s; border: none; letter-spacing: -0.01em;\n}\n#zd-hero .zd-btn-primary:hover {\n  background: #2563eb !important; transform: translateY(-2px);\n  box-shadow: 0 6px 20px rgba(26,86,219,0.38);\n}\n#zd-hero .zd-btn-ghost {\n  display: inline-flex; align-items: center; gap: 7px;\n  background: var(--zd-white); color: var(--zd-ink) !important;\n  font-weight: 600; font-size: 0.92rem;\n  padding: 13px 26px; border-radius: 9px;\n  text-decoration: none !important;\n  border: 1.5px solid var(--zd-border) !important;\n  transition: all 0.2s; letter-spacing: -0.01em;\n}\n#zd-hero .zd-btn-ghost:hover {\n  border-color: var(--zd-blue) !important;\n  color: var(--zd-blue) !important; transform: translateY(-2px);\n}\n\n\/* \u2500\u2500 Stats \u2500\u2500 *\/\n#zd-hero .zd-stats {\n  display: flex; align-items: center; gap: 24px; flex-wrap: wrap;\n  opacity: 0; transform: translateY(16px);\n  animation: zdFadeUp 0.65s ease 0.38s forwards;\n}\n#zd-hero .zd-stat-val {\n  font-family: 'Fraunces', 'Georgia', serif;\n  font-size: 1.8rem; font-weight: 800;\n  line-height: 1; letter-spacing: -0.03em; color: var(--zd-ink);\n}\n#zd-hero .zd-stat-val em { font-style: normal; color: var(--zd-blue); }\n#zd-hero .zd-stat-lbl {\n  font-size: 0.72rem; color: var(--zd-gray); font-weight: 400; margin-top: 2px;\n}\n#zd-hero .zd-stat-sep { width: 1px; height: 36px; background: var(--zd-border); flex-shrink: 0; }\n\n\/* Social proof bar \u2014 \u03bd\u03ad\u03bf *\/\n#zd-hero .zd-proof {\n  display: flex; align-items: center; gap: 10px;\n  margin-top: 28px;\n  opacity: 0; transform: translateY(16px);\n  animation: zdFadeUp 0.65s ease 0.46s forwards;\n  flex-wrap: wrap;\n}\n#zd-hero .zd-proof-pill {\n  display: inline-flex; align-items: center; gap: 6px;\n  font-size: 0.75rem; color: var(--zd-gray);\n  background: var(--zd-lgray); border: 1px solid var(--zd-border);\n  padding: 5px 12px; border-radius: 100px; font-weight: 500;\n}\n#zd-hero .zd-proof-pill strong { color: var(--zd-ink); }\n#zd-hero .zd-proof-dot {\n  width: 6px; height: 6px; border-radius: 50%;\n  background: #22c55e; flex-shrink: 0;\n  box-shadow: 0 0 4px rgba(34,197,94,0.5);\n}\n\n\/* \u2500\u2500 RIGHT \u2014 Monitor Panel (\u03b1\u03c5\u03c4\u03bf\u03cd\u03c3\u03b9\u03bf) \u2500\u2500 *\/\n#zd-hero .zd-right {\n  opacity: 0; transform: translateY(20px);\n  animation: zdFadeUp 0.8s ease 0.2s forwards;\n}\n#zd-hero .zd-monitor {\n  background: var(--zd-white); border: 1.5px solid var(--zd-border);\n  border-radius: 18px;\n  box-shadow: 0 16px 48px rgba(15,28,46,0.09), 0 4px 12px rgba(15,28,46,0.04);\n  overflow: hidden;\n}\n#zd-hero .zd-mon-header {\n  background: var(--zd-ink); padding: 12px 18px;\n  display: flex; align-items: center; gap: 7px;\n}\n#zd-hero .zd-mon-dot { width: 10px; height: 10px; border-radius: 50%; }\n#zd-hero .zd-mon-title {\n  font-size: 0.7rem; color: rgba(255,255,255,0.45);\n  font-weight: 500; letter-spacing: 0.08em;\n  text-transform: uppercase; margin-left: 6px;\n}\n#zd-hero .zd-mon-body { padding: 20px 18px; }\n#zd-hero .zd-mon-row {\n  display: flex; align-items: center; gap: 12px;\n  padding: 9px 13px; border-radius: 9px;\n  margin-bottom: 7px; border: 1px solid var(--zd-border);\n  background: var(--zd-lgray); transition: background 0.2s;\n}\n#zd-hero .zd-mon-row.ok   { background: #f0fdf4; border-color: #bbf7d0; }\n#zd-hero .zd-mon-row.info { background: #eff4ff; border-color: #c7d7fd; }\n#zd-hero .zd-row-dot { width: 8px; height: 8px; border-radius: 50%; flex-shrink: 0; }\n#zd-hero .dot-green { background: #22c55e; box-shadow: 0 0 5px rgba(34,197,94,0.5); }\n#zd-hero .dot-blue  { background: var(--zd-blue); box-shadow: 0 0 5px rgba(26,86,219,0.4); }\n#zd-hero .zd-row-lbl { font-size: 0.8rem; font-weight: 500; color: var(--zd-ink); flex: 1; }\n#zd-hero .zd-row-val { font-size: 0.73rem; font-weight: 600; }\n#zd-hero .val-green { color: #16a34a; }\n#zd-hero .val-blue  { color: var(--zd-blue); }\n#zd-hero .zd-prog-wrap { margin-top: 14px; }\n#zd-hero .zd-prog-label {\n  display: flex; justify-content: space-between;\n  font-size: 0.7rem; color: var(--zd-gray); margin-bottom: 5px;\n}\n#zd-hero .zd-prog-bar { height: 5px; background: var(--zd-border); border-radius: 100px; overflow: hidden; }\n#zd-hero .zd-prog-fill { height: 100%; border-radius: 100px; animation: zdFillUp 1.4s ease 1s both; }\n#zd-hero .fill-blue  { background: linear-gradient(90deg, var(--zd-blue), var(--zd-sky)); }\n#zd-hero .fill-green { background: linear-gradient(90deg, #22c55e, #4ade80); }\n\n@keyframes zdFillUp { from { width: 0 !important; } }\n@keyframes zdFadeUp {\n  from { opacity: 0; transform: translateY(16px); }\n  to   { opacity: 1; transform: translateY(0); }\n}\n\n\/* \u2500\u2500 Responsive \u2500\u2500 *\/\n@media (max-width: 860px) {\n  #zd-hero .zd-inner { grid-template-columns: 1fr; gap: 40px; }\n  #zd-hero .zd-right { display: none; }\n  #zd-hero { padding: 60px 5% 60px; }\n}\n@media (max-width: 480px) {\n  #zd-hero .zd-stats { gap: 16px; }\n  #zd-hero .zd-title { font-size: 2.2rem; }\n}\n<\/style>\n\n<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Fraunces:ital,opsz,wght@0,9..144,600;0,9..144,800;1,9..144,800&family=Plus+Jakarta+Sans:wght@300;400;500;600&display=swap\" rel=\"stylesheet\">\n\n<div id=\"zd-hero\">\n  <div class=\"zd-bg-dots\"><\/div>\n  <div class=\"zd-bg-blob1\"><\/div>\n  <div class=\"zd-bg-blob2\"><\/div>\n\n  <div class=\"zd-inner\">\n\n    <!-- LEFT -->\n    <div class=\"zd-left\">\n\n      <div class=\"zd-eyebrow\">Premium Infrastructure Service<\/div>\n\n      <h1 class=\"zd-title\">\n        <em>Zero<\/em> Downtime Protection<br>\n        <span class=\"zd-line2\">\u03b3\u03b9\u03b1 \u03c4\u03bf Site \u03c3\u03b1\u03c2<\/span>\n      <\/h1>\n\n      <!-- \u2605 \u039d\u0395\u039f\u03a3 pain hook -->\n      <div class=\"zd-pain\">\n        <span class=\"zd-pain-icon\">\u26a0\ufe0f<\/span>\n        \u039a\u03ac\u03b8\u03b5 \u03ce\u03c1\u03b1 downtime \u03b5\u03bd\u03cc\u03c2 e-shop \u03ba\u03bf\u03c3\u03c4\u03af\u03b6\u03b5\u03b9 \u03ba\u03b1\u03c4\u03ac \u03bc\u03ad\u03c3\u03bf \u03cc\u03c1\u03bf\n        <strong>\u20ac200\u2013500 \u03c3\u03b5 \u03c7\u03b1\u03bc\u03ad\u03bd\u03b5\u03c2 \u03c0\u03c9\u03bb\u03ae\u03c3\u03b5\u03b9\u03c2<\/strong>.\n        \u0395\u03bc\u03b5\u03af\u03c2 \u03b5\u03b3\u03b3\u03c5\u03cc\u03bc\u03b1\u03c3\u03c4\u03b5 \u03b5\u03c0\u03b1\u03bd\u03b1\u03c6\u03bf\u03c1\u03ac \u03c3\u03b5 <strong>\u03bb\u03b9\u03b3\u03cc\u03c4\u03b5\u03c1\u03bf \u03b1\u03c0\u03cc 10 \u03bb\u03b5\u03c0\u03c4\u03ac<\/strong>.\n      <\/div>\n\n      <p class=\"zd-sub\">\n        \u0397 \u03b9\u03c3\u03c4\u03bf\u03c3\u03b5\u03bb\u03af\u03b4\u03b1 \u03c3\u03b1\u03c2 \u03c0\u03b1\u03c1\u03b1\u03bc\u03ad\u03bd\u03b5\u03b9 online \u03b1\u03ba\u03cc\u03bc\u03b1 \u03ba\u03b1\u03b9 \u03c3\u03b5 \u03c0\u03bb\u03ae\u03c1\u03b7 \u03b2\u03bb\u03ac\u03b2\u03b7 server.\n        Real-time \u03b1\u03bd\u03c4\u03b9\u03b3\u03c1\u03b1\u03c6\u03ae \u03b2\u03ac\u03c3\u03b7\u03c2, \u03b1\u03c5\u03c4\u03cc\u03bc\u03b1\u03c4\u03bf\u03c2 \u03c3\u03c5\u03b3\u03c7\u03c1\u03bf\u03bd\u03b9\u03c3\u03bc\u03cc\u03c2 \u03ba\u03b1\u03b9 \u03ac\u03bc\u03b5\u03c3\u03bf failover.\n      <\/p>\n\n      <!-- \u2605 \u0394\u03a5\u039f CTAs -->\n      <div class=\"zd-actions\">\n        <a href=\"#zd-pricing\" class=\"zd-btn-primary\">\n          \u0394\u03b5\u03af\u03c4\u03b5 \u03c4\u03b9\u03bc\u03ad\u03c2 \u2192\n        <\/a>\n        <a href=\"#contact\" class=\"zd-btn-ghost\">\n          \u039c\u03b9\u03bb\u03ae\u03c3\u03c4\u03b5 \u03bc\u03b5 \u03b5\u03b9\u03b4\u03b9\u03ba\u03cc\n        <\/a>\n      <\/div>\n\n      <!-- Stats \u2014 \u03b2\u03b5\u03bb\u03c4\u03b9\u03c9\u03bc\u03ad\u03bd\u03b1 labels -->\n      <div class=\"zd-stats\">\n        <div>\n          <div class=\"zd-stat-val\"><em>99.9<\/em>%<\/div>\n          <div class=\"zd-stat-lbl\">\u0395\u03b3\u03b3\u03c5\u03b7\u03bc\u03ad\u03bd\u03bf Uptime SLA<\/div>\n        <\/div>\n        <div class=\"zd-stat-sep\"><\/div>\n        <div>\n          <div class=\"zd-stat-val\"><<em>10<\/em> \u03bb\u03b5\u03c0.<\/div>\n          <div class=\"zd-stat-lbl\">Failover \u03c3\u03b5 \u03b2\u03bb\u03ac\u03b2\u03b7 server<\/div>\n        <\/div>\n        <div class=\"zd-stat-sep\"><\/div>\n        <div>\n          <div class=\"zd-stat-val\"><em>7<\/em> \u03b7\u03bc.<\/div>\n          <!-- \u2605 \u0392\u03b5\u03bb\u03c4\u03b9\u03c9\u03bc\u03ad\u03bd\u03bf label -->\n          <div class=\"zd-stat-lbl\">\u0395\u03c0\u03b1\u03bd\u03b1\u03c6\u03bf\u03c1\u03ac \u03c3\u03b5 \u03bf\u03c0\u03bf\u03b9\u03bf\u03b4\u03ae\u03c0\u03bf\u03c4\u03b5 \u03c3\u03b7\u03bc\u03b5\u03af\u03bf<\/div>\n        <\/div>\n      <\/div>\n\n      <!-- \u2605 Social proof pills -->\n      <div class=\"zd-proof\">\n        <div class=\"zd-proof-pill\">\n          <div class=\"zd-proof-dot\"><\/div>\n          <strong>40+<\/strong> sites \u03c0\u03c1\u03bf\u03c3\u03c4\u03b1\u03c4\u03b5\u03cd\u03bf\u03bd\u03c4\u03b1\u03b9 \u03c4\u03ce\u03c1\u03b1\n        <\/div>\n        <div class=\"zd-proof-pill\">\n          \u26a1 \u039b\u03b5\u03b9\u03c4\u03bf\u03c5\u03c1\u03b3\u03b5\u03af \u03b1\u03c0\u03cc \u03c4\u03bf 2022\n        <\/div>\n      <\/div>\n\n    <\/div>\n\n    <!-- RIGHT \u2014 Monitor panel (\u03b1\u03c5\u03c4\u03bf\u03cd\u03c3\u03b9\u03bf) -->\n    <div class=\"zd-right\">\n      <div class=\"zd-monitor\">\n        <div class=\"zd-mon-header\">\n          <div class=\"zd-mon-dot\" style=\"background:#ef4444\"><\/div>\n          <div class=\"zd-mon-dot\" style=\"background:#f59e0b\"><\/div>\n          <div class=\"zd-mon-dot\" style=\"background:#22c55e\"><\/div>\n          <span class=\"zd-mon-title\">Replication Monitor<\/span>\n        <\/div>\n        <div class=\"zd-mon-body\">\n          <div class=\"zd-mon-row ok\">\n            <div class=\"zd-row-dot dot-green\"><\/div>\n            <div class=\"zd-row-lbl\">Production Server<\/div>\n            <div class=\"zd-row-val val-green\">\u25cf Online<\/div>\n          <\/div>\n          <div class=\"zd-mon-row ok\">\n            <div class=\"zd-row-dot dot-green\"><\/div>\n            <div class=\"zd-row-lbl\">Clone Server<\/div>\n            <div class=\"zd-row-val val-green\">\u25cf Synced<\/div>\n          <\/div>\n          <div class=\"zd-mon-row info\">\n            <div class=\"zd-row-dot dot-blue\"><\/div>\n            <div class=\"zd-row-lbl\">Slave_IO_Running<\/div>\n            <div class=\"zd-row-val val-blue\">Yes<\/div>\n          <\/div>\n          <div class=\"zd-mon-row info\">\n            <div class=\"zd-row-dot dot-blue\"><\/div>\n            <div class=\"zd-row-lbl\">Slave_SQL_Running<\/div>\n            <div class=\"zd-row-val val-blue\">Yes<\/div>\n          <\/div>\n          <div class=\"zd-mon-row ok\">\n            <div class=\"zd-row-dot dot-green\"><\/div>\n            <div class=\"zd-row-lbl\">Seconds Behind Master<\/div>\n            <div class=\"zd-row-val val-green\">0s<\/div>\n          <\/div>\n          <div class=\"zd-mon-row ok\">\n            <div class=\"zd-row-dot dot-green\"><\/div>\n            <div class=\"zd-row-lbl\">Last Error<\/div>\n            <div class=\"zd-row-val val-green\">None<\/div>\n          <\/div>\n          <div class=\"zd-prog-wrap\">\n            <div class=\"zd-prog-label\">\n              <span>DB Sync<\/span>\n              <span style=\"color:#16a34a;font-weight:600\">100%<\/span>\n            <\/div>\n            <div class=\"zd-prog-bar\">\n              <div class=\"zd-prog-fill fill-blue\" style=\"width:100%\"><\/div>\n            <\/div>\n          <\/div>\n          <div class=\"zd-prog-wrap\" style=\"margin-top:10px\">\n            <div class=\"zd-prog-label\">\n              <span>File Sync (last 15 min)<\/span>\n              <span style=\"color:#16a34a;font-weight:600\">\u2713 Complete<\/span>\n            <\/div>\n            <div class=\"zd-prog-bar\">\n              <div class=\"zd-prog-fill fill-green\" style=\"width:100%\"><\/div>\n            <\/div>\n          <\/div>\n        <\/div>\n      <\/div>\n    <\/div>\n\n  <\/div>\n<\/div><\/div><\/div><\/div><\/div><div class=\"fusion-fullwidth fullwidth-box fusion-builder-row-2 fusion-flex-container has-pattern-background has-mask-background nonhundred-percent-fullwidth non-hundred-percent-height-scrolling\" style=\"--awb-border-radius-top-left:0px;--awb-border-radius-top-right:0px;--awb-border-radius-bottom-right:0px;--awb-border-radius-bottom-left:0px;--awb-flex-wrap:wrap;\" ><div class=\"fusion-builder-row fusion-row fusion-flex-align-items-flex-start fusion-flex-content-wrap\" style=\"max-width:1310.4px;margin-left: calc(-4% \/ 2 );margin-right: calc(-4% \/ 2 );\"><div class=\"fusion-layout-column fusion_builder_column fusion-builder-column-1 fusion_builder_column_1_1 1_1 fusion-flex-column\" style=\"--awb-bg-size:cover;--awb-width-large:100%;--awb-margin-top-large:0px;--awb-spacing-right-large:1.92%;--awb-margin-bottom-large:20px;--awb-spacing-left-large:1.92%;--awb-width-medium:100%;--awb-order-medium:0;--awb-spacing-right-medium:1.92%;--awb-spacing-left-medium:1.92%;--awb-width-small:100%;--awb-order-small:0;--awb-spacing-right-small:1.92%;--awb-spacing-left-small:1.92%;\"><div class=\"fusion-column-wrapper fusion-column-has-shadow fusion-flex-justify-content-flex-start fusion-content-layout-column\"><!-- ============================================================\n     Zero Downtime Protection \u2014 ARCHITECTURE SECTION (v2)\n     \u0391\u03bb\u03bb\u03b1\u03b3\u03ad\u03c2 vs v1:\n       \u2022 Business translation \u03b4\u03af\u03c0\u03bb\u03b1 \u03c3\u03b5 \u03ba\u03ac\u03b8\u03b5 \u03c4\u03b5\u03c7\u03bd\u03b9\u03ba\u03cc term\n       \u2022 Failover \u03c7\u03c1\u03cc\u03bd\u03bf\u03c2 \u03be\u03b5\u03ba\u03ac\u03b8\u03b1\u03c1\u03bf\u03c2 \u03c3\u03c4\u03bf flow diagram (< 10 \u03bb\u03b5\u03c0\u03c4\u03ac)\n       \u2022 Info cards: \"\u03a4\u03b9 \u03c3\u03b7\u03bc\u03b1\u03af\u03bd\u03b5\u03b9 \u03b3\u03b9\u03b1 \u03b5\u03c3\u03ac\u03c2\" bullet\n       \u2022 Basic vs Business differentiation badge\n     ============================================================ -->\n\n<style>\n\/* \u2500\u2500 Scoped to #zd-arch \u2014 \u03b1\u03c5\u03c4\u03bf\u03cd\u03c3\u03b9\u03bf \u03bc\u03b5 \u03c4\u03b9\u03c2 \u03c0\u03b1\u03c1\u03b1\u03ba\u03ac\u03c4\u03c9 \u03c0\u03c1\u03bf\u03c3\u03b8\u03ae\u03ba\u03b5\u03c2 \u2500\u2500 *\/\n#zd-arch {\n  --za-ink:    #0f1c2e;\n  --za-ink2:   #2d4263;\n  --za-blue:   #1a56db;\n  --za-sky:    #0ea5e9;\n  --za-teal:   #0d9488;\n  --za-green:  #16a34a;\n  --za-white:  #ffffff;\n  --za-cream:  #f7f4ef;\n  --za-mist:   #eef2f8;\n  --za-border: #dde4f0;\n  --za-gray:   #6b7b96;\n  --za-lgray:  #f0f4fa;\n\n  font-family: 'Plus Jakarta Sans', sans-serif;\n  background: var(--za-cream);\n  color: var(--za-ink);\n  box-sizing: border-box;\n  padding: 90px 6% 90px;\n  position: relative;\n  overflow: hidden;\n}\n\n#zd-arch *, #zd-arch *::before, #zd-arch *::after {\n  box-sizing: border-box; margin: 0; padding: 0;\n}\n\n#zd-arch .za-dots {\n  position: absolute; inset: 0;\n  background-image: radial-gradient(var(--za-border) 1.5px, transparent 1.5px);\n  background-size: 28px 28px;\n  opacity: 0.5; pointer-events: none; z-index: 0;\n}\n\n#zd-arch .za-inner {\n  position: relative; z-index: 1;\n  max-width: 1100px; margin: 0 auto;\n}\n\n\/* \u2500\u2500 Header \u2500\u2500 *\/\n#zd-arch .za-header { text-align: center; margin-bottom: 64px; }\n#zd-arch .za-label {\n  display: inline-block; font-size: 0.72rem; font-weight: 600;\n  text-transform: uppercase; letter-spacing: 0.14em;\n  color: var(--za-blue); background: #eff4ff; border: 1px solid #c7d7fd;\n  padding: 5px 16px; border-radius: 100px; margin-bottom: 14px;\n}\n#zd-arch .za-title {\n  font-family: 'Fraunces', 'Georgia', serif;\n  font-size: clamp(1.9rem, 3.5vw, 2.9rem);\n  font-weight: 800; line-height: 1.1; letter-spacing: -0.03em;\n  color: var(--za-ink); margin-bottom: 14px;\n}\n#zd-arch .za-sub {\n  font-size: 1rem; color: var(--za-gray);\n  font-weight: 300; max-width: 500px;\n  margin: 0 auto; line-height: 1.75;\n}\n\n\/* \u2500\u2500 Flow diagram \u2500\u2500 *\/\n#zd-arch .za-flow {\n  display: flex; align-items: center; justify-content: center;\n  gap: 0; margin-bottom: 40px; flex-wrap: wrap;\n}\n\n#zd-arch .za-node {\n  flex: 0 0 200px; background: var(--za-white);\n  border: 1.5px solid var(--za-border); border-radius: 18px;\n  padding: 30px 20px 26px; text-align: center; position: relative;\n  box-shadow: 0 4px 20px rgba(15,28,46,0.06);\n  transition: transform 0.3s, box-shadow 0.3s, border-color 0.3s; cursor: default;\n}\n#zd-arch .za-node:hover {\n  transform: translateY(-6px);\n  box-shadow: 0 16px 36px rgba(15,28,46,0.1);\n  border-color: var(--za-blue);\n}\n#zd-arch .za-node-tag {\n  position: absolute; top: -11px; left: 50%;\n  transform: translateX(-50%);\n  font-size: 0.62rem; font-weight: 700;\n  text-transform: uppercase; letter-spacing: 0.1em;\n  padding: 3px 13px; border-radius: 100px; white-space: nowrap;\n}\n.zt-blue  { background: var(--za-blue); color: #fff; }\n.zt-sky   { background: var(--za-sky); color: #fff; }\n.zt-green { background: #22c55e; color: #fff; }\n\n#zd-arch .za-node-icon {\n  width: 54px; height: 54px; border-radius: 15px;\n  display: flex; align-items: center; justify-content: center;\n  font-size: 1.5rem; margin: 0 auto 14px;\n}\n.ni-blue  { background: #eff4ff; }\n.ni-sky   { background: #e0f2fe; }\n.ni-green { background: #f0fdf4; }\n\n#zd-arch .za-node-title {\n  font-family: 'Fraunces', 'Georgia', serif;\n  font-size: 1rem; font-weight: 700; color: var(--za-ink);\n  margin-bottom: 6px; letter-spacing: -0.02em;\n}\n#zd-arch .za-node-sub {\n  font-size: 0.74rem; color: var(--za-gray); line-height: 1.45;\n}\n\n\/* \u2605 \u039d\u03ad\u03bf: failover badge \u03ba\u03ac\u03c4\u03c9 \u03b1\u03c0\u03cc \u03c4\u03bf node *\/\n#zd-arch .za-node-failover {\n  margin-top: 10px;\n  font-size: 0.67rem; font-weight: 700;\n  padding: 3px 10px; border-radius: 100px;\n  display: inline-block;\n  background: #f0fdf4; color: #15803d;\n  border: 1px solid #bbf7d0;\n}\n\n#zd-arch .za-connector {\n  flex: 0 0 80px; display: flex; flex-direction: column;\n  align-items: center; justify-content: center;\n  gap: 5px; padding: 0 4px;\n}\n#zd-arch .za-conn-line {\n  width: 100%; height: 2px;\n  background: linear-gradient(90deg, var(--za-blue), var(--za-sky));\n  position: relative;\n}\n#zd-arch .za-conn-line::after {\n  content: '\u25b6'; position: absolute; right: -6px; top: 50%;\n  transform: translateY(-50%); font-size: 9px; color: var(--za-sky);\n}\n#zd-arch .za-conn-l1 {\n  font-size: 0.65rem; font-weight: 600;\n  color: var(--za-blue); white-space: nowrap;\n}\n#zd-arch .za-conn-l2 {\n  font-size: 0.6rem; color: var(--za-gray); white-space: nowrap;\n}\n\n\/* \u2500\u2500 Info cards \u2500\u2500 *\/\n#zd-arch .za-cards {\n  display: grid; grid-template-columns: repeat(3, 1fr);\n  gap: 16px; margin-bottom: 40px;\n}\n#zd-arch .za-card {\n  background: var(--za-white); border: 1.5px solid var(--za-border);\n  border-radius: 14px; padding: 22px 22px 20px;\n  display: flex; flex-direction: column; gap: 10px;\n  transition: all 0.25s; position: relative; overflow: hidden;\n}\n#zd-arch .za-card::before {\n  content: ''; position: absolute; top: 0; left: 0; right: 0; height: 3px;\n  background: linear-gradient(90deg, var(--za-blue), var(--za-sky));\n  transform: scaleX(0); transform-origin: left; transition: transform 0.3s;\n}\n#zd-arch .za-card:hover { border-color: var(--za-blue); box-shadow: 0 6px 20px rgba(26,86,219,0.08); }\n#zd-arch .za-card:hover::before { transform: scaleX(1); }\n\n#zd-arch .za-card-icon {\n  width: 38px; height: 38px; border-radius: 9px; background: #eff4ff;\n  display: flex; align-items: center; justify-content: center;\n  font-size: 1rem; flex-shrink: 0;\n}\n#zd-arch .za-card-title {\n  font-size: 0.88rem; font-weight: 600; color: var(--za-ink); letter-spacing: -0.01em;\n}\n#zd-arch .za-card-text {\n  font-size: 0.78rem; color: var(--za-gray); line-height: 1.6;\n}\n\n\/* \u2605 Business meaning *\/\n#zd-arch .za-card-meaning {\n  font-size: 0.75rem; color: var(--za-ink2);\n  background: var(--za-lgray); border-radius: 7px;\n  padding: 8px 10px; line-height: 1.5; margin-top: 2px;\n}\n#zd-arch .za-card-meaning strong { color: var(--za-blue); }\n\n#zd-arch .za-card-badge {\n  display: inline-block; align-self: flex-start;\n  font-size: 0.67rem; font-weight: 600;\n  text-transform: uppercase; letter-spacing: 0.08em;\n  padding: 3px 10px; border-radius: 100px;\n  background: #eff4ff; color: var(--za-blue);\n  border: 1px solid #c7d7fd; margin-top: 2px;\n}\n\n\/* \u2500\u2500 Tier clarity note \u2500\u2500 *\/\n#zd-arch .za-tier-note {\n  background: var(--za-white); border: 1.5px solid var(--za-border);\n  border-radius: 12px; padding: 16px 22px;\n  display: flex; align-items: center; gap: 12px;\n  font-size: 0.82rem; color: var(--za-ink2);\n  line-height: 1.5; margin-bottom: 28px;\n}\n#zd-arch .za-tier-note .za-tier-icon {\n  font-size: 1.2rem; flex-shrink: 0;\n}\n#zd-arch .za-tier-note strong { color: var(--za-blue); }\n\n\/* \u2500\u2500 Stat bar \u2500\u2500 *\/\n#zd-arch .za-statbar {\n  display: grid; grid-template-columns: repeat(4, 1fr);\n  background: var(--za-ink); border-radius: 16px; overflow: hidden;\n  border: 1.5px solid rgba(255,255,255,0.06);\n}\n#zd-arch .za-stat {\n  padding: 26px 20px; text-align: center;\n  border-right: 1px solid rgba(255,255,255,0.06);\n  transition: background 0.25s;\n}\n#zd-arch .za-stat:last-child { border-right: none; }\n#zd-arch .za-stat:hover { background: rgba(255,255,255,0.04); }\n#zd-arch .za-stat-val {\n  font-family: 'Fraunces', 'Georgia', serif;\n  font-size: 1.9rem; font-weight: 800; letter-spacing: -0.03em;\n  line-height: 1; color: #fff; margin-bottom: 6px;\n}\n#zd-arch .za-stat-val em { font-style: normal; color: var(--za-sky); }\n#zd-arch .za-stat-lbl { font-size: 0.75rem; color: rgba(255,255,255,0.4); font-weight: 400; }\n\n\/* \u2500\u2500 Scroll reveal \u2500\u2500 *\/\n#zd-arch .za-reveal {\n  opacity: 0; transform: translateY(22px);\n  transition: opacity 0.65s ease, transform 0.65s ease;\n}\n#zd-arch .za-reveal.za-visible { opacity: 1; transform: translateY(0); }\n\n\/* \u2500\u2500 Responsive \u2500\u2500 *\/\n@media (max-width: 860px) {\n  #zd-arch .za-flow { flex-direction: column; gap: 16px; }\n  #zd-arch .za-connector { flex-direction: row; flex: unset; transform: rotate(90deg); width: 60px; }\n  #zd-arch .za-cards { grid-template-columns: 1fr; }\n  #zd-arch .za-statbar { grid-template-columns: repeat(2, 1fr); }\n  #zd-arch .za-stat:nth-child(2) { border-right: none; }\n  #zd-arch .za-stat:nth-child(1),\n  #zd-arch .za-stat:nth-child(2) { border-bottom: 1px solid rgba(255,255,255,0.06); }\n}\n@media (max-width: 480px) {\n  #zd-arch { padding: 60px 5%; }\n  #zd-arch .za-statbar { grid-template-columns: 1fr 1fr; }\n}\n<\/style>\n\n<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Fraunces:ital,opsz,wght@0,9..144,600;0,9..144,800;1,9..144,800&family=Plus+Jakarta+Sans:wght@300;400;500;600&display=swap\" rel=\"stylesheet\">\n\n<div id=\"zd-arch\">\n  <div class=\"za-dots\"><\/div>\n  <div class=\"za-inner\">\n\n    <!-- Header -->\n    <div class=\"za-header za-reveal\">\n      <div class=\"za-label\">\u0391\u03c1\u03c7\u03b9\u03c4\u03b5\u03ba\u03c4\u03bf\u03bd\u03b9\u03ba\u03ae<\/div>\n      <h2 class=\"za-title\">\u03a4\u03c1\u03b9\u03c0\u03bb\u03ae \u03a0\u03c1\u03bf\u03c3\u03c4\u03b1\u03c3\u03af\u03b1<br>\u03c3\u03b5 \u03a0\u03c1\u03b1\u03b3\u03bc\u03b1\u03c4\u03b9\u03ba\u03cc \u03a7\u03c1\u03cc\u03bd\u03bf<\/h2>\n      <p class=\"za-sub\">\u039a\u03ac\u03b8\u03b5 \u03b1\u03bb\u03bb\u03b1\u03b3\u03ae \u03c3\u03c4\u03bf site \u03c3\u03b1\u03c2 \u03b1\u03bd\u03c4\u03b9\u03b3\u03c1\u03ac\u03c6\u03b5\u03c4\u03b1\u03b9 \u03b1\u03c5\u03c4\u03cc\u03bc\u03b1\u03c4\u03b1 \u03c3\u03b5 \u03b5\u03c6\u03b5\u03b4\u03c1\u03b9\u03ba\u03cc server \u03bc\u03ad\u03c3\u03b1 \u03c3\u03b5 \u03b4\u03b5\u03c5\u03c4\u03b5\u03c1\u03cc\u03bb\u03b5\u03c0\u03c4\u03b1.<\/p>\n    <\/div>\n\n    <!-- \u2605 Tier clarity note -->\n    <div class=\"za-tier-note za-reveal\">\n      <span class=\"za-tier-icon\">\u2139\ufe0f<\/span>\n      <span>\n        \u03a4\u03bf <strong>Business plan<\/strong> \u03c0\u03b5\u03c1\u03b9\u03bb\u03b1\u03bc\u03b2\u03ac\u03bd\u03b5\u03b9 <strong>Automatic Failover < 1 \u03bb\u03b5\u03c0\u03c4\u03cc<\/strong>.\n        \u03a4\u03bf Basic plan \u03c0\u03b5\u03c1\u03b9\u03bb\u03b1\u03bc\u03b2\u03ac\u03bd\u03b5\u03b9 Assisted Failover \u03bc\u03b5 SLA < 2 \u03ce\u03c1\u03b5\u03c2 \u03b1\u03c0\u03cc \u03c4\u03b7\u03bd \u03bf\u03bc\u03ac\u03b4\u03b1 \u03bc\u03b1\u03c2.\n        \u03a3\u03b5 \u03ba\u03ac\u03b8\u03b5 \u03c0\u03b5\u03c1\u03af\u03c0\u03c4\u03c9\u03c3\u03b7, <strong>0 \u03b1\u03c0\u03ce\u03bb\u03b5\u03b9\u03b1 \u03b4\u03b5\u03b4\u03bf\u03bc\u03ad\u03bd\u03c9\u03bd<\/strong>.\n      <\/span>\n    <\/div>\n\n    <!-- Flow diagram -->\n    <div class=\"za-flow za-reveal\">\n\n      <div class=\"za-node\">\n        <span class=\"za-node-tag zt-blue\">Active<\/span>\n        <div class=\"za-node-icon ni-blue\">\ud83d\udda5\ufe0f<\/div>\n        <div class=\"za-node-title\">Production Server<\/div>\n        <div class=\"za-node-sub\">\u0395\u03b4\u03ce \u03c4\u03c1\u03ad\u03c7\u03bf\u03c5\u03bd<br>\u03c4\u03b1 sites \u03c3\u03b1\u03c2<\/div>\n      <\/div>\n\n      <div class=\"za-connector\">\n        <div class=\"za-conn-line\"><\/div>\n        <div class=\"za-conn-l1\">DB Real-time<\/div>\n        <div class=\"za-conn-l2\">+ Files \/ 15 \u03bb\u03b5\u03c0\u03c4\u03ac<\/div>\n      <\/div>\n\n      <div class=\"za-node\">\n        <span class=\"za-node-tag zt-sky\">Passive<\/span>\n        <div class=\"za-node-icon ni-sky\">\ud83d\udd04<\/div>\n        <div class=\"za-node-title\">Clone Server<\/div>\n        <div class=\"za-node-sub\">\u0395\u03c6\u03b5\u03b4\u03c1\u03b9\u03ba\u03cc\u03c2<br>\u03c0\u03ac\u03bd\u03c4\u03b1 \u03ad\u03c4\u03bf\u03b9\u03bc\u03bf\u03c2<\/div>\n        <!-- \u2605 Failover time badge -->\n        <div class=\"za-node-failover\">Failover < 10 \u03bb\u03b5\u03c0\u03c4\u03ac<\/div>\n      <\/div>\n\n      <div class=\"za-connector\">\n        <div class=\"za-conn-line\"><\/div>\n        <div class=\"za-conn-l1\">Backup<\/div>\n        <div class=\"za-conn-l2\">\u039a\u03ac\u03b8\u03b5 12 \u03ce\u03c1\u03b5\u03c2<\/div>\n      <\/div>\n\n      <div class=\"za-node\">\n        <span class=\"za-node-tag zt-green\">Backup<\/span>\n        <div class=\"za-node-icon ni-green\">\ud83d\udcbe<\/div>\n        <div class=\"za-node-title\">Backup Server<\/div>\n        <div class=\"za-node-sub\">7 \u03b7\u03bc\u03ad\u03c1\u03b5\u03c2<br>\u03b9\u03c3\u03c4\u03bf\u03c1\u03b9\u03ba\u03cc<\/div>\n      <\/div>\n\n    <\/div>\n\n    <!-- Info cards \u03bc\u03b5 business meaning -->\n    <div class=\"za-cards za-reveal\">\n\n      <div class=\"za-card\">\n        <div class=\"za-card-icon\">\u26a1<\/div>\n        <div class=\"za-card-title\">MariaDB Real-Time Replication<\/div>\n        <div class=\"za-card-text\">\u039a\u03ac\u03b8\u03b5 \u03b1\u03bb\u03bb\u03b1\u03b3\u03ae \u03c3\u03c4\u03b7 \u03b2\u03ac\u03c3\u03b7 \u03b1\u03bd\u03c4\u03b9\u03b3\u03c1\u03ac\u03c6\u03b5\u03c4\u03b1\u03b9 \u03c3\u03c4\u03bf\u03bd Clone \u03c3\u03b5 \u03b4\u03b5\u03c5\u03c4\u03b5\u03c1\u03cc\u03bb\u03b5\u03c0\u03c4\u03b1 \u03bc\u03b5 GTID-based replication. Lag <15 \u03b4\u03b5\u03c5\u03c4\u03b5\u03c1\u03cc\u03bb\u03b5\u03c0\u03c4\u03b1.<\/div>\n        <!-- \u2605 Business meaning -->\n        <div class=\"za-card-meaning\">\n          <strong>\u03a4\u03b9 \u03c3\u03b7\u03bc\u03b1\u03af\u03bd\u03b5\u03b9 \u03b3\u03b9\u03b1 \u03b5\u03c3\u03ac\u03c2:<\/strong> \u0391\u03bd \u03bf server \u03c7\u03b1\u03bb\u03ac\u03c3\u03b5\u03b9 \u03c4\u03ce\u03c1\u03b1, \u03c7\u03ac\u03bd\u03b5\u03c4\u03b5 \u03c4\u03bf \u03c0\u03bf\u03bb\u03cd 15 \u03b4\u03b5\u03c5\u03c4\u03b5\u03c1\u03cc\u03bb\u03b5\u03c0\u03c4\u03b1 \u03b4\u03b5\u03b4\u03bf\u03bc\u03ad\u03bd\u03c9\u03bd \u2014 \u03bf\u03c5\u03c3\u03b9\u03b1\u03c3\u03c4\u03b9\u03ba\u03ac \u03bc\u03b7\u03b4\u03ad\u03bd.\n        <\/div>\n        <span class=\"za-card-badge\">Real-time DB Sync<\/span>\n      <\/div>\n\n      <div class=\"za-card\">\n        <div class=\"za-card-icon\">\ud83d\udd01<\/div>\n        <div class=\"za-card-title\">\u0391\u03c5\u03c4\u03cc\u03bc\u03b1\u03c4\u03bf\u03c2 \u03a3\u03c5\u03b3\u03c7\u03c1\u03bf\u03bd\u03b9\u03c3\u03bc\u03cc\u03c2 \u0391\u03c1\u03c7\u03b5\u03af\u03c9\u03bd<\/div>\n        <div class=\"za-card-text\">Rsync \u03ba\u03ac\u03b8\u03b5 15 \u03bb\u03b5\u03c0\u03c4\u03ac \u03bc\u03b5\u03c4\u03b1\u03c6\u03ad\u03c1\u03b5\u03b9 uploads, \u03b8\u03ad\u03bc\u03b1\u03c4\u03b1 \u03ba\u03b1\u03b9 plugins \u03c3\u03c4\u03bf\u03bd \u03b5\u03c6\u03b5\u03b4\u03c1\u03b9\u03ba\u03cc server \u03b1\u03c5\u03c4\u03cc\u03bc\u03b1\u03c4\u03b1.<\/div>\n        <!-- \u2605 Business meaning -->\n        <div class=\"za-card-meaning\">\n          <strong>\u03a4\u03b9 \u03c3\u03b7\u03bc\u03b1\u03af\u03bd\u03b5\u03b9 \u03b3\u03b9\u03b1 \u03b5\u03c3\u03ac\u03c2:<\/strong> \u03a6\u03c9\u03c4\u03bf\u03b3\u03c1\u03b1\u03c6\u03af\u03b5\u03c2, \u03b1\u03c1\u03c7\u03b5\u03af\u03b1 \u03ba\u03b1\u03b9 \u03b5\u03bd\u03b7\u03bc\u03b5\u03c1\u03ce\u03c3\u03b5\u03b9\u03c2 site \u03bc\u03b5\u03c4\u03b1\u03c6\u03ad\u03c1\u03bf\u03bd\u03c4\u03b1\u03b9 \u03b1\u03c5\u03c4\u03cc\u03bc\u03b1\u03c4\u03b1 \u2014 \u03c7\u03c9\u03c1\u03af\u03c2 \u03bd\u03b1 \u03ba\u03ac\u03bd\u03b5\u03c4\u03b5 \u03c4\u03af\u03c0\u03bf\u03c4\u03b1.\n        <\/div>\n        <span class=\"za-card-badge\">File Sync \/ 15 min<\/span>\n      <\/div>\n\n      <div class=\"za-card\">\n        <div class=\"za-card-icon\">\u23f1\ufe0f<\/div>\n        <div class=\"za-card-title\">Point-in-Time Recovery<\/div>\n        <div class=\"za-card-text\">\u039c\u03b5 Binary Logs 7 \u03b7\u03bc\u03b5\u03c1\u03ce\u03bd \u03b5\u03c0\u03b1\u03bd\u03b1\u03c6\u03ad\u03c1\u03bf\u03c5\u03bc\u03b5 \u03c4\u03b7 \u03b2\u03ac\u03c3\u03b7 \u03c3\u03b5 \u03bf\u03c0\u03bf\u03b9\u03bf\u03b4\u03ae\u03c0\u03bf\u03c4\u03b5 \u03b4\u03b5\u03c5\u03c4\u03b5\u03c1\u03cc\u03bb\u03b5\u03c0\u03c4\u03bf \u03c4\u03c9\u03bd \u03c4\u03b5\u03bb\u03b5\u03c5\u03c4\u03b1\u03af\u03c9\u03bd 7 \u03b7\u03bc\u03b5\u03c1\u03ce\u03bd.<\/div>\n        <!-- \u2605 Business meaning -->\n        <div class=\"za-card-meaning\">\n          <strong>\u03a4\u03b9 \u03c3\u03b7\u03bc\u03b1\u03af\u03bd\u03b5\u03b9 \u03b3\u03b9\u03b1 \u03b5\u03c3\u03ac\u03c2:<\/strong> \u039a\u03ac\u03c0\u03bf\u03b9\u03bf\u03c2 \u03b4\u03b9\u03ad\u03b3\u03c1\u03b1\u03c8\u03b5 \u03ba\u03b1\u03c4\u03ac \u03bb\u03ac\u03b8\u03bf\u03c2 500 \u03c0\u03c1\u03bf\u03ca\u03cc\u03bd\u03c4\u03b1; \u03a4\u03b1 \u03b5\u03c0\u03b1\u03bd\u03b1\u03c6\u03ad\u03c1\u03bf\u03c5\u03bc\u03b5 \u03c3\u03c4\u03bf \u03b4\u03b5\u03c5\u03c4\u03b5\u03c1\u03cc\u03bb\u03b5\u03c0\u03c4\u03bf \u03c0\u03c1\u03b9\u03bd \u03c3\u03c5\u03bc\u03b2\u03b5\u03af.\n        <\/div>\n        <span class=\"za-card-badge\">7 \u03b7\u03bc\u03ad\u03c1\u03b5\u03c2 PITR<\/span>\n      <\/div>\n\n    <\/div>\n\n    <!-- Stat bar -->\n    <div class=\"za-statbar za-reveal\">\n      <div class=\"za-stat\">\n        <div class=\"za-stat-val\">99.9<em>%<\/em><\/div>\n        <div class=\"za-stat-lbl\">Guaranteed Uptime<\/div>\n      <\/div>\n      <div class=\"za-stat\">\n        <div class=\"za-stat-val\"><<em>10<\/em>\u03bb\u03b5\u03c0.<\/div>\n        <div class=\"za-stat-lbl\">Failover \u03c3\u03b5 \u03b2\u03bb\u03ac\u03b2\u03b7<\/div>\n      <\/div>\n      <div class=\"za-stat\">\n        <div class=\"za-stat-val\"><em>15<\/em>\u2032<\/div>\n        <div class=\"za-stat-lbl\">File Sync \u03a3\u03c5\u03c7\u03bd\u03cc\u03c4\u03b7\u03c4\u03b1<\/div>\n      <\/div>\n      <div class=\"za-stat\">\n        <div class=\"za-stat-val\"><em>7<\/em><\/div>\n        <div class=\"za-stat-lbl\">\u0397\u03bc\u03ad\u03c1\u03b5\u03c2 Recovery<\/div>\n      <\/div>\n    <\/div>\n\n  <\/div>\n<\/div>\n\n<script>\n(function(){\n  var obs = new IntersectionObserver(function(entries){\n    entries.forEach(function(e, i){\n      if(e.isIntersecting){\n        setTimeout(function(){ e.target.classList.add('za-visible'); }, i * 100);\n        obs.unobserve(e.target);\n      }\n    });\n  }, { threshold: 0.1 });\n  document.querySelectorAll('#zd-arch .za-reveal').forEach(function(el){\n    obs.observe(el);\n  });\n})();\n<\/script><style>\n\/* \u2500\u2500 Scoped to #zd-layers \u2500\u2500 *\/\n#zd-layers {\n  --zl-ink:    #0f1c2e;\n  --zl-ink2:   #2d4263;\n  --zl-blue:   #1a56db;\n  --zl-sky:    #0ea5e9;\n  --zl-white:  #ffffff;\n  --zl-border: #dde4f0;\n  --zl-gray:   #6b7b96;\n  --zl-lgray:  #f0f4fa;\n  --zl-mist:   #eef2f8;\n\n  font-family: 'Plus Jakarta Sans', sans-serif;\n  background: var(--zl-white);\n  color: var(--zl-ink);\n  box-sizing: border-box;\n  padding: 90px 6%;\n  position: relative;\n  overflow: hidden;\n}\n\n#zd-layers *, #zd-layers *::before, #zd-layers *::after {\n  box-sizing: border-box; margin: 0; padding: 0;\n}\n\n#zd-layers .zl-inner {\n  max-width: 1100px; margin: 0 auto;\n}\n\n\/* \u2500\u2500 Header \u2500\u2500 *\/\n#zd-layers .zl-header {\n  text-align: center; margin-bottom: 60px;\n}\n#zd-layers .zl-label {\n  display: inline-block;\n  font-size: 0.72rem; font-weight: 600;\n  text-transform: uppercase; letter-spacing: 0.14em;\n  color: var(--zl-blue);\n  background: #eff4ff; border: 1px solid #c7d7fd;\n  padding: 5px 16px; border-radius: 100px;\n  margin-bottom: 14px;\n}\n#zd-layers .zl-title {\n  font-family: 'Fraunces', 'Georgia', serif;\n  font-size: clamp(1.9rem, 3.5vw, 2.9rem);\n  font-weight: 800; line-height: 1.1;\n  letter-spacing: -0.03em; color: var(--zl-ink);\n  margin-bottom: 14px;\n}\n#zd-layers .zl-sub {\n  font-size: 1rem; color: var(--zl-gray);\n  font-weight: 300; max-width: 480px;\n  margin: 0 auto; line-height: 1.75;\n}\n\n\/* \u2500\u2500 Layout: sidebar + content \u2500\u2500 *\/\n#zd-layers .zl-layout {\n  display: grid;\n  grid-template-columns: 280px 1fr;\n  gap: 40px;\n  align-items: start;\n}\n\n\/* \u2500\u2500 Sidebar buttons \u2500\u2500 *\/\n#zd-layers .zl-sidebar {\n  position: sticky; top: 90px;\n  display: flex; flex-direction: column; gap: 8px;\n}\n\n#zd-layers .zl-btn {\n  display: flex; align-items: center; gap: 14px;\n  padding: 14px 18px; border-radius: 12px;\n  cursor: pointer;\n  border: 1.5px solid transparent;\n  background: transparent;\n  text-align: left; width: 100%;\n  transition: all 0.22s;\n  font-family: 'Plus Jakarta Sans', sans-serif;\n}\n#zd-layers .zl-btn:hover {\n  background: var(--zl-lgray);\n  border-color: var(--zl-border);\n}\n#zd-layers .zl-btn.active {\n  background: var(--zl-lgray);\n  border-color: var(--zl-border);\n  box-shadow: 0 2px 12px rgba(15,28,46,0.06);\n}\n#zd-layers .zl-btn-num {\n  font-family: 'Fraunces', 'Georgia', serif;\n  font-size: 1rem; font-weight: 800;\n  color: var(--zl-gray); flex-shrink: 0;\n  width: 28px; letter-spacing: -0.02em;\n  transition: color 0.22s;\n}\n#zd-layers .zl-btn.active .zl-btn-num { color: var(--zl-blue); }\n\n#zd-layers .zl-btn-text strong {\n  display: block; font-size: 0.88rem; font-weight: 600;\n  color: var(--zl-ink); margin-bottom: 2px;\n  transition: color 0.22s;\n}\n#zd-layers .zl-btn.active .zl-btn-text strong { color: var(--zl-blue); }\n#zd-layers .zl-btn-text span {\n  font-size: 0.73rem; color: var(--zl-gray);\n}\n\n\/* Active indicator bar *\/\n#zd-layers .zl-btn.active {\n  position: relative;\n}\n#zd-layers .zl-btn.active::before {\n  content: '';\n  position: absolute; left: 0; top: 20%; bottom: 20%;\n  width: 3px; border-radius: 100px;\n  background: var(--zl-blue);\n}\n\n\/* \u2500\u2500 Content panels \u2500\u2500 *\/\n#zd-layers .zl-content { }\n\n#zd-layers .zl-panel {\n  display: none;\n  animation: zlFadeIn 0.4s ease;\n}\n#zd-layers .zl-panel.active { display: block; }\n\n@keyframes zlFadeIn {\n  from { opacity: 0; transform: translateY(12px); }\n  to   { opacity: 1; transform: translateY(0); }\n}\n\n#zd-layers .zl-card {\n  background: var(--zl-lgray);\n  border: 1.5px solid var(--zl-border);\n  border-radius: 20px;\n  padding: 40px 36px;\n}\n\n#zd-layers .zl-card-top {\n  display: flex; align-items: flex-start;\n  justify-content: space-between;\n  margin-bottom: 20px;\n  gap: 16px;\n}\n#zd-layers .zl-card-icon {\n  width: 60px; height: 60px; border-radius: 16px;\n  display: flex; align-items: center; justify-content: center;\n  font-size: 1.7rem; flex-shrink: 0;\n  box-shadow: 0 4px 14px rgba(15,28,46,0.07);\n}\n#zd-layers .zl-card-num {\n  font-family: 'Fraunces', 'Georgia', serif;\n  font-size: 4rem; font-weight: 800;\n  letter-spacing: -0.05em; line-height: 1;\n  color: rgba(26,86,219,0.1);\n}\n\n#zd-layers .zl-card-title {\n  font-family: 'Fraunces', 'Georgia', serif;\n  font-size: 1.6rem; font-weight: 800;\n  letter-spacing: -0.03em;\n  color: var(--zl-ink); margin-bottom: 12px;\n  line-height: 1.1;\n}\n#zd-layers .zl-card-desc {\n  font-size: 0.95rem; color: var(--zl-gray);\n  line-height: 1.8; margin-bottom: 24px;\n}\n\n#zd-layers .zl-points {\n  list-style: none;\n  display: flex; flex-direction: column; gap: 10px;\n  margin-bottom: 26px;\n}\n#zd-layers .zl-points li {\n  display: flex; align-items: flex-start; gap: 10px;\n  font-size: 0.88rem; color: var(--zl-ink2); line-height: 1.5;\n}\n#zd-layers .zl-points li::before {\n  content: '\u2713';\n  color: var(--zl-blue); font-weight: 700;\n  flex-shrink: 0; margin-top: 1px;\n}\n\n#zd-layers .zl-badge {\n  display: inline-block;\n  font-size: 0.7rem; font-weight: 600;\n  text-transform: uppercase; letter-spacing: 0.1em;\n  padding: 6px 14px; border-radius: 100px;\n  background: #eff4ff; color: var(--zl-blue);\n  border: 1px solid #c7d7fd;\n}\n\n\/* \u2500\u2500 Mini progress bar inside card \u2500\u2500 *\/\n#zd-layers .zl-meter {\n  margin-top: 20px; padding-top: 20px;\n  border-top: 1px solid var(--zl-border);\n}\n#zd-layers .zl-meter-row {\n  display: flex; justify-content: space-between;\n  font-size: 0.73rem; color: var(--zl-gray); margin-bottom: 6px;\n}\n#zd-layers .zl-meter-row strong { color: var(--zl-ink); }\n#zd-layers .zl-bar {\n  height: 5px; background: var(--zl-border);\n  border-radius: 100px; overflow: hidden;\n}\n#zd-layers .zl-bar-fill {\n  height: 100%; border-radius: 100px;\n  background: linear-gradient(90deg, var(--zl-blue), var(--zl-sky));\n  transition: width 0.8s ease;\n}\n\n\/* \u2500\u2500 Scroll reveal \u2500\u2500 *\/\n#zd-layers .zl-reveal {\n  opacity: 0; transform: translateY(22px);\n  transition: opacity 0.65s ease, transform 0.65s ease;\n}\n#zd-layers .zl-reveal.zl-visible {\n  opacity: 1; transform: translateY(0);\n}\n\n\/* \u2500\u2500 Responsive \u2500\u2500 *\/\n@media (max-width: 860px) {\n  #zd-layers .zl-layout {\n    grid-template-columns: 1fr;\n    gap: 24px;\n  }\n  #zd-layers .zl-sidebar {\n    position: static;\n    flex-direction: row; flex-wrap: wrap;\n    gap: 8px;\n  }\n  #zd-layers .zl-btn {\n    flex: 0 0 auto; padding: 10px 16px;\n    border: 1.5px solid var(--zl-border);\n    background: var(--zl-white);\n  }\n  #zd-layers .zl-btn.active { background: var(--zl-lgray); }\n  #zd-layers .zl-btn::before { display: none; }\n  #zd-layers .zl-btn-text span { display: none; }\n  #zd-layers .zl-card { padding: 28px 22px; }\n  #zd-layers .zl-card-num { font-size: 2.8rem; }\n}\n@media (max-width: 480px) {\n  #zd-layers { padding: 60px 5%; }\n  #zd-layers .zl-btn { padding: 9px 12px; }\n  #zd-layers .zl-btn-text strong { font-size: 0.8rem; }\n}\n<\/style>\n\n<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Fraunces:ital,opsz,wght@0,9..144,600;0,9..144,800;1,9..144,800&family=Plus+Jakarta+Sans:wght@300;400;500;600&display=swap\" rel=\"stylesheet\">\n\n<div id=\"zd-layers\">\n  <div class=\"zl-inner\">\n\n    <!-- Header -->\n    <div class=\"zl-header zl-reveal\">\n      <div class=\"zl-label\">\u0395\u03c0\u03af\u03c0\u03b5\u03b4\u03b1 \u03a0\u03c1\u03bf\u03c3\u03c4\u03b1\u03c3\u03af\u03b1\u03c2<\/div>\n      <h2 class=\"zl-title\">\u03a4\u03ad\u03c3\u03c3\u03b5\u03c1\u03b1 \u0395\u03c0\u03af\u03c0\u03b5\u03b4\u03b1.<br>\u039c\u03b7\u03b4\u03b5\u03bd\u03b9\u03ba\u03cc \u03a1\u03af\u03c3\u03ba\u03bf.<\/h2>\n      <p class=\"zl-sub\">\u039a\u03ac\u03b8\u03b5 \u03b5\u03c0\u03af\u03c0\u03b5\u03b4\u03bf \u03ba\u03b1\u03bb\u03cd\u03c0\u03c4\u03b5\u03b9 \u03b4\u03b9\u03b1\u03c6\u03bf\u03c1\u03b5\u03c4\u03b9\u03ba\u03cc \u03c3\u03b5\u03bd\u03ac\u03c1\u03b9\u03bf \u03b2\u03bb\u03ac\u03b2\u03b7\u03c2 \u2014 \u03bc\u03b1\u03b6\u03af \u03b4\u03b5\u03bd \u03b1\u03c6\u03ae\u03bd\u03bf\u03c5\u03bd \u03ba\u03b1\u03bd\u03ad\u03bd\u03b1 \u03ba\u03b5\u03bd\u03cc.<\/p>\n    <\/div>\n\n    <!-- Layout -->\n    <div class=\"zl-layout zl-reveal\">\n\n      <!-- Sidebar -->\n      <div class=\"zl-sidebar\">\n        <button class=\"zl-btn active\" onclick=\"zlShow(0, this)\">\n          <span class=\"zl-btn-num\">01<\/span>\n          <div class=\"zl-btn-text\">\n            <strong>RAID \u0394\u03af\u03c3\u03ba\u03bf\u03b9<\/strong>\n            <span>Hardware fault tolerance<\/span>\n          <\/div>\n        <\/button>\n        <button class=\"zl-btn\" onclick=\"zlShow(1, this)\">\n          <span class=\"zl-btn-num\">02<\/span>\n          <div class=\"zl-btn-text\">\n            <strong>Real-Time Clone<\/strong>\n            <span>Server fault tolerance<\/span>\n          <\/div>\n        <\/button>\n        <button class=\"zl-btn\" onclick=\"zlShow(2, this)\">\n          <span class=\"zl-btn-num\">03<\/span>\n          <div class=\"zl-btn-text\">\n            <strong>\u039a\u03b1\u03b8\u03b7\u03bc\u03b5\u03c1\u03b9\u03bd\u03cc Backup<\/strong>\n            <span>Data protection<\/span>\n          <\/div>\n        <\/button>\n        <button class=\"zl-btn\" onclick=\"zlShow(3, this)\">\n          <span class=\"zl-btn-num\">04<\/span>\n          <div class=\"zl-btn-text\">\n            <strong>Point-in-Time Recovery<\/strong>\n            <span>Granular recovery<\/span>\n          <\/div>\n        <\/button>\n      <\/div>\n\n      <!-- Panels -->\n      <div class=\"zl-content\">\n\n        <!-- Panel 0: RAID -->\n        <div class=\"zl-panel active\" id=\"zl-panel-0\">\n          <div class=\"zl-card\">\n            <div class=\"zl-card-top\">\n              <div class=\"zl-card-icon\" style=\"background:#eff4ff\">\ud83d\udcbf<\/div>\n              <div class=\"zl-card-num\">01<\/div>\n            <\/div>\n            <div class=\"zl-card-title\">RAID \u0394\u03af\u03c3\u03ba\u03bf\u03b9<\/div>\n            <p class=\"zl-card-desc\">\u039f\u03b9 \u03b4\u03af\u03c3\u03ba\u03bf\u03b9 \u03c4\u03bf\u03c5 server \u03bb\u03b5\u03b9\u03c4\u03bf\u03c5\u03c1\u03b3\u03bf\u03cd\u03bd \u03c3\u03b5 RAID \u03b4\u03b9\u03ac\u03c4\u03b1\u03be\u03b7. \u0391\u03bd \u03c7\u03b1\u03bb\u03ac\u03c3\u03b5\u03b9 \u03ad\u03bd\u03b1\u03c2 \u03b4\u03af\u03c3\u03ba\u03bf\u03c2, \u03bf server \u03c3\u03c5\u03bd\u03b5\u03c7\u03af\u03b6\u03b5\u03b9 \u03c7\u03c9\u03c1\u03af\u03c2 \u03ba\u03b1\u03bc\u03af\u03b1 \u03b4\u03b9\u03b1\u03ba\u03bf\u03c0\u03ae \u2014 \u03bf\u03b9 \u03b5\u03c0\u03b9\u03c3\u03ba\u03ad\u03c0\u03c4\u03b5\u03c2 \u03c3\u03b1\u03c2 \u03b4\u03b5\u03bd \u03b1\u03bd\u03c4\u03b9\u03bb\u03b1\u03bc\u03b2\u03ac\u03bd\u03bf\u03bd\u03c4\u03b1\u03b9 \u03c4\u03af\u03c0\u03bf\u03c4\u03b1.<\/p>\n            <ul class=\"zl-points\">\n              <li>\u039c\u03b7\u03b4\u03b5\u03bd\u03b9\u03ba\u03ae \u03b4\u03b9\u03b1\u03ba\u03bf\u03c0\u03ae \u03c3\u03b5 \u03b1\u03c0\u03bf\u03c4\u03c5\u03c7\u03af\u03b1 \u03b4\u03af\u03c3\u03ba\u03bf\u03c5<\/li>\n              <li>\u0391\u03c5\u03c4\u03cc\u03bc\u03b1\u03c4\u03b7 \u03b1\u03bd\u03b1\u03ba\u03b1\u03c4\u03b1\u03bd\u03bf\u03bc\u03ae \u03b4\u03b5\u03b4\u03bf\u03bc\u03ad\u03bd\u03c9\u03bd \u03b1\u03c0\u03cc \u03c4\u03bf RAID controller<\/li>\n              <li>\u0386\u03bc\u03b5\u03c3\u03bf alert \u03b3\u03b9\u03b1 \u03b1\u03bd\u03c4\u03b9\u03ba\u03b1\u03c4\u03ac\u03c3\u03c4\u03b1\u03c3\u03b7 \u03c4\u03bf\u03c5 \u03b5\u03bb\u03b1\u03c4\u03c4\u03c9\u03bc\u03b1\u03c4\u03b9\u03ba\u03bf\u03cd \u03b4\u03af\u03c3\u03ba\u03bf\u03c5<\/li>\n            <\/ul>\n            <span class=\"zl-badge\">Hardware Fault Tolerance<\/span>\n            <div class=\"zl-meter\">\n              <div class=\"zl-meter-row\"><span>\u03a0\u03c1\u03bf\u03c3\u03c4\u03b1\u03c3\u03af\u03b1 \u03b1\u03c0\u03cc Disk Failure<\/span><strong>100%<\/strong><\/div>\n              <div class=\"zl-bar\"><div class=\"zl-bar-fill\" style=\"width:100%\"><\/div><\/div>\n            <\/div>\n          <\/div>\n        <\/div>\n\n        <!-- Panel 1: Clone -->\n        <div class=\"zl-panel\" id=\"zl-panel-1\">\n          <div class=\"zl-card\">\n            <div class=\"zl-card-top\">\n              <div class=\"zl-card-icon\" style=\"background:#e0f2fe\">\ud83d\udd04<\/div>\n              <div class=\"zl-card-num\">02<\/div>\n            <\/div>\n            <div class=\"zl-card-title\">Real-Time Clone Server<\/div>\n            <p class=\"zl-card-desc\">\u0395\u03c6\u03b5\u03b4\u03c1\u03b9\u03ba\u03cc\u03c2 server \u03bb\u03b1\u03bc\u03b2\u03ac\u03bd\u03b5\u03b9 \u03b1\u03bd\u03c4\u03af\u03b3\u03c1\u03b1\u03c6\u03bf \u03c4\u03b7\u03c2 \u03b2\u03ac\u03c3\u03b7\u03c2 \u03c3\u03b5 \u03c0\u03c1\u03b1\u03b3\u03bc\u03b1\u03c4\u03b9\u03ba\u03cc \u03c7\u03c1\u03cc\u03bd\u03bf (lag <15 \u03b4\u03b5\u03c5\u03c4\u03b5\u03c1\u03cc\u03bb\u03b5\u03c0\u03c4\u03b1) \u03ba\u03b1\u03b9 \u03c4\u03c9\u03bd \u03b1\u03c1\u03c7\u03b5\u03af\u03c9\u03bd \u03ba\u03ac\u03b8\u03b5 15 \u03bb\u03b5\u03c0\u03c4\u03ac. \u03a3\u03b5 \u03b2\u03bb\u03ac\u03b2\u03b7 \u03c4\u03bf\u03c5 production, \u03b1\u03bd\u03b1\u03bb\u03b1\u03bc\u03b2\u03ac\u03bd\u03b5\u03b9 \u03ac\u03bc\u03b5\u03c3\u03b1.<\/p>\n            <ul class=\"zl-points\">\n              <li>DB replication lag <15 \u03b4\u03b5\u03c5\u03c4\u03b5\u03c1\u03cc\u03bb\u03b5\u03c0\u03c4\u03b1 \u03c3\u03b5 \u03ba\u03b1\u03bd\u03bf\u03bd\u03b9\u03ba\u03ae \u03bb\u03b5\u03b9\u03c4\u03bf\u03c5\u03c1\u03b3\u03af\u03b1<\/li>\n              <li>\u0391\u03c1\u03c7\u03b5\u03af\u03b1 \u03c3\u03c5\u03b3\u03c7\u03c1\u03bf\u03bd\u03b9\u03c3\u03bc\u03ad\u03bd\u03b1 \u03ba\u03ac\u03b8\u03b5 15 \u03bb\u03b5\u03c0\u03c4\u03ac \u03b1\u03c5\u03c4\u03cc\u03bc\u03b1\u03c4\u03b1<\/li>\n              <li>Failover \u03c3\u03b5 \u03bb\u03af\u03b3\u03b1 \u03bb\u03b5\u03c0\u03c4\u03ac \u03c7\u03c9\u03c1\u03af\u03c2 \u03b1\u03c0\u03ce\u03bb\u03b5\u03b9\u03b1 \u03b4\u03b5\u03b4\u03bf\u03bc\u03ad\u03bd\u03c9\u03bd<\/li>\n            <\/ul>\n            <span class=\"zl-badge\">Server Fault Tolerance<\/span>\n            <div class=\"zl-meter\">\n              <div class=\"zl-meter-row\"><span>DB Sync \u03ba\u03b1\u03c4\u03ac\u03c3\u03c4\u03b1\u03c3\u03b7<\/span><strong><15s lag<\/strong><\/div>\n              <div class=\"zl-bar\"><div class=\"zl-bar-fill\" style=\"width:98%\"><\/div><\/div>\n            <\/div>\n          <\/div>\n        <\/div>\n\n        <!-- Panel 2: Backup -->\n        <div class=\"zl-panel\" id=\"zl-panel-2\">\n          <div class=\"zl-card\">\n            <div class=\"zl-card-top\">\n              <div class=\"zl-card-icon\" style=\"background:#f0fdf4\">\ud83d\udcbe<\/div>\n              <div class=\"zl-card-num\">03<\/div>\n            <\/div>\n            <div class=\"zl-card-title\">\u039a\u03b1\u03b8\u03b7\u03bc\u03b5\u03c1\u03b9\u03bd\u03cc Backup<\/div>\n            <p class=\"zl-card-desc\">\u03a0\u03bb\u03ae\u03c1\u03b5\u03c2 \u03b1\u03bd\u03c4\u03af\u03b3\u03c1\u03b1\u03c6\u03bf \u03b1\u03c3\u03c6\u03b1\u03bb\u03b5\u03af\u03b1\u03c2 \u03ba\u03ac\u03b8\u03b5 12 \u03ce\u03c1\u03b5\u03c2 \u03c3\u03b5 \u03be\u03b5\u03c7\u03c9\u03c1\u03b9\u03c3\u03c4\u03cc server. \u0391\u03bd \u03ba\u03ac\u03c4\u03b9 \u03b4\u03b9\u03b1\u03b3\u03c1\u03b1\u03c6\u03b5\u03af \u03ba\u03b1\u03c4\u03ac \u03bb\u03ac\u03b8\u03bf\u03c2, \u03c4\u03bf \u03b5\u03c0\u03b1\u03bd\u03b1\u03c6\u03ad\u03c1\u03bf\u03c5\u03bc\u03b5 \u03ac\u03bc\u03b5\u03c3\u03b1 \u03b1\u03c0\u03cc \u03c4\u03bf \u03c0\u03b9\u03bf \u03c0\u03c1\u03cc\u03c3\u03c6\u03b1\u03c4\u03bf backup.<\/p>\n            <ul class=\"zl-points\">\n              <li>\u03a0\u03bb\u03ae\u03c1\u03b5\u03c2 backup \u03ba\u03ac\u03b8\u03b5 12 \u03ce\u03c1\u03b5\u03c2 \u03b1\u03c5\u03c4\u03cc\u03bc\u03b1\u03c4\u03b1<\/li>\n              <li>7 \u03b7\u03bc\u03ad\u03c1\u03b5\u03c2 \u03b9\u03c3\u03c4\u03bf\u03c1\u03b9\u03ba\u03cc backups \u03b4\u03b9\u03b1\u03b8\u03ad\u03c3\u03b9\u03bc\u03bf<\/li>\n              <li>\u0391\u03c0\u03bf\u03b8\u03ae\u03ba\u03b5\u03c5\u03c3\u03b7 \u03c3\u03b5 \u03b1\u03c0\u03bf\u03bc\u03b1\u03ba\u03c1\u03c5\u03c3\u03bc\u03ad\u03bd\u03bf \u03be\u03b5\u03c7\u03c9\u03c1\u03b9\u03c3\u03c4\u03cc server<\/li>\n            <\/ul>\n            <span class=\"zl-badge\">Data Protection<\/span>\n            <div class=\"zl-meter\">\n              <div class=\"zl-meter-row\"><span>\u039a\u03ac\u03bb\u03c5\u03c8\u03b7 \u03b9\u03c3\u03c4\u03bf\u03c1\u03b9\u03ba\u03bf\u03cd<\/span><strong>7 \u03b7\u03bc\u03ad\u03c1\u03b5\u03c2<\/strong><\/div>\n              <div class=\"zl-bar\"><div class=\"zl-bar-fill\" style=\"width:100%\"><\/div><\/div>\n            <\/div>\n          <\/div>\n        <\/div>\n\n        <!-- Panel 3: PITR -->\n        <div class=\"zl-panel\" id=\"zl-panel-3\">\n          <div class=\"zl-card\">\n            <div class=\"zl-card-top\">\n              <div class=\"zl-card-icon\" style=\"background:#fdf4ff\">\u23f1\ufe0f<\/div>\n              <div class=\"zl-card-num\">04<\/div>\n            <\/div>\n            <div class=\"zl-card-title\">Point-in-Time Recovery<\/div>\n            <p class=\"zl-card-desc\">\u039c\u03b5 Binary Logs 7 \u03b7\u03bc\u03b5\u03c1\u03ce\u03bd \u03bc\u03c0\u03bf\u03c1\u03bf\u03cd\u03bc\u03b5 \u03bd\u03b1 \u03b5\u03c0\u03b1\u03bd\u03b1\u03c6\u03ad\u03c1\u03bf\u03c5\u03bc\u03b5 \u03c4\u03b7 \u03b2\u03ac\u03c3\u03b7 \u03c3\u03b1\u03c2 \u03c3\u03b5 \u03bf\u03c0\u03bf\u03b9\u03bf\u03b4\u03ae\u03c0\u03bf\u03c4\u03b5 \u03b4\u03b5\u03c5\u03c4\u03b5\u03c1\u03cc\u03bb\u03b5\u03c0\u03c4\u03bf \u03c4\u03c9\u03bd \u03c4\u03b5\u03bb\u03b5\u03c5\u03c4\u03b1\u03af\u03c9\u03bd 7 \u03b7\u03bc\u03b5\u03c1\u03ce\u03bd \u2014 \u03b1\u03ba\u03cc\u03bc\u03b1 \u03ba\u03b1\u03b9 5 \u03bb\u03b5\u03c0\u03c4\u03ac \u03c0\u03c1\u03b9\u03bd \u03b1\u03c0\u03cc \u03bc\u03b9\u03b1 \u03bb\u03b1\u03bd\u03b8\u03b1\u03c3\u03bc\u03ad\u03bd\u03b7 \u03b5\u03bd\u03ad\u03c1\u03b3\u03b5\u03b9\u03b1.<\/p>\n            <ul class=\"zl-points\">\n              <li>\u0391\u03ba\u03c1\u03af\u03b2\u03b5\u03b9\u03b1 \u03b4\u03b5\u03c5\u03c4\u03b5\u03c1\u03bf\u03bb\u03ad\u03c0\u03c4\u03bf\u03c5 \u03c3\u03c4\u03b7\u03bd \u03b5\u03c0\u03b1\u03bd\u03b1\u03c6\u03bf\u03c1\u03ac<\/li>\n              <li>7 \u03b7\u03bc\u03ad\u03c1\u03b5\u03c2 \u03c0\u03bb\u03ae\u03c1\u03b5\u03c2 \u03c0\u03b1\u03c1\u03ac\u03b8\u03c5\u03c1\u03bf \u03b1\u03bd\u03ac\u03ba\u03c4\u03b7\u03c3\u03b7\u03c2<\/li>\n              <li>\u0395\u03c0\u03b1\u03bd\u03b1\u03c6\u03bf\u03c1\u03ac \u03c7\u03c9\u03c1\u03af\u03c2 \u03b1\u03c0\u03ce\u03bb\u03b5\u03b9\u03b1 \u03ac\u03bb\u03bb\u03c9\u03bd \u03b4\u03b5\u03b4\u03bf\u03bc\u03ad\u03bd\u03c9\u03bd<\/li>\n            <\/ul>\n            <span class=\"zl-badge\">Granular Recovery<\/span>\n            <div class=\"zl-meter\">\n              <div class=\"zl-meter-row\"><span>\u03a0\u03b1\u03c1\u03ac\u03b8\u03c5\u03c1\u03bf \u03b1\u03bd\u03ac\u03ba\u03c4\u03b7\u03c3\u03b7\u03c2<\/span><strong>7 \u03b7\u03bc\u03ad\u03c1\u03b5\u03c2 \u00d7 86.400 \u03b4\u03b5\u03c5\u03c4\u03b5\u03c1\u03cc\u03bb\u03b5\u03c0\u03c4\u03b1<\/strong><\/div>\n              <div class=\"zl-bar\"><div class=\"zl-bar-fill\" style=\"width:100%\"><\/div><\/div>\n            <\/div>\n          <\/div>\n        <\/div>\n\n      <\/div><!-- end zl-content -->\n    <\/div><!-- end zl-layout -->\n\n  <\/div><!-- end zl-inner -->\n<\/div><!-- end #zd-layers -->\n\n<script>\n(function(){\n  \/\/ Tab switching\n  window.zlShow = function(idx, btn) {\n    var panels = document.querySelectorAll('#zd-layers .zl-panel');\n    var btns   = document.querySelectorAll('#zd-layers .zl-btn');\n    panels.forEach(function(p){ p.classList.remove('active'); });\n    btns.forEach(function(b){ b.classList.remove('active'); });\n    document.getElementById('zl-panel-' + idx).classList.add('active');\n    btn.classList.add('active');\n  };\n\n  \/\/ Scroll reveal\n  var obs = new IntersectionObserver(function(entries){\n    entries.forEach(function(e, i){\n      if(e.isIntersecting){\n        setTimeout(function(){ e.target.classList.add('zl-visible'); }, i * 100);\n        obs.unobserve(e.target);\n      }\n    });\n  }, { threshold: 0.1 });\n  document.querySelectorAll('#zd-layers .zl-reveal').forEach(function(el){\n    obs.observe(el);\n  });\n})();\n<\/script><\/div><\/div><div class=\"fusion-layout-column fusion_builder_column fusion-builder-column-2 fusion_builder_column_1_1 1_1 fusion-flex-column\" style=\"--awb-bg-size:cover;--awb-width-large:100%;--awb-margin-top-large:0px;--awb-spacing-right-large:1.92%;--awb-margin-bottom-large:20px;--awb-spacing-left-large:1.92%;--awb-width-medium:100%;--awb-order-medium:0;--awb-spacing-right-medium:1.92%;--awb-spacing-left-medium:1.92%;--awb-width-small:100%;--awb-order-small:0;--awb-spacing-right-small:1.92%;--awb-spacing-left-small:1.92%;\"><div class=\"fusion-column-wrapper fusion-column-has-shadow fusion-flex-justify-content-flex-start fusion-content-layout-column\"><!-- ============================================================\n     Zero Downtime Protection \u2014 SCENARIOS SECTION (v2)\n     \u0391\u03bb\u03bb\u03b1\u03b3\u03ad\u03c2 vs v1:\n       \u2022 4\u03bf \u03c3\u03b5\u03bd\u03ac\u03c1\u03b9\u03bf: Hacking \/ Ransomware \/ Malware\n       \u2022 \"\u03a0\u03bf\u03b9\u03bf\u03c2 \u03c4\u03bf \u03ba\u03ac\u03bd\u03b5\u03b9\" note \u03c3\u03b5 \u03ba\u03ac\u03b8\u03b5 \u03c3\u03b5\u03bd\u03ac\u03c1\u03b9\u03bf\n       \u2022 Cost-of-downtime context chip\n     ============================================================ -->\n\n<style>\n\/* \u2500\u2500 Scoped to #zd-scenarios (\u03b1\u03c5\u03c4\u03bf\u03cd\u03c3\u03b9\u03bf + \u03c0\u03c1\u03bf\u03c3\u03b8\u03ae\u03ba\u03b5\u03c2) \u2500\u2500 *\/\n#zd-scenarios {\n  --zs-ink:    #0f1c2e;\n  --zs-ink2:   #2d4263;\n  --zs-blue:   #1a56db;\n  --zs-sky:    #0ea5e9;\n  --zs-white:  #ffffff;\n  --zs-cream:  #f7f4ef;\n  --zs-border: #dde4f0;\n  --zs-gray:   #6b7b96;\n  --zs-lgray:  #f0f4fa;\n  --zs-mist:   #eef2f8;\n  --zs-green:  #16a34a;\n  --zs-red:    #dc2626;\n\n  font-family: 'Plus Jakarta Sans', sans-serif;\n  background: var(--zs-mist);\n  color: var(--zs-ink);\n  box-sizing: border-box;\n  padding: 90px 6%;\n  position: relative; overflow: hidden;\n}\n\n#zd-scenarios *, #zd-scenarios *::before, #zd-scenarios *::after {\n  box-sizing: border-box; margin: 0; padding: 0;\n}\n\n#zd-scenarios .zs-dots {\n  position: absolute; inset: 0;\n  background-image: radial-gradient(var(--zs-border) 1.5px, transparent 1.5px);\n  background-size: 28px 28px;\n  opacity: 0.5; pointer-events: none; z-index: 0;\n}\n\n#zd-scenarios .zs-inner {\n  position: relative; z-index: 1;\n  max-width: 1100px; margin: 0 auto;\n}\n\n\/* Header *\/\n#zd-scenarios .zs-header { text-align: center; margin-bottom: 48px; }\n#zd-scenarios .zs-label {\n  display: inline-block; font-size: 0.72rem; font-weight: 600;\n  text-transform: uppercase; letter-spacing: 0.14em;\n  color: var(--zs-blue); background: #eff4ff; border: 1px solid #c7d7fd;\n  padding: 5px 16px; border-radius: 100px; margin-bottom: 14px;\n}\n#zd-scenarios .zs-title {\n  font-family: 'Fraunces', 'Georgia', serif;\n  font-size: clamp(1.9rem, 3.5vw, 2.9rem);\n  font-weight: 800; line-height: 1.1; letter-spacing: -0.03em;\n  color: var(--zs-ink); margin-bottom: 14px;\n}\n#zd-scenarios .zs-sub {\n  font-size: 1rem; color: var(--zs-gray);\n  font-weight: 300; max-width: 480px;\n  margin: 0 auto; line-height: 1.75;\n}\n\n\/* Tabs *\/\n#zd-scenarios .zs-tabs {\n  display: flex; gap: 8px; margin-bottom: 32px;\n  flex-wrap: wrap; justify-content: center;\n}\n#zd-scenarios .zs-tab {\n  font-family: 'Plus Jakarta Sans', sans-serif;\n  font-size: 0.87rem; font-weight: 500;\n  padding: 10px 22px; border-radius: 100px; cursor: pointer;\n  border: 1.5px solid var(--zs-border);\n  background: var(--zs-white); color: var(--zs-gray);\n  transition: all 0.2s;\n  display: flex; align-items: center; gap: 8px;\n}\n#zd-scenarios .zs-tab:hover:not(.active) { border-color: var(--zs-ink2); color: var(--zs-ink); }\n#zd-scenarios .zs-tab.active { background: var(--zs-ink); color: var(--zs-white); border-color: var(--zs-ink); }\n#zd-scenarios .zs-tab-icon { font-size: 1rem; }\n\n\/* \u2605 New: ransomware tab accent *\/\n#zd-scenarios .zs-tab.tab-security { border-color: #fecaca; color: #b91c1c; }\n#zd-scenarios .zs-tab.tab-security.active { background: #7f1d1d; border-color: #7f1d1d; color: #fff; }\n\n\/* Panels *\/\n#zd-scenarios .zs-panel { display: none; }\n#zd-scenarios .zs-panel.active {\n  display: grid; grid-template-columns: 1fr 1fr;\n  gap: 28px; align-items: start;\n  animation: zsFadeIn 0.4s ease;\n}\n@keyframes zsFadeIn { from { opacity:0; transform:translateY(10px); } to { opacity:1; transform:translateY(0); } }\n\n\/* Info card *\/\n#zd-scenarios .zs-info {\n  background: var(--zs-white); border: 1.5px solid var(--zs-border);\n  border-radius: 18px; padding: 32px 28px;\n  box-shadow: 0 4px 16px rgba(15,28,46,0.05);\n}\n#zd-scenarios .zs-scenario-icon { font-size: 2.2rem; margin-bottom: 16px; display: block; }\n#zd-scenarios .zs-scenario-title {\n  font-family: 'Fraunces', 'Georgia', serif;\n  font-size: 1.5rem; font-weight: 800; letter-spacing: -0.03em;\n  color: var(--zs-ink); margin-bottom: 12px; line-height: 1.1;\n}\n#zd-scenarios .zs-scenario-desc {\n  font-size: 0.92rem; color: var(--zs-gray); line-height: 1.8; margin-bottom: 20px;\n}\n\n\/* \u2605 \"\u03a0\u03bf\u03b9\u03bf\u03c2 \u03c4\u03bf \u03ba\u03ac\u03bd\u03b5\u03b9\" note *\/\n#zd-scenarios .zs-who {\n  background: #eff4ff; border: 1px solid #c7d7fd;\n  border-radius: 8px; padding: 10px 14px;\n  font-size: 0.78rem; color: var(--zs-ink2);\n  line-height: 1.5; margin-bottom: 20px;\n  display: flex; gap: 8px; align-items: flex-start;\n}\n#zd-scenarios .zs-who strong { color: var(--zs-blue); }\n\n#zd-scenarios .zs-steps { list-style: none; }\n#zd-scenarios .zs-steps li {\n  display: flex; align-items: flex-start; gap: 13px;\n  padding: 11px 0; border-bottom: 1px solid var(--zs-border);\n  font-size: 0.88rem; color: var(--zs-ink2); line-height: 1.5;\n}\n#zd-scenarios .zs-steps li:last-child { border: none; padding-bottom: 0; }\n#zd-scenarios .zs-step-num {\n  width: 24px; height: 24px; border-radius: 50%; flex-shrink: 0;\n  background: var(--zs-ink); color: var(--zs-white);\n  display: flex; align-items: center; justify-content: center;\n  font-size: 0.68rem; font-weight: 700; margin-top: 1px;\n}\n\n\/* Timeline *\/\n#zd-scenarios .zs-visual {\n  background: var(--zs-white); border: 1.5px solid var(--zs-border);\n  border-radius: 18px; padding: 28px;\n  box-shadow: 0 4px 16px rgba(15,28,46,0.05);\n}\n#zd-scenarios .zs-visual-title {\n  font-size: 0.7rem; font-weight: 600;\n  text-transform: uppercase; letter-spacing: 0.12em;\n  color: var(--zs-gray); margin-bottom: 24px; padding-bottom: 12px;\n  border-bottom: 1px solid var(--zs-border);\n}\n#zd-scenarios .zs-tl-item {\n  display: flex; gap: 16px; margin-bottom: 20px; position: relative;\n}\n#zd-scenarios .zs-tl-item:not(:last-child)::before {\n  content: ''; position: absolute; left: 15px; top: 32px; bottom: -12px;\n  width: 1.5px; background: linear-gradient(180deg, var(--zs-border), transparent);\n}\n#zd-scenarios .zs-tl-dot {\n  width: 30px; height: 30px; border-radius: 50%; flex-shrink: 0;\n  display: flex; align-items: center; justify-content: center;\n  font-size: 0.85rem; position: relative; z-index: 1;\n}\n.ztd-red   { background: #fef2f2; border: 1.5px solid #fecaca; }\n.ztd-blue  { background: #eff4ff; border: 1.5px solid #c7d7fd; }\n.ztd-green { background: #f0fdf4; border: 1.5px solid #bbf7d0; }\n.ztd-gray  { background: var(--zs-lgray); border: 1.5px solid var(--zs-border); }\n.ztd-amber { background: #fffbeb; border: 1.5px solid #fde68a; }\n\n#zd-scenarios .zs-tl-body { padding-top: 3px; flex: 1; }\n#zd-scenarios .zs-tl-time {\n  font-size: 0.68rem; color: var(--zs-gray); font-weight: 500;\n  margin-bottom: 3px; text-transform: uppercase; letter-spacing: 0.06em;\n}\n#zd-scenarios .zs-tl-event {\n  font-size: 0.9rem; font-weight: 600; color: var(--zs-ink);\n  margin-bottom: 3px; line-height: 1.3;\n}\n#zd-scenarios .zs-tl-note {\n  font-size: 0.75rem; color: var(--zs-gray); line-height: 1.4;\n}\n#zd-scenarios .zs-result {\n  margin-top: 16px; padding-top: 16px; border-top: 1px solid var(--zs-border);\n  display: flex; align-items: center; gap: 10px; flex-wrap: wrap;\n}\n#zd-scenarios .zs-result-chip {\n  display: inline-flex; align-items: center; gap: 7px;\n  font-size: 0.78rem; font-weight: 600; padding: 7px 14px; border-radius: 100px;\n}\n.zrc-green { background: #f0fdf4; color: #16a34a; border: 1px solid #bbf7d0; }\n.zrc-blue  { background: #eff4ff; color: var(--zs-blue); border: 1px solid #c7d7fd; }\n.zrc-red   { background: #fef2f2; color: #b91c1c; border: 1px solid #fecaca; }\n\n\/* Scroll reveal *\/\n#zd-scenarios .zs-reveal {\n  opacity: 0; transform: translateY(22px);\n  transition: opacity 0.65s ease, transform 0.65s ease;\n}\n#zd-scenarios .zs-reveal.zs-visible { opacity: 1; transform: translateY(0); }\n\n@media (max-width: 860px) {\n  #zd-scenarios .zs-panel.active { grid-template-columns: 1fr; }\n  #zd-scenarios .zs-tabs { justify-content: flex-start; }\n}\n@media (max-width: 480px) {\n  #zd-scenarios { padding: 60px 5%; }\n  #zd-scenarios .zs-tab { font-size: 0.8rem; padding: 9px 16px; }\n}\n<\/style>\n\n<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Fraunces:ital,opsz,wght@0,9..144,600;0,9..144,800;1,9..144,800&family=Plus+Jakarta+Sans:wght@300;400;500;600&display=swap\" rel=\"stylesheet\">\n\n<div id=\"zd-scenarios\">\n  <div class=\"zs-dots\"><\/div>\n  <div class=\"zs-inner\">\n\n    <div class=\"zs-header zs-reveal\">\n      <div class=\"zs-label\">\u03a3\u03b5\u03bd\u03ac\u03c1\u03b9\u03b1 \u0392\u03bb\u03ac\u03b2\u03b7\u03c2<\/div>\n      <h2 class=\"zs-title\">\u0388\u03c4\u03bf\u03b9\u03bc\u03bf\u03b9 \u03b3\u03b9\u03b1<br>\u039a\u03ac\u03b8\u03b5 \u03a3\u03b5\u03bd\u03ac\u03c1\u03b9\u03bf<\/h2>\n      <p class=\"zs-sub\">\u039a\u03ac\u03b8\u03b5 \u03c4\u03cd\u03c0\u03bf\u03c2 \u03b2\u03bb\u03ac\u03b2\u03b7\u03c2 \u03ad\u03c7\u03b5\u03b9 \u03b1\u03c5\u03c4\u03cc\u03bc\u03b1\u03c4\u03b7 \u03ae \u03ac\u03bc\u03b5\u03c3\u03b7 \u03b1\u03c0\u03cc\u03ba\u03c1\u03b9\u03c3\u03b7 \u2014 \u03c4\u03b1 sites \u03c3\u03b1\u03c2 \u03c0\u03b1\u03c1\u03b1\u03bc\u03ad\u03bd\u03bf\u03c5\u03bd online.<\/p>\n    <\/div>\n\n    <div class=\"zs-tabs zs-reveal\">\n      <button class=\"zs-tab active\" onclick=\"zsShow('zs-p1', this)\">\n        <span class=\"zs-tab-icon\">\ud83d\udda5\ufe0f<\/span> Server Failure\n      <\/button>\n      <button class=\"zs-tab\" onclick=\"zsShow('zs-p2', this)\">\n        <span class=\"zs-tab-icon\">\ud83d\udcbf<\/span> Disk Failure\n      <\/button>\n      <button class=\"zs-tab\" onclick=\"zsShow('zs-p3', this)\">\n        <span class=\"zs-tab-icon\">\ud83d\uddd1\ufe0f<\/span> \u039a\u03b1\u03c4\u03ac \u039b\u03ac\u03b8\u03bf\u03c2 \u0394\u03b9\u03b1\u03b3\u03c1\u03b1\u03c6\u03ae\n      <\/button>\n      <!-- \u2605 \u039d\u03ad\u03bf 4\u03bf \u03c3\u03b5\u03bd\u03ac\u03c1\u03b9\u03bf -->\n      <button class=\"zs-tab tab-security\" onclick=\"zsShow('zs-p4', this)\">\n        <span class=\"zs-tab-icon\">\ud83d\udd34<\/span> Hacking \/ Ransomware\n      <\/button>\n    <\/div>\n\n    <!-- Panel 1: Server Failure -->\n    <div id=\"zs-p1\" class=\"zs-panel active zs-reveal\">\n      <div class=\"zs-info\">\n        <span class=\"zs-scenario-icon\">\ud83d\udda5\ufe0f<\/span>\n        <div class=\"zs-scenario-title\">\u039f Server \u039a\u03b1\u03c4\u03ad\u03c1\u03c1\u03b5\u03c5\u03c3\u03b5<\/div>\n        <p class=\"zs-scenario-desc\">\u039f production server \u03b5\u03af\u03bd\u03b1\u03b9 \u03b5\u03ba\u03c4\u03cc\u03c2 \u03bb\u03b5\u03b9\u03c4\u03bf\u03c5\u03c1\u03b3\u03af\u03b1\u03c2 \u03bb\u03cc\u03b3\u03c9 hardware failure \u03ae network issue. \u039f clone server \u03b5\u03af\u03bd\u03b1\u03b9 \u03ae\u03b4\u03b7 \u03c3\u03c5\u03b3\u03c7\u03c1\u03bf\u03bd\u03b9\u03c3\u03bc\u03ad\u03bd\u03bf\u03c2 \u03ba\u03b1\u03b9 \u03ad\u03c4\u03bf\u03b9\u03bc\u03bf\u03c2 \u03bd\u03b1 \u03b1\u03bd\u03b1\u03bb\u03ac\u03b2\u03b5\u03b9 \u03ac\u03bc\u03b5\u03c3\u03b1.<\/p>\n        <!-- \u2605 Who handles it -->\n        <div class=\"zs-who\">\n          \ud83d\udc68\u200d\ud83d\udcbb <span><strong>Business & Enterprise:<\/strong> \u0391\u03c5\u03c4\u03cc\u03bc\u03b1\u03c4\u03bf failover \u2014 \u03b4\u03b5\u03bd \u03c7\u03c1\u03b5\u03b9\u03ac\u03b6\u03b5\u03c4\u03b1\u03b9 \u03bd\u03b1 \u03ba\u03ac\u03bd\u03b5\u03c4\u03b5 \u03c4\u03af\u03c0\u03bf\u03c4\u03b1.<br><strong>Basic:<\/strong> \u0397 \u03bf\u03bc\u03ac\u03b4\u03b1 \u03bc\u03b1\u03c2 \u03b1\u03bd\u03b1\u03bb\u03b1\u03bc\u03b2\u03ac\u03bd\u03b5\u03b9 \u03b5\u03bd\u03c4\u03cc\u03c2 2 \u03c9\u03c1\u03ce\u03bd (SLA).<\/span>\n        <\/div>\n        <ul class=\"zs-steps\">\n          <li><span class=\"zs-step-num\">1<\/span>\u0395\u03bd\u03c4\u03bf\u03c0\u03b9\u03c3\u03bc\u03cc\u03c2 \u03b2\u03bb\u03ac\u03b2\u03b7\u03c2 \u2014 monitoring alert<\/li>\n          <li><span class=\"zs-step-num\">2<\/span>\u0395\u03bd\u03b5\u03c1\u03b3\u03bf\u03c0\u03bf\u03af\u03b7\u03c3\u03b7 clone \u2014 \u03b1\u03c6\u03b1\u03af\u03c1\u03b5\u03c3\u03b7 read-only mode<\/li>\n          <li><span class=\"zs-step-num\">3<\/span>\u0391\u03bb\u03bb\u03b1\u03b3\u03ae DNS \u03ae Floating IP \u03c0\u03c1\u03bf\u03c2 clone<\/li>\n          <li><span class=\"zs-step-num\">4<\/span>Sites online \u2014 lag max 15 \u03b4\u03b5\u03c5\u03c4\u03b5\u03c1\u03cc\u03bb\u03b5\u03c0\u03c4\u03b1 DB<\/li>\n          <li><span class=\"zs-step-num\">5<\/span>\u0395\u03c0\u03b1\u03bd\u03b1\u03c6\u03bf\u03c1\u03ac production & \u03b1\u03bd\u03c4\u03b9\u03c3\u03c4\u03c1\u03bf\u03c6\u03ae \u03c1\u03cc\u03bb\u03c9\u03bd<\/li>\n        <\/ul>\n      <\/div>\n      <div class=\"zs-visual\">\n        <div class=\"zs-visual-title\">\u03a7\u03c1\u03bf\u03bd\u03bf\u03bb\u03cc\u03b3\u03b9\u03bf Failover<\/div>\n        <div class=\"zs-timeline\">\n          <div class=\"zs-tl-item\"><div class=\"zs-tl-dot ztd-red\">\ud83d\udd34<\/div><div class=\"zs-tl-body\"><div class=\"zs-tl-time\">T + 0:00<\/div><div class=\"zs-tl-event\">Production server down<\/div><div class=\"zs-tl-note\">Hardware \/ network failure<\/div><\/div><\/div>\n          <div class=\"zs-tl-item\"><div class=\"zs-tl-dot ztd-amber\">\ud83d\udd14<\/div><div class=\"zs-tl-body\"><div class=\"zs-tl-time\">T + 0:02<\/div><div class=\"zs-tl-event\">Alert \u2014 \u03b5\u03bd\u03c4\u03bf\u03c0\u03b9\u03c3\u03bc\u03cc\u03c2 \u03b2\u03bb\u03ac\u03b2\u03b7\u03c2<\/div><div class=\"zs-tl-note\">Monitoring notification<\/div><\/div><\/div>\n          <div class=\"zs-tl-item\"><div class=\"zs-tl-dot ztd-blue\">\u2699\ufe0f<\/div><div class=\"zs-tl-body\"><div class=\"zs-tl-time\">T + 0:05<\/div><div class=\"zs-tl-event\">Clone \u03b5\u03bd\u03b5\u03c1\u03b3\u03bf\u03c0\u03bf\u03b9\u03b5\u03af\u03c4\u03b1\u03b9<\/div><div class=\"zs-tl-note\">STOP SLAVE \u2014 read_only OFF<\/div><\/div><\/div>\n          <div class=\"zs-tl-item\"><div class=\"zs-tl-dot ztd-green\">\u2705<\/div><div class=\"zs-tl-body\"><div class=\"zs-tl-time\">T + 0:08<\/div><div class=\"zs-tl-event\">Sites online \u03c3\u03c4\u03bf\u03bd Clone<\/div><div class=\"zs-tl-note\">DNS \/ Floating IP switch<\/div><\/div><\/div>\n        <\/div>\n        <div class=\"zs-result\">\n          <span class=\"zs-result-chip zrc-green\">\u2713 Downtime < 10 \u03bb\u03b5\u03c0\u03c4\u03ac<\/span>\n          <span class=\"zs-result-chip zrc-blue\">0 \u03b1\u03c0\u03ce\u03bb\u03b5\u03b9\u03b1 \u03b4\u03b5\u03b4\u03bf\u03bc\u03ad\u03bd\u03c9\u03bd<\/span>\n        <\/div>\n      <\/div>\n    <\/div>\n\n    <!-- Panel 2: Disk Failure -->\n    <div id=\"zs-p2\" class=\"zs-panel zs-reveal\">\n      <div class=\"zs-info\">\n        <span class=\"zs-scenario-icon\">\ud83d\udcbf<\/span>\n        <div class=\"zs-scenario-title\">\u03a7\u03ac\u03bb\u03b1\u03c3\u03b5 \u0394\u03af\u03c3\u03ba\u03bf\u03c2<\/div>\n        <p class=\"zs-scenario-desc\">\u0388\u03bd\u03b1\u03c2 \u03b1\u03c0\u03cc \u03c4\u03bf\u03c5\u03c2 \u03b4\u03af\u03c3\u03ba\u03bf\u03c5\u03c2 \u03c4\u03bf\u03c5 server \u03c0\u03b1\u03c1\u03bf\u03c5\u03c3\u03b9\u03ac\u03b6\u03b5\u03b9 \u03b2\u03bb\u03ac\u03b2\u03b7. \u03a7\u03ac\u03c1\u03b7 \u03c3\u03c4\u03bf RAID, \u03bf server \u03c3\u03c5\u03bd\u03b5\u03c7\u03af\u03b6\u03b5\u03b9 \u03bd\u03b1 \u03bb\u03b5\u03b9\u03c4\u03bf\u03c5\u03c1\u03b3\u03b5\u03af \u03ba\u03b1\u03bd\u03bf\u03bd\u03b9\u03ba\u03ac \u2014 \u03c7\u03c9\u03c1\u03af\u03c2 \u03ba\u03b1\u03bc\u03af\u03b1 \u03b4\u03b9\u03b1\u03ba\u03bf\u03c0\u03ae \u03b3\u03b9\u03b1 \u03c4\u03bf\u03c5\u03c2 \u03b5\u03c0\u03b9\u03c3\u03ba\u03ad\u03c0\u03c4\u03b5\u03c2 \u03c3\u03b1\u03c2.<\/p>\n        <div class=\"zs-who\">\n          \ud83e\udd16 <span><strong>\u0391\u03c5\u03c4\u03cc\u03bc\u03b1\u03c4\u03bf \u03c3\u03b5 \u03cc\u03bb\u03b1 \u03c4\u03b1 \u03c0\u03bb\u03ac\u03bd\u03b1:<\/strong> \u03a4\u03bf RAID controller \u03b1\u03bd\u03b1\u03bb\u03b1\u03bc\u03b2\u03ac\u03bd\u03b5\u03b9 \u03b1\u03c5\u03c4\u03cc\u03bc\u03b1\u03c4\u03b1. \u0395\u03c3\u03b5\u03af\u03c2 \u03bb\u03b1\u03bc\u03b2\u03ac\u03bd\u03b5\u03c4\u03b5 alert, \u03b5\u03bc\u03b5\u03af\u03c2 \u03c6\u03c1\u03bf\u03bd\u03c4\u03af\u03b6\u03bf\u03c5\u03bc\u03b5 \u03c4\u03b7\u03bd \u03b1\u03bd\u03c4\u03b9\u03ba\u03b1\u03c4\u03ac\u03c3\u03c4\u03b1\u03c3\u03b7.<\/span>\n        <\/div>\n        <ul class=\"zs-steps\">\n          <li><span class=\"zs-step-num\">1<\/span>RAID controller \u03b5\u03bd\u03c4\u03bf\u03c0\u03af\u03b6\u03b5\u03b9 \u03b1\u03c0\u03bf\u03c4\u03c5\u03c7\u03af\u03b1 \u03b4\u03af\u03c3\u03ba\u03bf\u03c5<\/li>\n          <li><span class=\"zs-step-num\">2<\/span>Server \u03c3\u03c5\u03bd\u03b5\u03c7\u03af\u03b6\u03b5\u03b9 \u03ba\u03b1\u03bd\u03bf\u03bd\u03b9\u03ba\u03ac \u2014 zero downtime<\/li>\n          <li><span class=\"zs-step-num\">3<\/span>Alert \u03c3\u03c4\u03bf\u03bd \u03b4\u03b9\u03b1\u03c7\u03b5\u03b9\u03c1\u03b9\u03c3\u03c4\u03ae \u03b3\u03b9\u03b1 \u03b1\u03bd\u03c4\u03b9\u03ba\u03b1\u03c4\u03ac\u03c3\u03c4\u03b1\u03c3\u03b7<\/li>\n          <li><span class=\"zs-step-num\">4<\/span>\u0391\u03bd\u03c4\u03b9\u03ba\u03b1\u03c4\u03ac\u03c3\u03c4\u03b1\u03c3\u03b7 \u03b4\u03af\u03c3\u03ba\u03bf\u03c5 \u2014 RAID rebuild<\/li>\n          <li><span class=\"zs-step-num\">5<\/span>\u039a\u03b1\u03bd\u03ad\u03bd\u03b1\u03c2 \u03b5\u03c0\u03b9\u03c3\u03ba\u03ad\u03c0\u03c4\u03b7\u03c2 \u03b4\u03b5\u03bd \u03b1\u03bd\u03c4\u03b9\u03bb\u03ae\u03c6\u03b8\u03b7\u03ba\u03b5 \u03c4\u03af\u03c0\u03bf\u03c4\u03b1<\/li>\n        <\/ul>\n      <\/div>\n      <div class=\"zs-visual\">\n        <div class=\"zs-visual-title\">\u03a7\u03c1\u03bf\u03bd\u03bf\u03bb\u03cc\u03b3\u03b9\u03bf Disk Failure<\/div>\n        <div class=\"zs-timeline\">\n          <div class=\"zs-tl-item\"><div class=\"zs-tl-dot ztd-red\">\ud83d\udca5<\/div><div class=\"zs-tl-body\"><div class=\"zs-tl-time\">T + 0:00<\/div><div class=\"zs-tl-event\">\u0394\u03af\u03c3\u03ba\u03bf\u03c2 \u03b1\u03c0\u03bf\u03c4\u03c5\u03b3\u03c7\u03ac\u03bd\u03b5\u03b9<\/div><div class=\"zs-tl-note\">RAID controller \u03b1\u03bd\u03b9\u03c7\u03bd\u03b5\u03cd\u03b5\u03b9 \u03c4\u03b7 \u03b2\u03bb\u03ac\u03b2\u03b7<\/div><\/div><\/div>\n          <div class=\"zs-tl-item\"><div class=\"zs-tl-dot ztd-green\">\u2705<\/div><div class=\"zs-tl-body\"><div class=\"zs-tl-time\">T + 0:00<\/div><div class=\"zs-tl-event\">Server \u03c3\u03c5\u03bd\u03b5\u03c7\u03af\u03b6\u03b5\u03b9 \u03ba\u03b1\u03bd\u03bf\u03bd\u03b9\u03ba\u03ac<\/div><div class=\"zs-tl-note\">RAID \u2014 \u03bc\u03b7\u03b4\u03b5\u03bd\u03b9\u03ba\u03ae \u03b4\u03b9\u03b1\u03ba\u03bf\u03c0\u03ae<\/div><\/div><\/div>\n          <div class=\"zs-tl-item\"><div class=\"zs-tl-dot ztd-amber\">\ud83d\udd14<\/div><div class=\"zs-tl-body\"><div class=\"zs-tl-time\">T + 0:02<\/div><div class=\"zs-tl-event\">Alert \u03b4\u03b9\u03b1\u03c7\u03b5\u03b9\u03c1\u03b9\u03c3\u03c4\u03ae<\/div><div class=\"zs-tl-note\">Email \/ SMS notification<\/div><\/div><\/div>\n          <div class=\"zs-tl-item\"><div class=\"zs-tl-dot ztd-green\">\ud83d\udd27<\/div><div class=\"zs-tl-body\"><div class=\"zs-tl-time\">T + X \u03ce\u03c1\u03b5\u03c2<\/div><div class=\"zs-tl-event\">\u0391\u03bd\u03c4\u03b9\u03ba\u03b1\u03c4\u03ac\u03c3\u03c4\u03b1\u03c3\u03b7 & RAID rebuild<\/div><div class=\"zs-tl-note\">Sites online \u03cc\u03bb\u03b7 \u03c4\u03b7\u03bd \u03ce\u03c1\u03b1<\/div><\/div><\/div>\n        <\/div>\n        <div class=\"zs-result\">\n          <span class=\"zs-result-chip zrc-green\">\u2713 0 \u03bb\u03b5\u03c0\u03c4\u03ac downtime<\/span>\n          <span class=\"zs-result-chip zrc-blue\">0 \u03b1\u03c0\u03ce\u03bb\u03b5\u03b9\u03b1 \u03b4\u03b5\u03b4\u03bf\u03bc\u03ad\u03bd\u03c9\u03bd<\/span>\n        <\/div>\n      <\/div>\n    <\/div>\n\n    <!-- Panel 3: Accidental Deletion -->\n    <div id=\"zs-p3\" class=\"zs-panel zs-reveal\">\n      <div class=\"zs-info\">\n        <span class=\"zs-scenario-icon\">\ud83d\uddd1\ufe0f<\/span>\n        <div class=\"zs-scenario-title\">\u039a\u03b1\u03c4\u03ac \u039b\u03ac\u03b8\u03bf\u03c2 \u0394\u03b9\u03b1\u03b3\u03c1\u03b1\u03c6\u03ae<\/div>\n        <p class=\"zs-scenario-desc\">\u039a\u03ac\u03c0\u03bf\u03b9\u03bf\u03c2 \u03b4\u03b9\u03ad\u03b3\u03c1\u03b1\u03c8\u03b5 \u03ac\u03c1\u03b8\u03c1\u03b1, \u03c3\u03b5\u03bb\u03af\u03b4\u03b5\u03c2 \u03ae \u03b4\u03b5\u03b4\u03bf\u03bc\u03ad\u03bd\u03b1 \u03ba\u03b1\u03c4\u03ac \u03bb\u03ac\u03b8\u03bf\u03c2. \u039c\u03b5 Point-in-Time Recovery \u03b5\u03c0\u03b1\u03bd\u03b1\u03c6\u03ad\u03c1\u03bf\u03c5\u03bc\u03b5 \u03c4\u03b7 \u03b2\u03ac\u03c3\u03b7 \u03c3\u03c4\u03b7\u03bd \u03b1\u03ba\u03c1\u03b9\u03b2\u03ae \u03ba\u03b1\u03c4\u03ac\u03c3\u03c4\u03b1\u03c3\u03b7 \u03c0\u03c1\u03b9\u03bd \u03c4\u03b7 \u03b4\u03b9\u03b1\u03b3\u03c1\u03b1\u03c6\u03ae \u2014 \u03b1\u03ba\u03cc\u03bc\u03b1 \u03ba\u03b1\u03b9 \u03bc\u03b5 \u03b1\u03ba\u03c1\u03af\u03b2\u03b5\u03b9\u03b1 \u03b4\u03b5\u03c5\u03c4\u03b5\u03c1\u03bf\u03bb\u03ad\u03c0\u03c4\u03bf\u03c5.<\/p>\n        <div class=\"zs-who\">\n          \ud83d\udcde <span><strong>\u0397 \u03bf\u03bc\u03ac\u03b4\u03b1 \u03bc\u03b1\u03c2 \u03b1\u03bd\u03b1\u03bb\u03b1\u03bc\u03b2\u03ac\u03bd\u03b5\u03b9:<\/strong> \u039c\u03b1\u03c2 \u03b5\u03bd\u03b7\u03bc\u03b5\u03c1\u03ce\u03bd\u03b5\u03c4\u03b5 \u03c0\u03cc\u03c4\u03b5 \u03c3\u03c5\u03bd\u03ad\u03b2\u03b7, \u03b5\u03bc\u03b5\u03af\u03c2 \u03ba\u03ac\u03bd\u03bf\u03c5\u03bc\u03b5 \u03c4\u03bf recovery. \u03a3\u03c5\u03bd\u03ae\u03b8\u03c9\u03c2 < 30 \u03bb\u03b5\u03c0\u03c4\u03ac.<\/span>\n        <\/div>\n        <ul class=\"zs-steps\">\n          <li><span class=\"zs-step-num\">1<\/span>\u0395\u03bd\u03c4\u03bf\u03c0\u03b9\u03c3\u03bc\u03cc\u03c2 \u2014 \u03c0\u03cc\u03c4\u03b5 \u03b1\u03ba\u03c1\u03b9\u03b2\u03ce\u03c2 \u03ad\u03b3\u03b9\u03bd\u03b5 \u03b7 \u03b4\u03b9\u03b1\u03b3\u03c1\u03b1\u03c6\u03ae<\/li>\n          <li><span class=\"zs-step-num\">2<\/span>\u0395\u03c0\u03b9\u03bb\u03bf\u03b3\u03ae full backup \u03c4\u03b7\u03c2 \u03af\u03b4\u03b9\u03b1\u03c2 \u03b7\u03bc\u03ad\u03c1\u03b1\u03c2 \u03c9\u03c2 \u03b2\u03ac\u03c3\u03b7<\/li>\n          <li><span class=\"zs-step-num\">3<\/span>\u0395\u03c6\u03b1\u03c1\u03bc\u03bf\u03b3\u03ae binlogs \u03bc\u03ad\u03c7\u03c1\u03b9 1 \u03b4\u03b5\u03c5\u03c4\u03b5\u03c1\u03cc\u03bb\u03b5\u03c0\u03c4\u03bf \u03c0\u03c1\u03b9\u03bd<\/li>\n          <li><span class=\"zs-step-num\">4<\/span>\u0395\u03c0\u03b1\u03bd\u03b1\u03c6\u03bf\u03c1\u03ac \u03b4\u03b5\u03b4\u03bf\u03bc\u03ad\u03bd\u03c9\u03bd \u2014 \u03bc\u03b7\u03b4\u03b5\u03bd\u03b9\u03ba\u03ae \u03b1\u03c0\u03ce\u03bb\u03b5\u03b9\u03b1<\/li>\n          <li><span class=\"zs-step-num\">5<\/span>\u0395\u03c0\u03b1\u03bd\u03b5\u03ba\u03ba\u03af\u03bd\u03b7\u03c3\u03b7 replication \u03c3\u03c4\u03bf\u03bd clone<\/li>\n        <\/ul>\n      <\/div>\n      <div class=\"zs-visual\">\n        <div class=\"zs-visual-title\">Point-in-Time Recovery<\/div>\n        <div class=\"zs-timeline\">\n          <div class=\"zs-tl-item\"><div class=\"zs-tl-dot ztd-blue\">\ud83d\udcbe<\/div><div class=\"zs-tl-body\"><div class=\"zs-tl-time\">06:00<\/div><div class=\"zs-tl-event\">Full backup \u03b7\u03bc\u03ad\u03c1\u03b1\u03c2<\/div><div class=\"zs-tl-note\">\u0391\u03c5\u03c4\u03cc\u03bc\u03b1\u03c4\u03bf \u03ba\u03b1\u03b8\u03b7\u03bc\u03b5\u03c1\u03b9\u03bd\u03cc backup<\/div><\/div><\/div>\n          <div class=\"zs-tl-item\"><div class=\"zs-tl-dot ztd-gray\">\u2192<\/div><div class=\"zs-tl-body\"><div class=\"zs-tl-time\">06:00 \u2192 14:28<\/div><div class=\"zs-tl-event\">\u039a\u03b1\u03bd\u03bf\u03bd\u03b9\u03ba\u03ae \u03bb\u03b5\u03b9\u03c4\u03bf\u03c5\u03c1\u03b3\u03af\u03b1<\/div><div class=\"zs-tl-note\">Binlogs \u03ba\u03b1\u03c4\u03b1\u03b3\u03c1\u03ac\u03c6\u03bf\u03c5\u03bd \u03ba\u03ac\u03b8\u03b5 \u03b1\u03bb\u03bb\u03b1\u03b3\u03ae<\/div><\/div><\/div>\n          <div class=\"zs-tl-item\"><div class=\"zs-tl-dot ztd-red\">\u26a0\ufe0f<\/div><div class=\"zs-tl-body\"><div class=\"zs-tl-time\">14:28:55<\/div><div class=\"zs-tl-event\">\u039a\u03b1\u03c4\u03ac \u03bb\u03ac\u03b8\u03bf\u03c2 \u03b4\u03b9\u03b1\u03b3\u03c1\u03b1\u03c6\u03ae<\/div><div class=\"zs-tl-note\">\u0391\u03ba\u03c1\u03b9\u03b2\u03ae\u03c2 \u03c3\u03c4\u03b9\u03b3\u03bc\u03ae \u03b5\u03bd\u03c4\u03bf\u03c0\u03b9\u03c3\u03bc\u03bf\u03cd \u03bc\u03ad\u03c3\u03c9 binlog<\/div><\/div><\/div>\n          <div class=\"zs-tl-item\"><div class=\"zs-tl-dot ztd-green\">\u2705<\/div><div class=\"zs-tl-body\"><div class=\"zs-tl-time\">Recovery<\/div><div class=\"zs-tl-event\">Restore \u03c3\u03b5 14:28:54<\/div><div class=\"zs-tl-note\">\u039c\u03b7\u03b4\u03b5\u03bd\u03b9\u03ba\u03ae \u03b1\u03c0\u03ce\u03bb\u03b5\u03b9\u03b1 \u03b4\u03b5\u03b4\u03bf\u03bc\u03ad\u03bd\u03c9\u03bd<\/div><\/div><\/div>\n        <\/div>\n        <div class=\"zs-result\">\n          <span class=\"zs-result-chip zrc-green\">\u2713 0 \u03b1\u03c0\u03ce\u03bb\u03b5\u03b9\u03b1 \u03b4\u03b5\u03b4\u03bf\u03bc\u03ad\u03bd\u03c9\u03bd<\/span>\n          <span class=\"zs-result-chip zrc-blue\">\u0391\u03ba\u03c1\u03af\u03b2\u03b5\u03b9\u03b1 \u03b4\u03b5\u03c5\u03c4\u03b5\u03c1\u03bf\u03bb\u03ad\u03c0\u03c4\u03bf\u03c5<\/span>\n        <\/div>\n      <\/div>\n    <\/div>\n\n    <!-- \u2605 Panel 4: Hacking \/ Ransomware \u2014 \u039d\u0395\u039f\u03a3 -->\n    <div id=\"zs-p4\" class=\"zs-panel zs-reveal\">\n      <div class=\"zs-info\">\n        <span class=\"zs-scenario-icon\">\ud83d\udd34<\/span>\n        <div class=\"zs-scenario-title\">Hacking \/ Ransomware<\/div>\n        <p class=\"zs-scenario-desc\">\u039a\u03ac\u03c0\u03bf\u03b9\u03bf\u03c2 \u03b1\u03c0\u03ad\u03ba\u03c4\u03b7\u03c3\u03b5 \u03c0\u03c1\u03cc\u03c3\u03b2\u03b1\u03c3\u03b7 \u03ba\u03b1\u03b9 \u03ba\u03b1\u03c4\u03ad\u03c3\u03c4\u03c1\u03b5\u03c8\u03b5 \u03ae \u03ba\u03c1\u03c5\u03c0\u03c4\u03bf\u03b3\u03c1\u03ac\u03c6\u03b7\u03c3\u03b5 \u03c4\u03b1 \u03b4\u03b5\u03b4\u03bf\u03bc\u03ad\u03bd\u03b1 \u03c3\u03b1\u03c2. \u039c\u03b5 Point-in-Time Recovery \u03b5\u03c0\u03b1\u03bd\u03b1\u03c6\u03ad\u03c1\u03bf\u03c5\u03bc\u03b5 \u03c4\u03bf site \u03c3\u03c4\u03b7\u03bd \u03ba\u03b1\u03c4\u03ac\u03c3\u03c4\u03b1\u03c3\u03b7 <em>\u03c0\u03c1\u03b9\u03bd<\/em> \u03b1\u03c0\u03cc \u03c4\u03bf \u03c0\u03b5\u03c1\u03b9\u03c3\u03c4\u03b1\u03c4\u03b9\u03ba\u03cc \u2014 \u03b1\u03ba\u03cc\u03bc\u03b1 \u03ba\u03b1\u03b9 7 \u03b7\u03bc\u03ad\u03c1\u03b5\u03c2 \u03c0\u03af\u03c3\u03c9.<\/p>\n        <div class=\"zs-who\" style=\"background:#fef2f2;border-color:#fecaca;color:#7f1d1d;\">\n          \ud83d\udee1 <span><strong>\u0397 \u03bf\u03bc\u03ac\u03b4\u03b1 \u03bc\u03b1\u03c2 \u03b1\u03bd\u03b1\u03bb\u03b1\u03bc\u03b2\u03ac\u03bd\u03b5\u03b9 \u03c0\u03bb\u03ae\u03c1\u03c9\u03c2:<\/strong> \u0391\u03c0\u03bf\u03bc\u03cc\u03bd\u03c9\u03c3\u03b7 \u03c4\u03bf\u03c5 \u03c0\u03b5\u03c1\u03b9\u03c3\u03c4\u03b1\u03c4\u03b9\u03ba\u03bf\u03cd, \u03ba\u03b1\u03b8\u03b1\u03c1\u03b9\u03c3\u03bc\u03cc\u03c2, \u03b5\u03c0\u03b1\u03bd\u03b1\u03c6\u03bf\u03c1\u03ac \u03b1\u03c0\u03cc clean backup, hardening. \u0394\u03b5\u03bd \u03c0\u03bb\u03b7\u03c1\u03ce\u03bd\u03b5\u03c4\u03b5 \u03bb\u03cd\u03c4\u03c1\u03b1.<\/span>\n        <\/div>\n        <ul class=\"zs-steps\">\n          <li><span class=\"zs-step-num\">1<\/span>\u0395\u03bd\u03c4\u03bf\u03c0\u03b9\u03c3\u03bc\u03cc\u03c2 \u03c0\u03b5\u03c1\u03b9\u03c3\u03c4\u03b1\u03c4\u03b9\u03ba\u03bf\u03cd \u2014 monitoring \u03ae report<\/li>\n          <li><span class=\"zs-step-num\">2<\/span>\u0386\u03bc\u03b5\u03c3\u03b7 \u03b1\u03c0\u03bf\u03bc\u03cc\u03bd\u03c9\u03c3\u03b7 \u03c4\u03bf\u03c5 production server<\/li>\n          <li><span class=\"zs-step-num\">3<\/span>\u0395\u03c0\u03b1\u03bd\u03b1\u03c6\u03bf\u03c1\u03ac \u03b1\u03c0\u03cc clean PITR \u03c3\u03b7\u03bc\u03b5\u03af\u03bf (\u03c0\u03c1\u03b9\u03bd \u03c4\u03b7\u03bd \u03c0\u03b1\u03c1\u03b1\u03b2\u03af\u03b1\u03c3\u03b7)<\/li>\n          <li><span class=\"zs-step-num\">4<\/span>Security audit \u2014 \u03b5\u03bd\u03c4\u03bf\u03c0\u03b9\u03c3\u03bc\u03cc\u03c2 \u03ba\u03b5\u03bd\u03bf\u03cd \u03b1\u03c3\u03c6\u03b1\u03bb\u03b5\u03af\u03b1\u03c2<\/li>\n          <li><span class=\"zs-step-num\">5<\/span>Site online \u03be\u03b1\u03bd\u03ac \u2014 hardened & clean<\/li>\n        <\/ul>\n      <\/div>\n      <div class=\"zs-visual\">\n        <div class=\"zs-visual-title\">\u03a7\u03c1\u03bf\u03bd\u03bf\u03bb\u03cc\u03b3\u03b9\u03bf Recovery<\/div>\n        <div class=\"zs-timeline\">\n          <div class=\"zs-tl-item\"><div class=\"zs-tl-dot ztd-red\">\ud83d\udd34<\/div><div class=\"zs-tl-body\"><div class=\"zs-tl-time\">T + 0:00<\/div><div class=\"zs-tl-event\">\u0395\u03bd\u03c4\u03bf\u03c0\u03b9\u03c3\u03bc\u03cc\u03c2 hacking \/ ransomware<\/div><div class=\"zs-tl-note\">Monitoring alert \u03ae \u03b1\u03bd\u03b1\u03c6\u03bf\u03c1\u03ac \u03c7\u03c1\u03ae\u03c3\u03c4\u03b7<\/div><\/div><\/div>\n          <div class=\"zs-tl-item\"><div class=\"zs-tl-dot ztd-red\">\ud83d\udeab<\/div><div class=\"zs-tl-body\"><div class=\"zs-tl-time\">T + 0:05<\/div><div class=\"zs-tl-event\">\u0391\u03c0\u03bf\u03bc\u03cc\u03bd\u03c9\u03c3\u03b7 server<\/div><div class=\"zs-tl-note\">\u0391\u03c0\u03bf\u03c4\u03c1\u03bf\u03c0\u03ae \u03c0\u03b5\u03c1\u03b1\u03b9\u03c4\u03ad\u03c1\u03c9 \u03b6\u03b7\u03bc\u03b9\u03ac\u03c2<\/div><\/div><\/div>\n          <div class=\"zs-tl-item\"><div class=\"zs-tl-dot ztd-amber\">\ud83d\udd0d<\/div><div class=\"zs-tl-body\"><div class=\"zs-tl-time\">T + 0:15<\/div><div class=\"zs-tl-event\">\u0395\u03bd\u03c4\u03bf\u03c0\u03b9\u03c3\u03bc\u03cc\u03c2 \u03c7\u03c1\u03cc\u03bd\u03bf\u03c5 \u03c0\u03b1\u03c1\u03b1\u03b2\u03af\u03b1\u03c3\u03b7\u03c2<\/div><div class=\"zs-tl-note\">Binlog analysis \u2014 \u03c0\u03cc\u03c4\u03b5 \u03b1\u03ba\u03c1\u03b9\u03b2\u03ce\u03c2 \u03ad\u03b3\u03b9\u03bd\u03b5<\/div><\/div><\/div>\n          <div class=\"zs-tl-item\"><div class=\"zs-tl-dot ztd-blue\">\u2699\ufe0f<\/div><div class=\"zs-tl-body\"><div class=\"zs-tl-time\">T + 0:30<\/div><div class=\"zs-tl-event\">PITR restore \u03c3\u03b5 clean \u03c3\u03b7\u03bc\u03b5\u03af\u03bf<\/div><div class=\"zs-tl-note\">\u0395\u03c0\u03b1\u03bd\u03b1\u03c6\u03bf\u03c1\u03ac \u03c0\u03c1\u03b9\u03bd \u03c4\u03b7\u03bd \u03c0\u03b1\u03c1\u03b1\u03b2\u03af\u03b1\u03c3\u03b7<\/div><\/div><\/div>\n          <div class=\"zs-tl-item\"><div class=\"zs-tl-dot ztd-green\">\u2705<\/div><div class=\"zs-tl-body\"><div class=\"zs-tl-time\">T + 1-2h<\/div><div class=\"zs-tl-event\">Site online \u2014 clean & hardened<\/div><div class=\"zs-tl-note\">Security audit \u03bf\u03bb\u03bf\u03ba\u03bb\u03b7\u03c1\u03c9\u03bc\u03ad\u03bd\u03bf<\/div><\/div><\/div>\n        <\/div>\n        <div class=\"zs-result\">\n          <span class=\"zs-result-chip zrc-green\">\u2713 0 \u03bb\u03cd\u03c4\u03c1\u03b1<\/span>\n          <span class=\"zs-result-chip zrc-blue\">Clean restore<\/span>\n          <span class=\"zs-result-chip zrc-red\">7 \u03b7\u03bc\u03ad\u03c1\u03b5\u03c2 \u03c0\u03af\u03c3\u03c9<\/span>\n        <\/div>\n      <\/div>\n    <\/div>\n\n  <\/div>\n<\/div>\n\n<script>\n(function(){\n  window.zsShow = function(id, btn) {\n    document.querySelectorAll('#zd-scenarios .zs-panel').forEach(function(p){ p.classList.remove('active'); });\n    document.querySelectorAll('#zd-scenarios .zs-tab').forEach(function(b){ b.classList.remove('active'); });\n    document.getElementById(id).classList.add('active');\n    btn.classList.add('active');\n  };\n  var obs = new IntersectionObserver(function(entries){\n    entries.forEach(function(e, i){\n      if(e.isIntersecting){\n        setTimeout(function(){ e.target.classList.add('zs-visible'); }, i * 100);\n        obs.unobserve(e.target);\n      }\n    });\n  }, { threshold: 0.1 });\n  document.querySelectorAll('#zd-scenarios .zs-reveal').forEach(function(el){ obs.observe(el); });\n})();\n<\/script><\/div><\/div><div class=\"fusion-layout-column fusion_builder_column fusion-builder-column-3 fusion_builder_column_1_1 1_1 fusion-flex-column\" style=\"--awb-bg-size:cover;--awb-width-large:100%;--awb-margin-top-large:0px;--awb-spacing-right-large:1.92%;--awb-margin-bottom-large:20px;--awb-spacing-left-large:1.92%;--awb-width-medium:100%;--awb-order-medium:0;--awb-spacing-right-medium:1.92%;--awb-spacing-left-medium:1.92%;--awb-width-small:100%;--awb-order-small:0;--awb-spacing-right-small:1.92%;--awb-spacing-left-small:1.92%;\"><div class=\"fusion-column-wrapper fusion-column-has-shadow fusion-flex-justify-content-flex-start fusion-content-layout-column\"><!-- ============================================================\n     Zero Downtime Protection \u2014 PRICING SECTION (v2)\n     \u0391\u03bb\u03bb\u03b1\u03b3\u03ad\u03c2 vs v1:\n       \u2022 Enterprise tier \u20ac199\/\u03bc\u03ae\u03bd\u03b1\n       \u2022 Business \u03b1\u03bd\u03ad\u03b2\u03b7\u03ba\u03b5 \u20ac99 \u2192 \u20ac129\n       \u2022 Annual billing toggle (-15%)\n       \u2022 SLA Credit Policy badge \u03c3\u03c4\u03bf Business & Enterprise\n       \u2022 \"Manual Failover ~30-60 \u03bb\u03b5\u03c0\u03c4\u03ac\" \u2192 \"Assisted Failover (<2h SLA)\"\n       \u2022 Downtime cost calculator\n       \u2022 Storage table \u03b5\u03bd\u03c3\u03c9\u03bc\u03b1\u03c4\u03ce\u03b8\u03b7\u03ba\u03b5 \u03c3\u03c4\u03bf grid\n     ============================================================ -->\n\n<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Fraunces:ital,opsz,wght@0,9..144,600;0,9..144,800;1,9..144,800&family=Plus+Jakarta+Sans:wght@300;400;500;600;700&display=swap\" rel=\"stylesheet\">\n\n<style>\n\/* \u2500\u2500 Scoped to #zd-pricing \u2500\u2500 *\/\n#zd-pricing {\n  --zp-ink:    #0f1c2e;\n  --zp-ink2:   #2d4263;\n  --zp-blue:   #1a56db;\n  --zp-sky:    #0ea5e9;\n  --zp-teal:   #0d9488;\n  --zp-white:  #ffffff;\n  --zp-cream:  #f7f4ef;\n  --zp-mist:   #eef2f8;\n  --zp-border: #dde4f0;\n  --zp-gray:   #6b7b96;\n  --zp-lgray:  #f0f4fa;\n  --zp-gold:   #b45309;\n  --zp-gold-bg:#fffbeb;\n  --zp-gold-br:#fde68a;\n\n  font-family: 'Plus Jakarta Sans', sans-serif;\n  background: var(--zp-white);\n  color: var(--zp-ink);\n  box-sizing: border-box;\n  padding: 90px 6% 80px;\n  position: relative;\n  overflow: hidden;\n}\n\n#zd-pricing *, #zd-pricing *::before, #zd-pricing *::after {\n  box-sizing: border-box; margin: 0; padding: 0;\n}\n\n#zd-pricing .zp-inner {\n  max-width: 1160px; margin: 0 auto;\n}\n\n\/* \u2500\u2500 Header \u2500\u2500 *\/\n#zd-pricing .zp-header {\n  text-align: center; margin-bottom: 44px;\n}\n#zd-pricing .zp-label {\n  display: inline-block;\n  font-size: 0.72rem; font-weight: 600;\n  text-transform: uppercase; letter-spacing: 0.14em;\n  color: var(--zp-blue);\n  background: #eff4ff; border: 1px solid #c7d7fd;\n  padding: 5px 16px; border-radius: 100px;\n  margin-bottom: 14px;\n}\n#zd-pricing .zp-title {\n  font-family: 'Fraunces', 'Georgia', serif;\n  font-size: clamp(1.9rem, 3.5vw, 2.9rem);\n  font-weight: 800; line-height: 1.1;\n  letter-spacing: -0.03em; color: var(--zp-ink);\n  margin-bottom: 14px;\n}\n#zd-pricing .zp-sub {\n  font-size: 1rem; color: var(--zp-gray);\n  font-weight: 300; max-width: 500px;\n  margin: 0 auto 28px; line-height: 1.75;\n}\n\n\/* \u2500\u2500 Billing Toggle \u2500\u2500 *\/\n#zd-pricing .zp-toggle-wrap {\n  display: flex; align-items: center; justify-content: center;\n  gap: 12px; margin-bottom: 44px;\n}\n#zd-pricing .zp-toggle-lbl {\n  font-size: 0.88rem; color: var(--zp-gray); font-weight: 500;\n  transition: color 0.2s;\n}\n#zd-pricing .zp-toggle-lbl.active { color: var(--zp-ink); }\n#zd-pricing .zp-toggle-btn {\n  width: 48px; height: 26px; border-radius: 100px;\n  background: var(--zp-border); border: none; cursor: pointer;\n  position: relative; transition: background 0.25s; flex-shrink: 0;\n}\n#zd-pricing .zp-toggle-btn.on { background: var(--zp-blue); }\n#zd-pricing .zp-toggle-knob {\n  position: absolute; top: 3px; left: 3px;\n  width: 20px; height: 20px; border-radius: 50%;\n  background: #fff; transition: left 0.25s;\n  pointer-events: none;\n}\n#zd-pricing .zp-toggle-btn.on .zp-toggle-knob { left: 25px; }\n#zd-pricing .zp-annual-badge {\n  font-size: 0.72rem; font-weight: 700;\n  background: #f0fdf4; color: #15803d;\n  border: 1px solid #bbf7d0;\n  padding: 3px 10px; border-radius: 100px;\n  opacity: 0; transform: scale(0.85);\n  transition: all 0.25s; pointer-events: none;\n}\n#zd-pricing .zp-annual-badge.show { opacity: 1; transform: scale(1); }\n\n\/* \u2500\u2500 Cards Grid \u2500\u2500 *\/\n#zd-pricing .zp-cards {\n  display: grid;\n  grid-template-columns: repeat(3, 1fr);\n  gap: 20px;\n  align-items: stretch;\n  margin-bottom: 40px;\n}\n\n#zd-pricing .zp-card {\n  background: var(--zp-white);\n  border: 1.5px solid var(--zp-border);\n  border-radius: 20px;\n  padding: 32px 28px 28px;\n  display: flex; flex-direction: column;\n  position: relative;\n  transition: transform 0.25s, box-shadow 0.25s, border-color 0.25s;\n}\n#zd-pricing .zp-card:hover {\n  transform: translateY(-5px);\n  box-shadow: 0 18px 44px rgba(15,28,46,0.09);\n  border-color: var(--zp-blue);\n}\n\n\/* Popular card *\/\n#zd-pricing .zp-card.popular {\n  border-color: var(--zp-blue);\n  background: var(--zp-ink);\n  color: #fff;\n}\n#zd-pricing .zp-card.popular:hover {\n  border-color: var(--zp-sky);\n  box-shadow: 0 18px 44px rgba(26,86,219,0.22);\n}\n\n\/* Enterprise card *\/\n#zd-pricing .zp-card.enterprise {\n  background: var(--zp-gold-bg);\n  border-color: var(--zp-gold-br);\n}\n#zd-pricing .zp-card.enterprise:hover {\n  border-color: var(--zp-gold);\n}\n\n\/* Popular badge *\/\n#zd-pricing .zp-popular-badge {\n  position: absolute; top: -13px; left: 50%;\n  transform: translateX(-50%);\n  background: var(--zp-sky); color: #fff;\n  font-size: 0.68rem; font-weight: 700;\n  text-transform: uppercase; letter-spacing: 0.1em;\n  padding: 4px 14px; border-radius: 100px;\n  white-space: nowrap;\n}\n\n#zd-pricing .zp-card-name {\n  font-size: 0.78rem; font-weight: 700;\n  text-transform: uppercase; letter-spacing: 0.1em;\n  color: var(--zp-gray); margin-bottom: 12px;\n}\n#zd-pricing .zp-card.popular .zp-card-name { color: rgba(255,255,255,0.5); }\n#zd-pricing .zp-card.enterprise .zp-card-name { color: var(--zp-gold); }\n\n#zd-pricing .zp-price-wrap {\n  margin-bottom: 8px; display: flex; align-items: baseline; gap: 4px;\n}\n#zd-pricing .zp-eur {\n  font-family: 'Fraunces', 'Georgia', serif;\n  font-size: 1.3rem; font-weight: 800;\n  color: var(--zp-ink);\n}\n#zd-pricing .zp-card.popular .zp-eur { color: #fff; }\n#zd-pricing .zp-card.enterprise .zp-eur { color: var(--zp-gold); }\n\n#zd-pricing .zp-amount {\n  font-family: 'Fraunces', 'Georgia', serif;\n  font-size: 3rem; font-weight: 800;\n  line-height: 1; letter-spacing: -0.04em;\n  color: var(--zp-ink); transition: all 0.3s;\n}\n#zd-pricing .zp-card.popular .zp-amount { color: #fff; }\n#zd-pricing .zp-card.enterprise .zp-amount { color: var(--zp-gold); }\n\n#zd-pricing .zp-period {\n  font-size: 0.78rem; color: var(--zp-gray);\n  font-weight: 400;\n}\n#zd-pricing .zp-card.popular .zp-period { color: rgba(255,255,255,0.4); }\n#zd-pricing .zp-card.enterprise .zp-period { color: var(--zp-gold); opacity: 0.7; }\n\n#zd-pricing .zp-annual-note {\n  font-size: 0.73rem; color: #15803d; font-weight: 500;\n  margin-bottom: 6px; min-height: 18px;\n  transition: opacity 0.2s;\n}\n#zd-pricing .zp-card.popular .zp-annual-note { color: #86efac; }\n#zd-pricing .zp-card.enterprise .zp-annual-note { color: #92400e; }\n\n#zd-pricing .zp-desc {\n  font-size: 0.8rem; color: var(--zp-gray);\n  line-height: 1.55; margin-bottom: 20px;\n  padding-bottom: 20px; border-bottom: 1px solid var(--zp-border);\n}\n#zd-pricing .zp-card.popular .zp-desc {\n  color: rgba(255,255,255,0.5);\n  border-bottom-color: rgba(255,255,255,0.08);\n}\n#zd-pricing .zp-card.enterprise .zp-desc { color: #92400e; border-bottom-color: var(--zp-gold-br); }\n\n\/* Feature list *\/\n#zd-pricing .zp-features {\n  list-style: none; flex: 1;\n  display: flex; flex-direction: column; gap: 9px;\n  margin-bottom: 24px;\n}\n#zd-pricing .zp-features li {\n  display: flex; align-items: flex-start; gap: 9px;\n  font-size: 0.85rem; line-height: 1.45;\n  color: var(--zp-ink2);\n}\n#zd-pricing .zp-card.popular .zp-features li { color: rgba(255,255,255,0.8); }\n#zd-pricing .zp-card.enterprise .zp-features li { color: var(--zp-ink); }\n\n#zd-pricing .zp-check {\n  width: 16px; height: 16px; border-radius: 50%;\n  display: flex; align-items: center; justify-content: center;\n  flex-shrink: 0; margin-top: 1px;\n  font-size: 9px; font-weight: 700;\n}\n.zpc-blue   { background: #eff4ff; color: var(--zp-blue); }\n.zpc-white  { background: rgba(255,255,255,0.15); color: #fff; }\n.zpc-gold   { background: #fef3c7; color: var(--zp-gold); }\n\n\/* SLA badge *\/\n#zd-pricing .zp-sla-badge {\n  display: inline-flex; align-items: center; gap: 5px;\n  font-size: 0.68rem; font-weight: 600;\n  padding: 4px 10px; border-radius: 100px;\n  margin-bottom: 16px; align-self: flex-start;\n}\n.zpb-blue  { background: #eff4ff; color: var(--zp-blue); border: 1px solid #c7d7fd; }\n.zpb-white { background: rgba(255,255,255,0.12); color: rgba(255,255,255,0.8); border: 1px solid rgba(255,255,255,0.2); }\n.zpb-gold  { background: #fef3c7; color: var(--zp-gold); border: 1px solid var(--zp-gold-br); }\n\n\/* CTA button *\/\n#zd-pricing .zp-cta {\n  display: block; text-align: center;\n  padding: 13px 20px; border-radius: 10px;\n  font-size: 0.88rem; font-weight: 600;\n  text-decoration: none !important;\n  transition: all 0.2s;\n  border: none; cursor: pointer;\n  font-family: 'Plus Jakarta Sans', sans-serif;\n  letter-spacing: -0.01em;\n}\n#zd-pricing .zp-cta-outline {\n  border: 1.5px solid var(--zp-border) !important;\n  color: var(--zp-ink) !important;\n  background: transparent;\n}\n#zd-pricing .zp-cta-outline:hover {\n  border-color: var(--zp-blue) !important;\n  color: var(--zp-blue) !important;\n  transform: translateY(-2px);\n}\n#zd-pricing .zp-cta-solid {\n  background: var(--zp-sky); color: #fff !important;\n  box-shadow: 0 4px 14px rgba(14,165,233,0.3);\n}\n#zd-pricing .zp-cta-solid:hover {\n  background: #0284c7; transform: translateY(-2px);\n  box-shadow: 0 6px 20px rgba(14,165,233,0.4);\n}\n#zd-pricing .zp-cta-gold {\n  background: var(--zp-gold); color: #fff !important;\n  box-shadow: 0 4px 14px rgba(180,83,9,0.25);\n}\n#zd-pricing .zp-cta-gold:hover {\n  background: #92400e; transform: translateY(-2px);\n}\n\n\/* \u2500\u2500 Recovery badge inside card \u2500\u2500 *\/\n#zd-pricing .zp-recovery {\n  font-size: 0.72rem; font-weight: 600;\n  padding: 4px 10px; border-radius: 6px;\n  display: inline-block; margin-bottom: 16px;\n}\n.zpr-gray  { background: var(--zp-lgray); color: var(--zp-gray); }\n.zpr-green { background: #f0fdf4; color: #15803d; }\n.zpr-gold  { background: #fef3c7; color: var(--zp-gold); }\n\n\/* \u2500\u2500 Storage & Calc row \u2500\u2500 *\/\n#zd-pricing .zp-bottom {\n  display: grid;\n  grid-template-columns: 1fr 1fr;\n  gap: 20px;\n}\n\n#zd-pricing .zp-storage-card,\n#zd-pricing .zp-calc-card {\n  background: var(--zp-lgray);\n  border: 1.5px solid var(--zp-border);\n  border-radius: 18px; padding: 28px;\n}\n\n#zd-pricing .zp-card-h {\n  font-family: 'Fraunces', 'Georgia', serif;\n  font-size: 1.15rem; font-weight: 800;\n  letter-spacing: -0.02em; color: var(--zp-ink);\n  margin-bottom: 18px;\n}\n\n\/* Storage table *\/\n#zd-pricing .zp-stbl {\n  width: 100%; border-collapse: collapse;\n  font-size: 0.83rem;\n}\n#zd-pricing .zp-stbl th {\n  text-align: left; color: var(--zp-gray);\n  font-weight: 600; font-size: 0.73rem;\n  text-transform: uppercase; letter-spacing: 0.08em;\n  padding: 0 0 10px; border-bottom: 1.5px solid var(--zp-border);\n}\n#zd-pricing .zp-stbl td {\n  padding: 10px 0; border-bottom: 1px solid var(--zp-border);\n  color: var(--zp-ink2);\n}\n#zd-pricing .zp-stbl tr:last-child td { border: none; }\n#zd-pricing .zp-stbl .zp-free {\n  font-weight: 700; color: #15803d;\n}\n\n\/* Calculator *\/\n#zd-pricing .zp-calc-row {\n  display: flex; flex-direction: column; gap: 5px;\n  margin-bottom: 16px;\n}\n#zd-pricing .zp-calc-lbl {\n  font-size: 0.78rem; color: var(--zp-gray); font-weight: 500;\n}\n#zd-pricing .zp-calc-input-wrap {\n  display: flex; align-items: center; gap: 8px;\n}\n#zd-pricing .zp-calc-prefix {\n  font-size: 0.88rem; font-weight: 600; color: var(--zp-ink2);\n  flex-shrink: 0;\n}\n#zd-pricing .zp-calc-input {\n  flex: 1; height: 38px; padding: 0 12px;\n  border: 1.5px solid var(--zp-border);\n  border-radius: 8px; font-size: 0.88rem;\n  font-family: 'Plus Jakarta Sans', sans-serif;\n  color: var(--zp-ink); background: var(--zp-white);\n  transition: border-color 0.2s;\n  -moz-appearance: textfield;\n}\n#zd-pricing .zp-calc-input:focus {\n  outline: none; border-color: var(--zp-blue);\n}\n#zd-pricing .zp-calc-input::-webkit-outer-spin-button,\n#zd-pricing .zp-calc-input::-webkit-inner-spin-button { -webkit-appearance: none; }\n\n#zd-pricing .zp-calc-slider {\n  width: 100%; accent-color: var(--zp-blue);\n  cursor: pointer;\n}\n\n#zd-pricing .zp-calc-result {\n  background: var(--zp-ink); border-radius: 12px;\n  padding: 16px 20px; margin-top: 4px;\n}\n#zd-pricing .zp-result-lbl {\n  font-size: 0.72rem; color: rgba(255,255,255,0.45);\n  text-transform: uppercase; letter-spacing: 0.1em; margin-bottom: 6px;\n}\n#zd-pricing .zp-result-main {\n  display: flex; align-items: baseline; gap: 6px;\n  margin-bottom: 6px;\n}\n#zd-pricing .zp-result-val {\n  font-family: 'Fraunces', 'Georgia', serif;\n  font-size: 1.9rem; font-weight: 800;\n  color: var(--zp-sky); letter-spacing: -0.03em;\n  line-height: 1; transition: all 0.3s;\n}\n#zd-pricing .zp-result-unit {\n  font-size: 0.8rem; color: rgba(255,255,255,0.5);\n}\n#zd-pricing .zp-result-note {\n  font-size: 0.73rem; color: rgba(255,255,255,0.4);\n  line-height: 1.4;\n}\n#zd-pricing .zp-result-compare {\n  margin-top: 10px; padding-top: 10px;\n  border-top: 1px solid rgba(255,255,255,0.08);\n  font-size: 0.75rem; color: rgba(255,255,255,0.5);\n  display: flex; align-items: center; gap: 6px;\n}\n#zd-pricing .zp-result-compare strong { color: #86efac; }\n\n\/* \u2500\u2500 Money-back guarantee \u2500\u2500 *\/\n#zd-pricing .zp-guarantee {\n  text-align: center; margin-top: 32px;\n  font-size: 0.83rem; color: var(--zp-gray);\n  display: flex; align-items: center; justify-content: center; gap: 8px;\n}\n#zd-pricing .zp-guarantee-icon {\n  width: 32px; height: 32px; border-radius: 50%;\n  background: #f0fdf4; border: 1.5px solid #bbf7d0;\n  display: flex; align-items: center; justify-content: center;\n  font-size: 0.9rem; flex-shrink: 0;\n}\n\n\/* \u2500\u2500 Responsive \u2500\u2500 *\/\n@media (max-width: 960px) {\n  #zd-pricing .zp-cards { grid-template-columns: 1fr; max-width: 420px; margin: 0 auto 40px; }\n  #zd-pricing .zp-bottom { grid-template-columns: 1fr; }\n  #zd-pricing .zp-card.popular { transform: none; }\n}\n@media (max-width: 480px) {\n  #zd-pricing { padding: 60px 5% 60px; }\n}\n<\/style>\n\n<section id=\"zd-pricing\">\n<div class=\"zp-inner\">\n\n  <!-- Header -->\n  <div class=\"zp-header\">\n    <div class=\"zp-label\">\u03a4\u03b9\u03bc\u03bf\u03bb\u03cc\u03b3\u03b7\u03c3\u03b7<\/div>\n    <h2 class=\"zp-title\">Zero Downtime Protection<\/h2>\n    <p class=\"zp-sub\">\u03a0\u03c1\u03bf\u03c3\u03c4\u03b1\u03c3\u03af\u03b1 \u03c4\u03c9\u03bd websites \u03c3\u03b1\u03c2 \u03bc\u03b5 clone server \u03ba\u03b1\u03b9 \u03ac\u03bc\u03b5\u03c3\u03b7 \u03b1\u03bd\u03ac\u03ba\u03c4\u03b7\u03c3\u03b7 \u03bb\u03b5\u03b9\u03c4\u03bf\u03c5\u03c1\u03b3\u03af\u03b1\u03c2. \u0395\u03b3\u03b3\u03c5\u03b7\u03bc\u03ad\u03bd\u03bf SLA \u03c3\u03b5 \u03ba\u03ac\u03b8\u03b5 \u03c0\u03bb\u03ac\u03bd\u03bf.<\/p>\n  <\/div>\n\n  <!-- Billing toggle -->\n  <div class=\"zp-toggle-wrap\">\n    <span class=\"zp-toggle-lbl active\" id=\"zp-lbl-monthly\">\u039c\u03b7\u03bd\u03b9\u03b1\u03af\u03b1 \u03c7\u03c1\u03ad\u03c9\u03c3\u03b7<\/span>\n    <button class=\"zp-toggle-btn\" id=\"zp-toggle\" onclick=\"zpToggle()\">\n      <div class=\"zp-toggle-knob\"><\/div>\n    <\/button>\n    <span class=\"zp-toggle-lbl\" id=\"zp-lbl-annual\">\u0395\u03c4\u03ae\u03c3\u03b9\u03b1 \u03c7\u03c1\u03ad\u03c9\u03c3\u03b7<\/span>\n    <span class=\"zp-annual-badge\" id=\"zp-annual-badge\">\u0395\u03be\u03bf\u03b9\u03ba\u03bf\u03bd\u03cc\u03bc\u03b7\u03c3\u03b7 15%<\/span>\n  <\/div>\n\n  <!-- Cards -->\n  <div class=\"zp-cards\">\n\n    <!-- BASIC -->\n    <div class=\"zp-card\">\n      <div class=\"zp-card-name\">Basic<\/div>\n      <div class=\"zp-price-wrap\">\n        <span class=\"zp-eur\">\u20ac<\/span>\n        <span class=\"zp-amount\" id=\"zp-basic-price\">59<\/span>\n        <span class=\"zp-period\">\u00a0\/ \u03bc\u03ae\u03bd\u03b1 \/ site<\/span>\n      <\/div>\n      <div class=\"zp-annual-note\" id=\"zp-basic-note\">\u00a0<\/div>\n      <p class=\"zp-desc\">\u0393\u03b9\u03b1 \u03bc\u03b9\u03ba\u03c1\u03ad\u03c2 \u03b5\u03c0\u03b9\u03c7\u03b5\u03b9\u03c1\u03ae\u03c3\u03b5\u03b9\u03c2 \u03ba\u03b1\u03b9 blogs. Solid \u03c0\u03c1\u03bf\u03c3\u03c4\u03b1\u03c3\u03af\u03b1 \u03bc\u03b5 \u03b1\u03bd\u03b8\u03c1\u03ce\u03c0\u03b9\u03bd\u03b7 \u03b1\u03c0\u03cc\u03ba\u03c1\u03b9\u03c3\u03b7 \u03c3\u03b5 \u03b2\u03bb\u03ac\u03b2\u03b7.<\/p>\n      <span class=\"zp-recovery zpr-gray\">Assisted Failover \u2014 SLA < 2 \u03ce\u03c1\u03b5\u03c2<\/span>\n      <ul class=\"zp-features\">\n        <li><span class=\"zp-check zpc-blue\">\u2713<\/span>Clone Server (SSD Storage)<\/li>\n        <li><span class=\"zp-check zpc-blue\">\u2713<\/span>Database & File Sync \u03ba\u03ac\u03b8\u03b5 \u03ce\u03c1\u03b1<\/li>\n        <li><span class=\"zp-check zpc-blue\">\u2713<\/span>Assisted Failover \u03b1\u03c0\u03cc \u03c4\u03b7\u03bd \u03bf\u03bc\u03ac\u03b4\u03b1 \u03bc\u03b1\u03c2<\/li>\n        <li><span class=\"zp-check zpc-blue\">\u2713<\/span>7 \u03b7\u03bc\u03ad\u03c1\u03b5\u03c2 Point-in-Time Recovery<\/li>\n        <li><span class=\"zp-check zpc-blue\">\u2713<\/span>Email Alerts<\/li>\n        <li><span class=\"zp-check zpc-blue\">\u2713<\/span>Standard Support (\u03ce\u03c1\u03b5\u03c2 \u03b3\u03c1\u03b1\u03c6\u03b5\u03af\u03bf\u03c5)<\/li>\n      <\/ul>\n      <a class=\"zp-cta zp-cta-outline\" href=\"#\">\u039e\u03b5\u03ba\u03b9\u03bd\u03ae\u03c3\u03c4\u03b5<\/a>\n    <\/div>\n\n    <!-- BUSINESS (popular) -->\n    <div class=\"zp-card popular\">\n      <div class=\"zp-popular-badge\">Most Popular<\/div>\n      <div class=\"zp-card-name\">Business<\/div>\n      <div class=\"zp-price-wrap\">\n        <span class=\"zp-eur\">\u20ac<\/span>\n        <span class=\"zp-amount\" id=\"zp-biz-price\">129<\/span>\n        <span class=\"zp-period\">\u00a0\/ \u03bc\u03ae\u03bd\u03b1 \/ site<\/span>\n      <\/div>\n      <div class=\"zp-annual-note\" id=\"zp-biz-note\">\u00a0<\/div>\n      <p class=\"zp-desc\">\u0393\u03b9\u03b1 \u03b5\u03c0\u03b1\u03b3\u03b3\u03b5\u03bb\u03bc\u03b1\u03c4\u03b9\u03ba\u03ac sites & e-shops. \u03a0\u03bb\u03ae\u03c1\u03b7\u03c2 \u03b1\u03c5\u03c4\u03bf\u03bc\u03b1\u03c4\u03b9\u03c3\u03bc\u03cc\u03c2 \u03ba\u03b1\u03b9 \u03b5\u03b3\u03b3\u03cd\u03b7\u03c3\u03b7 \u03b5\u03c0\u03b1\u03bd\u03b1\u03c6\u03bf\u03c1\u03ac\u03c2 \u03c3\u03b5 < 1 \u03bb\u03b5\u03c0\u03c4\u03cc.<\/p>\n      <span class=\"zp-recovery zpr-green\">Automatic Failover \u2014 Recovery < 1 \u03bb\u03b5\u03c0\u03c4\u03cc<\/span>\n      <span class=\"zp-sla-badge zpb-white\">\ud83d\udee1 SLA Credit Policy<\/span>\n      <ul class=\"zp-features\">\n        <li><span class=\"zp-check zpc-white\">\u2713<\/span>Clone Server (NVMe Storage)<\/li>\n        <li><span class=\"zp-check zpc-white\">\u2713<\/span>Real-time DB Sync + File Sync \/ 15 \u03bb\u03b5\u03c0\u03c4\u03ac<\/li>\n        <li><span class=\"zp-check zpc-white\">\u2713<\/span>Automatic Failover \u2014 \u03b5\u03bd\u03c4\u03b5\u03bb\u03ce\u03c2 \u03b1\u03c5\u03c4\u03cc\u03bc\u03b1\u03c4\u03bf<\/li>\n        <li><span class=\"zp-check zpc-white\">\u2713<\/span>7 \u03b7\u03bc\u03ad\u03c1\u03b5\u03c2 Point-in-Time Recovery<\/li>\n        <li><span class=\"zp-check zpc-white\">\u2713<\/span>24\/7 Monitoring + Email & SMS Alerts<\/li>\n        <li><span class=\"zp-check zpc-white\">\u2713<\/span>Priority Support<\/li>\n        <li><span class=\"zp-check zpc-white\">\u2713<\/span>SLA Credits \u03b1\u03bd \u03b4\u03b5\u03bd \u03c4\u03b7\u03c1\u03b7\u03b8\u03b5\u03af \u03c4\u03bf 99.9%<\/li>\n      <\/ul>\n      <a class=\"zp-cta zp-cta-solid\" href=\"#\">\u039e\u03b5\u03ba\u03b9\u03bd\u03ae\u03c3\u03c4\u03b5<\/a>\n    <\/div>\n\n    <!-- ENTERPRISE -->\n    <div class=\"zp-card enterprise\">\n      <div class=\"zp-card-name\">Enterprise<\/div>\n      <div class=\"zp-price-wrap\">\n        <span class=\"zp-eur\" style=\"color:var(--zp-gold)\">\u20ac<\/span>\n        <span class=\"zp-amount\" id=\"zp-ent-price\">199<\/span>\n        <span class=\"zp-period\">\u00a0\/ \u03bc\u03ae\u03bd\u03b1 \/ site<\/span>\n      <\/div>\n      <div class=\"zp-annual-note\" id=\"zp-ent-note\">\u00a0<\/div>\n      <p class=\"zp-desc\" style=\"color:#92400e\">\u0393\u03b9\u03b1 WooCommerce, SaaS & mission-critical sites. Dedicated SLA, phone support \u03ba\u03b1\u03b9 guaranteed RTO.<\/p>\n      <span class=\"zp-recovery zpr-gold\">Automatic Failover \u2014 Guaranteed RTO < 5 \u03bb\u03b5\u03c0\u03c4\u03ac<\/span>\n      <span class=\"zp-sla-badge zpb-gold\">\ud83d\udee1 SLA Credits + Phone Support<\/span>\n      <ul class=\"zp-features\">\n        <li><span class=\"zp-check zpc-gold\">\u2713<\/span>Dedicated Clone Server (NVMe)<\/li>\n        <li><span class=\"zp-check zpc-gold\">\u2713<\/span>Real-time DB Sync + File Sync \/ 5 \u03bb\u03b5\u03c0\u03c4\u03ac<\/li>\n        <li><span class=\"zp-check zpc-gold\">\u2713<\/span>Automatic Failover \u2014 Guaranteed RTO < 5 \u03bb\u03b5\u03c0\u03c4\u03ac<\/li>\n        <li><span class=\"zp-check zpc-gold\">\u2713<\/span>14 \u03b7\u03bc\u03ad\u03c1\u03b5\u03c2 Point-in-Time Recovery<\/li>\n        <li><span class=\"zp-check zpc-gold\">\u2713<\/span>24\/7 Monitoring + Phone Alerts<\/li>\n        <li><span class=\"zp-check zpc-gold\">\u2713<\/span>Dedicated Account Manager<\/li>\n        <li><span class=\"zp-check zpc-gold\">\u2713<\/span>Monthly Uptime Report<\/li>\n        <li><span class=\"zp-check zpc-gold\">\u2713<\/span>SLA Credits \u03b1\u03bd \u03b4\u03b5\u03bd \u03c4\u03b7\u03c1\u03b7\u03b8\u03b5\u03af \u03c4\u03bf 99.95%<\/li>\n      <\/ul>\n      <a class=\"zp-cta zp-cta-gold\" href=\"#\">\u0395\u03c0\u03b9\u03ba\u03bf\u03b9\u03bd\u03c9\u03bd\u03ae\u03c3\u03c4\u03b5 \u03bc\u03b1\u03b6\u03af \u03bc\u03b1\u03c2<\/a>\n    <\/div>\n\n  <\/div>\n\n  <!-- Bottom row: Storage + Calculator -->\n  <div class=\"zp-bottom\">\n\n    <!-- Storage -->\n    <div class=\"zp-storage-card\">\n      <div class=\"zp-card-h\">Storage Charges<\/div>\n      <table class=\"zp-stbl\">\n        <thead>\n          <tr>\n            <th>Data Size<\/th>\n            <th>\u0395\u03c0\u03b9\u03c0\u03bb\u03ad\u03bf\u03bd \u039a\u03cc\u03c3\u03c4\u03bf\u03c2<\/th>\n          <\/tr>\n        <\/thead>\n        <tbody>\n          <tr><td>\u03ad\u03c9\u03c2 20 GB<\/td><td class=\"zp-free\">\u0394\u03c9\u03c1\u03b5\u03ac\u03bd<\/td><\/tr>\n          <tr><td>20 GB \u2013 100 GB<\/td><td>+\u20ac20 \/ \u03bc\u03ae\u03bd\u03b1<\/td><\/tr>\n          <tr><td>100 GB \u2013 300 GB<\/td><td>+\u20ac50 \/ \u03bc\u03ae\u03bd\u03b1<\/td><\/tr>\n          <tr><td>300 GB \u2013 1 TB<\/td><td>+\u20ac120 \/ \u03bc\u03ae\u03bd\u03b1<\/td><\/tr>\n        <\/tbody>\n      <\/table>\n    <\/div>\n\n    <!-- Downtime Cost Calculator -->\n    <div class=\"zp-calc-card\">\n      <div class=\"zp-card-h\">Downtime Cost Calculator<\/div>\n\n      <div class=\"zp-calc-row\">\n        <label class=\"zp-calc-lbl\">\u039c\u03b7\u03bd\u03b9\u03b1\u03af\u03bf\u03c2 \u03c4\u03b6\u03af\u03c1\u03bf\u03c2 e-shop<\/label>\n        <div class=\"zp-calc-input-wrap\">\n          <span class=\"zp-calc-prefix\">\u20ac<\/span>\n          <input type=\"number\" class=\"zp-calc-input\" id=\"zp-revenue\" value=\"5000\" min=\"0\" step=\"100\" oninput=\"zpCalc()\">\n        <\/div>\n      <\/div>\n\n      <div class=\"zp-calc-row\">\n        <label class=\"zp-calc-lbl\">\u0395\u03ba\u03c4\u03b9\u03bc\u03ce\u03bc\u03b5\u03bd\u03b5\u03c2 \u03ce\u03c1\u03b5\u03c2 downtime \/ \u03c7\u03c1\u03cc\u03bd\u03bf: <strong id=\"zp-hours-val\">4<\/strong>h<\/label>\n        <input type=\"range\" class=\"zp-calc-slider\" id=\"zp-hours\" min=\"1\" max=\"48\" value=\"4\" step=\"1\" oninput=\"zpCalc()\">\n      <\/div>\n\n      <div class=\"zp-calc-result\">\n        <div class=\"zp-result-lbl\">\u0395\u03ba\u03c4\u03b9\u03bc\u03ce\u03bc\u03b5\u03bd\u03b7 \u03b5\u03c4\u03ae\u03c3\u03b9\u03b1 \u03b6\u03b7\u03bc\u03b9\u03ac \u03b1\u03c0\u03cc downtime<\/div>\n        <div class=\"zp-result-main\">\n          <span class=\"zp-result-val\" id=\"zp-loss\">\u20ac111<\/span>\n          <span class=\"zp-result-unit\">\/ \u03c7\u03c1\u03cc\u03bd\u03bf<\/span>\n        <\/div>\n        <div class=\"zp-result-note\" id=\"zp-loss-note\">\u2248 \u20ac28\/\u03ce\u03c1\u03b1 \u00b7 4 \u03ce\u03c1\u03b5\u03c2 downtime<\/div>\n        <div class=\"zp-result-compare\">\n          \u03a4\u03bf Business plan \u03ba\u03bf\u03c3\u03c4\u03af\u03b6\u03b5\u03b9 <strong id=\"zp-plan-cost\">\u20ac129\/\u03bc\u03ae\u03bd\u03b1<\/strong> \u2014 \u03c0\u03c1\u03bf\u03c3\u03c4\u03b1\u03c4\u03b5\u03cd\u03b5\u03b9 \u03c4\u03bf\n          <strong id=\"zp-protect-pct\">8%<\/strong> \u03c4\u03bf\u03c5 \u03c4\u03b6\u03af\u03c1\u03bf\u03c5 \u03c3\u03b1\u03c2\n        <\/div>\n      <\/div>\n\n    <\/div>\n  <\/div>\n\n  <!-- Guarantee -->\n  <div class=\"zp-guarantee\">\n    <div class=\"zp-guarantee-icon\">\ud83d\udee1<\/div>\n    <span>\u0395\u03ac\u03bd \u03b4\u03b5\u03bd \u03b5\u03af\u03c3\u03c4\u03b5 \u03b9\u03ba\u03b1\u03bd\u03bf\u03c0\u03bf\u03b9\u03b7\u03bc\u03ad\u03bd\u03bf\u03b9 \u03c4\u03b9\u03c2 \u03c0\u03c1\u03ce\u03c4\u03b5\u03c2 <strong>30 \u03b7\u03bc\u03ad\u03c1\u03b5\u03c2<\/strong>, \u03b5\u03c0\u03b9\u03c3\u03c4\u03c1\u03ad\u03c6\u03bf\u03c5\u03bc\u03b5 \u03c0\u03bb\u03ae\u03c1\u03c9\u03c2 \u03c4\u03b7 \u03c7\u03c1\u03ad\u03c9\u03c3\u03b7 \u2014 \u03c7\u03c9\u03c1\u03af\u03c2 \u03b5\u03c1\u03c9\u03c4\u03ae\u03c3\u03b5\u03b9\u03c2.<\/span>\n  <\/div>\n\n<\/div>\n<\/section>\n\n<script>\n(function(){\n  var isAnnual = false;\n  var prices = { basic: 59, biz: 129, ent: 199 };\n\n  window.zpToggle = function() {\n    isAnnual = !isAnnual;\n    var btn   = document.getElementById('zp-toggle');\n    var lblM  = document.getElementById('zp-lbl-monthly');\n    var lblA  = document.getElementById('zp-lbl-annual');\n    var badge = document.getElementById('zp-annual-badge');\n\n    btn.classList.toggle('on', isAnnual);\n    lblM.classList.toggle('active', !isAnnual);\n    lblA.classList.toggle('active', isAnnual);\n    badge.classList.toggle('show', isAnnual);\n\n    var factor = isAnnual ? 0.85 : 1;\n    var note   = isAnnual ? '-15% \u03bc\u03b5 \u03b5\u03c4\u03ae\u03c3\u03b9\u03b1 \u03c0\u03bb\u03b7\u03c1\u03c9\u03bc\u03ae' : '';\n\n    ['basic','biz','ent'].forEach(function(key) {\n      var el = document.getElementById('zp-' + key + '-price');\n      var nl = document.getElementById('zp-' + key + '-note');\n      if (el) el.textContent = Math.round(prices[key] * factor);\n      if (nl) nl.textContent = isAnnual ? note : '\\u00a0';\n    });\n    zpCalc();\n  };\n\n  window.zpCalc = function() {\n    var rev   = parseFloat(document.getElementById('zp-revenue').value) || 0;\n    var hours = parseInt(document.getElementById('zp-hours').value) || 1;\n    document.getElementById('zp-hours-val').textContent = hours;\n\n    var perHour    = rev \/ (30 * 8);\n    var annualLoss = Math.round(perHour * hours);\n    var bizMonthly = isAnnual ? Math.round(prices.biz * 0.85) : prices.biz;\n    var bizAnnual  = bizMonthly * 12;\n    var pct        = rev > 0 ? Math.round((bizAnnual \/ (rev * 12)) * 100) : 0;\n\n    document.getElementById('zp-loss').textContent =\n      '\u20ac' + annualLoss.toLocaleString('el-GR');\n    document.getElementById('zp-loss-note').textContent =\n      '\u2248 \u20ac' + Math.round(perHour) + '\/\u03ce\u03c1\u03b1 \u00b7 ' + hours + (hours === 1 ? ' \u03ce\u03c1\u03b1' : ' \u03ce\u03c1\u03b5\u03c2') + ' downtime';\n    document.getElementById('zp-plan-cost').textContent =\n      '\u20ac' + bizMonthly + '\/\u03bc\u03ae\u03bd\u03b1';\n    document.getElementById('zp-protect-pct').textContent =\n      pct + '%';\n  };\n\n  \/\/ Init\n  zpCalc();\n})();\n<\/script><\/div><\/div><\/div><\/div><\/p>\n","protected":false},"excerpt":{"rendered":"","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-2914","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/www.sitedesign.gr\/en\/wp-json\/wp\/v2\/pages\/2914","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.sitedesign.gr\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.sitedesign.gr\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.sitedesign.gr\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.sitedesign.gr\/en\/wp-json\/wp\/v2\/comments?post=2914"}],"version-history":[{"count":31,"href":"https:\/\/www.sitedesign.gr\/en\/wp-json\/wp\/v2\/pages\/2914\/revisions"}],"predecessor-version":[{"id":3055,"href":"https:\/\/www.sitedesign.gr\/en\/wp-json\/wp\/v2\/pages\/2914\/revisions\/3055"}],"wp:attachment":[{"href":"https:\/\/www.sitedesign.gr\/en\/wp-json\/wp\/v2\/media?parent=2914"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}