{"id":1558,"date":"2026-07-11T11:41:40","date_gmt":"2026-07-11T11:41:40","guid":{"rendered":"https:\/\/alarmcentar.hr\/?page_id=1558"},"modified":"2026-07-17T08:27:24","modified_gmt":"2026-07-17T08:27:24","slug":"fog-generators","status":"publish","type":"page","link":"https:\/\/alarmcentar.hr\/en\/fog-generators\/","title":{"rendered":"Fog generators"},"content":{"rendered":"<div class=\"et_pb_section_0 et_pb_section et_section_regular et_flex_section\">\n<div class=\"et_pb_row_0 et_pb_row et_flex_row\">\n<div class=\"et_pb_column_0 et_pb_column et-last-child et_flex_column et_pb_css_mix_blend_mode_passthrough et_flex_column_24_24 et_flex_column_24_24_tablet et_flex_column_24_24_phone\">\n<div class=\"et_pb_code_0 et_pb_code et_pb_module\"><div class=\"et_pb_code_inner\"><style>\n@import url('https:\/\/fonts.googleapis.com\/css2?family=Alata&family=Inter:wght@400;500;600;700;800&display=swap');\n\n.fog-wrap {\n  --accent: #c60f0f;\n  --accent-dark: #8f0a0a;\n  --ink: #14151a;\n  --gray: #5c5f66;\n  --bg-light: #f7f6f5;\n  font-family: 'Inter', sans-serif;\n  color: var(--ink);\n  overflow: hidden;\n}\n.fog-wrap * { box-sizing: border-box; }\n.fog-wrap h1, .fog-wrap h2, .fog-wrap h3 {\n  font-family: 'Alata', sans-serif;\n  font-weight: 400;\n  letter-spacing: 0.01em;\n}\n.fog-inner {\n  max-width: 1180px;\n  margin: 0 auto;\n  padding: 0 22px;\n}\n.fog-reveal {\n  opacity: 0;\n  transform: translateY(24px);\n  transition: opacity .7s cubic-bezier(.2,.7,.2,1), transform .7s cubic-bezier(.2,.7,.2,1);\n}\n.fog-reveal.fog-visible { opacity: 1; transform: translateY(0); }\n\n\/* ============================================================\n   HERO - Split-Layout with Background Video\n   ============================================================ *\/\n.fog-hero {\n  position: relative;\n  overflow: hidden;\n  padding: 70px 0 60px;\n  background: var(--ink);\n  color: #fff;\n}\n\n\/* Background video *\/\n.fog-hero-video {\n  position: absolute;\n  top: 0;\n  left: 0;\n  width: 100%;\n  height: 100%;\n  object-fit: cover;\n  z-index: 1;\n  pointer-events: none;\n  opacity: 0.75; \/* Smanjena prozirnost videa za bolju uo\u010dljivost magle *\/\n}\n\n\/* Dark overlay for perfect contrast and text readability *\/\n.fog-hero-overlay {\n  position: absolute;\n  top: 0;\n  left: 0;\n  width: 100%;\n  height: 100%;\n  background: linear-gradient(to bottom, rgba(20, 21, 26, 0.75), rgba(20, 21, 26, 0.85));\n  z-index: 2;\n  pointer-events: none;\n}\n\n.fog-hero-grid {\n  position: relative;\n  z-index: 3; \/* Content goes above video and overlay *\/\n  display: grid;\n  grid-template-columns: 1.1fr 0.9fr;\n  gap: 50px;\n  align-items: center;\n}\n@media (max-width: 860px) {\n  .fog-hero-grid { grid-template-columns: 1fr; gap: 30px; }\n}\n.fog-eyebrow {\n  display: inline-flex;\n  align-items: center;\n  gap: 8px;\n  font-size: 0.78rem;\n  font-weight: 700;\n  letter-spacing: 0.14em;\n  text-transform: uppercase;\n  color: var(--accent);\n  background: rgba(198,15,15,0.14);\n  padding: 8px 16px;\n  border-radius: 30px;\n  margin-bottom: 20px;\n}\n.fog-hero h1 {\n  font-size: clamp(1.9rem, 3.6vw, 2.5rem);\n  line-height: 1.25;\n  margin: 0 0 18px;\n  color: #fff !important;\n}\n.fog-hero h1 span { color: var(--accent); }\n.fog-hero p {\n  color: #c6c7cc;\n  font-size: 1rem;\n  line-height: 1.75;\n  margin: 0 0 26px;\n}\n.fog-badges {\n  display: flex;\n  flex-wrap: wrap;\n  gap: 10px;\n}\n.fog-badge {\n  display: inline-flex;\n  align-items: center;\n  gap: 6px;\n  font-size: 0.8rem;\n  font-weight: 600;\n  color: #fff;\n  background: rgba(255,255,255,0.07);\n  border: 1px solid rgba(255,255,255,0.14);\n  padding: 7px 13px;\n  border-radius: 20px;\n}\n.fog-badge svg { width: 13px; height: 13px; color: var(--accent); }\n\n\/* Responsive image container *\/\n.fog-visual {\n  position: relative;\n  width: 100%;\n  border-radius: 16px;\n  overflow: hidden;\n  border: 1px solid rgba(255,255,255,0.08);\n}\n.fog-visual img {\n  width: 100%;\n  height: auto;\n  display: block;\n}\n@media (min-width: 861px) {\n  .fog-visual {\n    height: 330px;\n  }\n  .fog-visual img {\n    height: 100%;\n    object-fit: cover;\n  }\n}\n\n\/* ============================================================\n   HOW THE SYSTEM PREVENTS THEFT - Steps\n   ============================================================ *\/\n.fog-steps {\n  padding: 70px 0;\n  background: #fff;\n}\n.fog-steps h2 {\n  text-align: center;\n  font-size: clamp(1.5rem, 3vw, 2rem);\n  margin: 0 0 50px;\n}\n.fog-steps-list {\n  max-width: 720px;\n  margin: 0 auto;\n  position: relative;\n}\n.fog-steps-list::before {\n  content: \"\";\n  position: absolute;\n  left: 27px;\n  top: 8px;\n  bottom: 8px;\n  width: 2px;\n  background: linear-gradient(to bottom, var(--accent), rgba(198,15,15,0.15));\n}\n@media (max-width: 560px) {\n  .fog-steps-list::before { left: 22px; }\n}\n.fog-step {\n  position: relative;\n  display: flex;\n  gap: 24px;\n  padding-bottom: 40px;\n}\n.fog-step:last-child { padding-bottom: 0; }\n.fog-step-num {\n  flex: 0 0 auto;\n  width: 56px;\n  height: 56px;\n  border-radius: 50%;\n  background: var(--ink);\n  color: var(--accent);\n  border: 2px solid var(--accent);\n  font-family: 'Alata', sans-serif;\n  font-size: 1.3rem;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  position: relative;\n  z-index: 2;\n  transform: scale(0.6);\n  opacity: 0;\n  transition: transform .5s cubic-bezier(.34,1.56,.64,1), opacity .5s ease;\n}\n.fog-step.fog-visible .fog-step-num { transform: scale(1); opacity: 1; }\n@media (max-width: 560px) {\n  .fog-step-num { width: 44px; height: 44px; font-size: 1.05rem; }\n}\n.fog-step-body { padding-top: 8px; }\n.fog-step-body h3 {\n  font-size: 1.1rem;\n  margin: 0 0 6px;\n}\n.fog-step-body p {\n  color: var(--gray);\n  font-size: 0.95rem;\n  line-height: 1.7;\n  margin: 0;\n}\n\n\/* ============================================================\n   SAFETY - Benefit Cards\n   ============================================================ *\/\n.fog-safety {\n  padding: 60px 0;\n  background: var(--bg-light);\n}\n.fog-safety-inner {\n  display: grid;\n  grid-template-columns: 0.9fr 1.1fr;\n  gap: 40px;\n  align-items: center;\n}\n@media (max-width: 860px) {\n  .fog-safety-inner { grid-template-columns: 1fr; }\n}\n.fog-safety h2 {\n  font-size: clamp(1.4rem, 2.6vw, 1.9rem);\n  margin: 0 0 14px;\n}\n.fog-safety p {\n  color: var(--gray);\n  line-height: 1.75;\n  font-size: 0.96rem;\n  margin: 0;\n}\n.fog-pill-grid {\n  display: grid;\n  grid-template-columns: repeat(2, 1fr);\n  gap: 14px;\n}\n@media (max-width: 480px) {\n  .fog-pill-grid { grid-template-columns: 1fr; }\n}\n.fog-pill {\n  background: #fff;\n  border: 1px solid #eee;\n  border-radius: 10px;\n  padding: 18px;\n  display: flex;\n  align-items: center;\n  gap: 12px;\n  font-size: 0.88rem;\n  font-weight: 600;\n  color: var(--ink);\n  transition: border-color .25s ease, transform .25s ease;\n}\n.fog-pill:hover {\n  border-color: rgba(198,15,15,0.35);\n  transform: translateY(-3px);\n}\n.fog-pill svg {\n  width: 20px; height: 20px;\n  color: var(--accent);\n  flex: 0 0 auto;\n}\n\n\/* ============================================================\n   APPLICATION - Sectors and Chips\n   ============================================================ *\/\n.fog-apps {\n  padding: 60px 0 70px;\n  background: #fff;\n  text-align: center;\n}\n.fog-apps h2 {\n  font-size: clamp(1.4rem, 2.6vw, 1.9rem);\n  margin: 0 0 10px;\n}\n.fog-apps > .fog-inner > p {\n  color: var(--gray);\n  max-width: 620px;\n  margin: 0 auto 30px;\n  font-size: 0.96rem;\n  line-height: 1.7;\n}\n.fog-chips {\n  display: flex;\n  flex-wrap: wrap;\n  justify-content: center;\n  gap: 12px;\n}\n.fog-chip {\n  display: inline-flex;\n  align-items: center;\n  gap: 8px;\n  padding: 12px 20px;\n  border-radius: 30px;\n  background: var(--bg-light);\n  border: 1.5px solid transparent;\n  font-size: 0.9rem;\n  font-weight: 600;\n  color: var(--ink);\n  transition: background .25s ease, border-color .25s ease, transform .2s ease;\n}\n.fog-chip:hover {\n  background: #fff;\n  border-color: var(--accent);\n  transform: translateY(-2px);\n}\n.fog-chip svg { width: 16px; height: 16px; color: var(--accent); }\n\n\/* ============================================================\n   EXPERT TIP - Highlight Box\n   ============================================================ *\/\n.fog-tip {\n  padding: 0 0 70px;\n  background: #fff;\n}\n.fog-tip-box {\n  position: relative;\n  background: var(--bg-light);\n  border-left: 5px solid var(--accent);\n  border-radius: 10px;\n  padding: 32px 34px;\n  display: flex;\n  gap: 20px;\n  align-items: flex-start;\n}\n@media (max-width: 560px) {\n  .fog-tip-box { flex-direction: column; gap: 14px; padding: 24px; }\n}\n.fog-tip-icon {\n  flex: 0 0 auto;\n  width: 46px;\n  height: 46px;\n  border-radius: 50%;\n  background: var(--accent);\n  display: flex;\n  align-items: center;\n  justify-content: center;\n}\n.fog-tip-icon svg { width: 22px; height: 22px; color: #fff; }\n.fog-tip-box h4 {\n  font-family: 'Alata', sans-serif;\n  font-size: 1rem;\n  margin: 0 0 8px;\n  color: var(--accent-dark);\n}\n.fog-tip-box p {\n  color: var(--ink);\n  font-size: 0.96rem;\n  line-height: 1.75;\n  margin: 0;\n}\n\n\/* ============================================================\n   CTA - Call to Action\n   ============================================================ *\/\n.fog-cta {\n  position: relative;\n  background: var(--ink);\n  padding: 56px 0;\n  overflow: hidden;\n}\n.fog-cta::before {\n  content: \"\";\n  position: absolute;\n  top: 0; bottom: 0;\n  right: -10%;\n  width: 55%;\n  background: linear-gradient(120deg, transparent, rgba(198,15,15,0.18));\n  transform: skewX(-12deg);\n}\n.fog-cta-inner {\n  position: relative;\n  z-index: 2;\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  gap: 30px;\n  flex-wrap: wrap;\n}\n@media (max-width: 860px) {\n  .fog-cta-inner { flex-direction: column; align-items: flex-start; }\n}\n.fog-cta-text { max-width: 560px; }\n.fog-cta-text p.fog-cta-eyebrow {\n  color: var(--accent);\n  font-weight: 700;\n  font-size: 0.85rem;\n  text-transform: uppercase;\n  letter-spacing: 0.1em;\n  margin: 0 0 10px;\n}\n.fog-cta-text h3 {\n  color: #fff;\n  font-size: clamp(1.2rem, 2.2vw, 1.55rem);\n  line-height: 1.4;\n  margin: 0;\n}\n.fog-cta-btn {\n  position: relative;\n  display: inline-flex;\n  align-items: center;\n  gap: 10px;\n  background: var(--accent);\n  color: #fff;\n  font-family: 'Inter', sans-serif;\n  font-weight: 700;\n  font-size: 0.98rem;\n  padding: 15px 30px;\n  border-radius: 30px;\n  text-decoration: none;\n  overflow: hidden;\n  white-space: nowrap;\n  transition: transform .2s ease, box-shadow .2s ease;\n  box-shadow: 0 8px 20px rgba(198,15,15,0.4);\n}\n.fog-cta-btn:hover {\n  transform: translateY(-2px);\n  box-shadow: 0 12px 26px rgba(198,15,15,0.5);\n}\n.fog-cta-btn::before {\n  content: \"\";\n  position: absolute;\n  top: 0; left: -60%;\n  width: 40%; height: 100%;\n  background: linear-gradient(120deg, transparent, rgba(255,255,255,0.45), transparent);\n  transform: skewX(-20deg);\n  animation: fogShine 3.2s ease-in-out infinite;\n}\n@keyframes fogShine {\n  0% { left: -60%; } 40% { left: 130%; } 100% { left: 130%; }\n}\n.fog-cta-btn svg { width: 16px; height: 16px; transition: transform .25s ease; }\n.fog-cta-btn:hover svg { transform: translateX(4px); }\n<\/style>\n\n<div class=\"fog-wrap\">\n\n  <!-- ================= HERO ================= -->\n  <section class=\"fog-hero\">\n    <!-- Compressed background video -->\n    <video class=\"fog-hero-video\" autoplay loop muted playsinline>\n      <source src=\"https:\/\/alarmcentar.hr\/wp-content\/uploads\/2026\/07\/Fog-generator.mp4\" type=\"video\/mp4\">\n    <\/video>\n    \n    <!-- Text contrast overlay -->\n    <div class=\"fog-hero-overlay\"><\/div>\n\n    <div class=\"fog-inner fog-hero-grid\">\n      <div class=\"fog-reveal\">\n        <span class=\"fog-eyebrow\">FOG GENERATORS \u00b7 Concept Smoke Screen<\/span>\n        <h1>Active protection using <span>security fog<\/span><\/h1>\n        <p>Traditional security systems only record or report a break-in. Concept Smoke Screen systems, however, actively prevent theft in the first, most critical minutes of the event. A security fog generator fills the room in just a few seconds with a dense, completely opaque fog, stripping the intruder of visibility and all orientation.<\/p>\n        <div class=\"fog-badges\">\n          <span class=\"fog-badge\"><svg viewBox=\"0 0 24 24\" fill=\"none\"><path d=\"M9 12l2 2 4-4\" stroke=\"currentColor\" stroke-width=\"2.2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><circle cx=\"12\" cy=\"12\" r=\"9\" stroke=\"currentColor\" stroke-width=\"1.8\"\/><\/svg> Certified<\/span>\n          <span class=\"fog-badge\"><svg viewBox=\"0 0 24 24\" fill=\"none\"><path d=\"M12 21C12 21 19 16.5 19 10.5C19 6.36 15.64 3 11.5 3\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\"\/><\/svg> Residue-Free<\/span>\n          <span class=\"fog-badge\"><svg viewBox=\"0 0 24 24\" fill=\"none\"><path d=\"M12 2L20 6V12C20 17 16.5 20.5 12 22C7.5 20.5 4 17 4 12V6L12 2Z\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linejoin=\"round\"\/><\/svg> Device-Safe<\/span>\n        <\/div>\n      <\/div>\n\n      <div class=\"fog-visual fog-reveal\">\n        <img decoding=\"async\" src=\"https:\/\/alarmcentar.hr\/wp-content\/uploads\/2026\/07\/Fog-generators.png\" alt=\"Concept Smoke Screen security fog generator\">\n      <\/div>\n    <\/div>\n  <\/section>\n\n  <!-- ================= HOW THE SYSTEM PREVENTS THEFT ================= -->\n  <section class=\"fog-steps\">\n    <div class=\"fog-inner\">\n      <h2 class=\"fog-reveal\">How does the system prevent theft?<\/h2>\n      <div class=\"fog-steps-list\">\n\n        <div class=\"fog-step fog-reveal\">\n          <div class=\"fog-step-num\">1<\/div>\n          <div class=\"fog-step-body\">\n            <h3>Intrusion Detection<\/h3>\n            <p>The alarm system detects unauthorized, forceful entry into the protected property.<\/p>\n          <\/div>\n        <\/div>\n\n        <div class=\"fog-step fog-reveal\">\n          <div class=\"fog-step-num\">2<\/div>\n          <div class=\"fog-step-body\">\n            <h3>Instant Fog Activation<\/h3>\n            <p>The fog generator activates instantly, reducing visibility to less than half a meter in seconds.<\/p>\n          <\/div>\n        <\/div>\n\n        <div class=\"fog-step fog-reveal\">\n          <div class=\"fog-step-num\">3<\/div>\n          <div class=\"fog-step-body\">\n            <h3>Forced Retreat<\/h3>\n            <p>Without the ability to see the goods, the layout, or the exit, the intruder completely loses orientation and is forced to flee immediately empty-handed.<\/p>\n          <\/div>\n        <\/div>\n\n      <\/div>\n    <\/div>\n  <\/section>\n\n  <!-- ================= SAFETY ================= -->\n  <section class=\"fog-safety\">\n    <div class=\"fog-inner fog-safety-inner\">\n      <div class=\"fog-reveal\">\n        <h2>Completely safe for property and people<\/h2>\n        <p>The security fog generated by Smoke Screen carries all the necessary certifications \u2014 it is completely harmless to the health of humans and animals, leaves no residue, dust, or odor after ventilation, and is 100% safe for sensitive electronic equipment, textiles, and high-value goods.<\/p>\n      <\/div>\n\n      <div class=\"fog-pill-grid fog-reveal\">\n        <div class=\"fog-pill\">\n          <svg viewBox=\"0 0 24 24\" fill=\"none\"><path d=\"M9 12l2 2 4-4\" stroke=\"currentColor\" stroke-width=\"2.2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><circle cx=\"12\" cy=\"12\" r=\"9\" stroke=\"currentColor\" stroke-width=\"1.8\"\/><\/svg>\n          Certified Safety\n        <\/div>\n        <div class=\"fog-pill\">\n          <svg viewBox=\"0 0 24 24\" fill=\"none\"><path d=\"M12 4V2M12 22V20M4 12H2M22 12H20\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\"\/><circle cx=\"12\" cy=\"12\" r=\"6\" stroke=\"currentColor\" stroke-width=\"1.8\"\/><\/svg>\n          Odor &amp; Residue Free\n        <\/div>\n        <div class=\"fog-pill\">\n          <svg viewBox=\"0 0 24 24\" fill=\"none\"><rect x=\"4\" y=\"7\" width=\"16\" height=\"12\" rx=\"2\" stroke=\"currentColor\" stroke-width=\"1.8\"\/><path d=\"M8 7V5C8 3.9 8.9 3 10 3H14C15.1 3 16 3.9 16 5V7\" stroke=\"currentColor\" stroke-width=\"1.8\"\/><\/svg>\n          Safe for Electronics\n        <\/div>\n        <div class=\"fog-pill\">\n          <svg viewBox=\"0 0 24 24\" fill=\"none\"><path d=\"M4 21C4 21 4 15 12 15C20 15 20 21 20 21\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\"\/><circle cx=\"12\" cy=\"8\" r=\"4\" stroke=\"currentColor\" stroke-width=\"1.8\"\/><\/svg>\n          Harmless to Humans &amp; Pets\n        <\/div>\n      <\/div>\n    <\/div>\n  <\/section>\n\n  <!-- ================= APPLICATION ================= -->\n  <section class=\"fog-apps\">\n    <div class=\"fog-inner\">\n      <h2 class=\"fog-reveal\">Ideal application for high-risk areas<\/h2>\n      <p class=\"fog-reveal\">The system is highly recommended for premises housing high-value goods that can be stolen in just a few minutes:<\/p>\n      <div class=\"fog-chips fog-reveal\">\n        <span class=\"fog-chip\"><svg viewBox=\"0 0 24 24\" fill=\"none\"><path d=\"M12 2L2 7L12 12L22 7L12 2Z\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linejoin=\"round\"\/><path d=\"M2 17L12 22L22 17\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linejoin=\"round\"\/><path d=\"M2 12L12 17L22 12\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linejoin=\"round\"\/><\/svg> Jewelry Stores<\/span>\n        <span class=\"fog-chip\"><svg viewBox=\"0 0 24 24\" fill=\"none\"><circle cx=\"8\" cy=\"12\" r=\"4\" stroke=\"currentColor\" stroke-width=\"1.8\"\/><circle cx=\"18\" cy=\"12\" r=\"3\" stroke=\"currentColor\" stroke-width=\"1.8\"\/><path d=\"M12 12H15\" stroke=\"currentColor\" stroke-width=\"1.8\"\/><\/svg> Opticians<\/span>\n        <span class=\"fog-chip\"><svg viewBox=\"0 0 24 24\" fill=\"none\"><path d=\"M4 21L8 5H16L20 21\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linejoin=\"round\"\/><path d=\"M4 21H20\" stroke=\"currentColor\" stroke-width=\"1.8\"\/><\/svg> Luxury Boutiques<\/span>\n        <span class=\"fog-chip\"><svg viewBox=\"0 0 24 24\" fill=\"none\"><rect x=\"7\" y=\"2\" width=\"10\" height=\"20\" rx=\"2\" stroke=\"currentColor\" stroke-width=\"1.8\"\/><path d=\"M10.5 18.5H13.5\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\"\/><\/svg> Smartphones &amp; IT Equipment<\/span>\n        <span class=\"fog-chip\"><svg viewBox=\"0 0 24 24\" fill=\"none\"><path d=\"M9 3H15V7H9V3Z\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linejoin=\"round\"\/><path d=\"M6 7H18V21H6V7Z\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linejoin=\"round\"\/><path d=\"M9 12H15M9 16H15\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\"\/><\/svg> Pharmacies<\/span>\n        <span class=\"fog-chip\"><svg viewBox=\"0 0 24 24\" fill=\"none\"><rect x=\"4\" y=\"4\" width=\"16\" height=\"16\" rx=\"2\" stroke=\"currentColor\" stroke-width=\"1.8\"\/><circle cx=\"12\" cy=\"12\" r=\"3\" stroke=\"currentColor\" stroke-width=\"1.8\"\/><\/svg> Vaults &amp; Safes<\/span>\n        <span class=\"fog-chip\"><svg viewBox=\"0 0 24 24\" fill=\"none\"><path d=\"M4 6H20M4 12H20M4 18H14\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\"\/><circle cx=\"18\" cy=\"18\" r=\"2.5\" stroke=\"currentColor\" stroke-width=\"1.8\"\/><\/svg> Exchange Offices<\/span>\n        <span class=\"fog-chip\"><svg viewBox=\"0 0 24 24\" fill=\"none\"><rect x=\"6\" y=\"3\" width=\"12\" height=\"7\" rx=\"1.5\" stroke=\"currentColor\" stroke-width=\"1.8\"\/><rect x=\"6\" y=\"14\" width=\"12\" height=\"7\" rx=\"1.5\" stroke=\"currentColor\" stroke-width=\"1.8\"\/><circle cx=\"9.5\" cy=\"6.5\" r=\"0.8\" fill=\"currentColor\"\/><circle cx=\"9.5\" cy=\"17.5\" r=\"0.8\" fill=\"currentColor\"\/><\/svg> Server Rooms<\/span>\n      <\/div>\n    <\/div>\n  <\/section>\n\n  <!-- ================= EXPERT TIP ================= -->\n  <section class=\"fog-tip\">\n    <div class=\"fog-inner\">\n      <div class=\"fog-tip-box fog-reveal\">\n        <div class=\"fog-tip-icon\">\n          <svg viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n            <path d=\"M12 2L14.5 8.5L21 9L16 13.5L17.5 20L12 16.5L6.5 20L8 13.5L3 9L9.5 8.5L12 2Z\" stroke=\"#fff\" stroke-width=\"1.6\" stroke-linejoin=\"round\"\/>\n          <\/svg>\n        <\/div>\n        <div>\n          <h4>Expert tip from Alarm Centar<\/h4>\n          <p>Most professional break-ins last less than 3 minutes, which is often faster than the arrival of an intervention team. Security fog solves this problem because it acts instantly \u2014 within just a few seconds of an authorized alarm.<\/p>\n        <\/div>\n      <\/div>\n    <\/div>\n  <\/section>\n\n  <!-- ================= CTA ================= -->\n  <section class=\"fog-cta\">\n    <div class=\"fog-inner fog-cta-inner\">\n      <div class=\"fog-cta-text fog-reveal\">\n        <p class=\"fog-cta-eyebrow\">From Passive to Active Protection<\/p>\n        <h3>Turn your passive alarm into an active defense system.<\/h3>\n      <\/div>\n      <a href=\"https:\/\/alarmcentar.hr\/kontakt\/\" class=\"fog-cta-btn fog-reveal\">\n        Request a Live Demonstration\n        <svg viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n          <path d=\"M5 12H19M19 12L13 6M19 12L13 18\" stroke=\"currentColor\" stroke-width=\"2.4\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n        <\/svg>\n      <\/a>\n    <\/div>\n  <\/section>\n\n<\/div>\n\n<script>\n(function () {\n  var els = document.querySelectorAll('.fog-reveal');\n  var obs = new IntersectionObserver(function (entries) {\n    entries.forEach(function (e) {\n      if (e.isIntersecting) e.target.classList.add('fog-visible');\n    });\n  }, { threshold: 0.15 });\n  els.forEach(function (el) { obs.observe(el); });\n\n  document.querySelectorAll('.fog-step.fog-reveal').forEach(function (el, i) {\n    el.style.transitionDelay = (i * 0.15) + 's';\n  });\n})();\n<\/script><\/div><\/div>\n<\/div>\n<\/div>\n<\/div>","protected":false},"excerpt":{"rendered":"","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"inline_featured_image":false,"footnotes":""},"class_list":["post-1558","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/alarmcentar.hr\/en\/wp-json\/wp\/v2\/pages\/1558","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/alarmcentar.hr\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/alarmcentar.hr\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/alarmcentar.hr\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/alarmcentar.hr\/en\/wp-json\/wp\/v2\/comments?post=1558"}],"version-history":[{"count":7,"href":"https:\/\/alarmcentar.hr\/en\/wp-json\/wp\/v2\/pages\/1558\/revisions"}],"predecessor-version":[{"id":1901,"href":"https:\/\/alarmcentar.hr\/en\/wp-json\/wp\/v2\/pages\/1558\/revisions\/1901"}],"wp:attachment":[{"href":"https:\/\/alarmcentar.hr\/en\/wp-json\/wp\/v2\/media?parent=1558"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}