Interactive Security Layers<\/title>\n <style>\n * { margin:0; padding:0; box-sizing:border-box; }\n body {\n font-family:'Segoe UI', -apple-system, BlinkMacSystemFont, 'Roboto', sans-serif;\n line-height:1.6; color:#333;\n }\n .security-container {\n max-width:960px; margin:auto; padding:20px;\n background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);\n min-height:100vh;\n }\n\n \/* Hero *\/\n .hero {\n text-align:center; padding:60px 40px;\n background:linear-gradient(135deg,#0c3c60 0%,#1a5490 100%);\n color:#fff; border-radius:20px;\n box-shadow:0 20px 60px rgba(0,0,0,.1);\n margin-bottom:30px; position:relative; overflow:hidden;\n }\n .hero::before{\n content:''; position:absolute; top:-50%; left:-50%; width:200%; height:200%;\n background:radial-gradient(circle, rgba(255,255,255,.1) 0%, transparent 70%);\n animation:rotate 20s linear infinite;\n }\n @keyframes rotate{ 0%{transform:rotate(0)} 100%{transform:rotate(360deg)} }\n .hero-content{ position:relative; z-index:2; }\n .shield-icon{ font-size:4em; margin-bottom:30px; animation:pulse 2s infinite; cursor:pointer; transition:.3s }\n .shield-icon:hover{ transform:scale(1.2); filter:drop-shadow(0 0 20px rgba(168,216,255,.8)); }\n @keyframes pulse{ 0%{transform:scale(1)} 50%{transform:scale(1.05)} 100%{transform:scale(1)} }\n\n \/* Stats *\/\n .stats-banner{ display:flex; flex-wrap:wrap; gap:20px; margin:40px 0; }\n .stat-item{\n flex:1; min-width:200px; text-align:center; padding:20px; background:#fff;\n border-radius:15px; box-shadow:0 5px 20px rgba(0,0,0,.05);\n transition:.3s; cursor:pointer; position:relative; overflow:hidden;\n }\n .stat-item::before{\n content:''; position:absolute; top:0; left:-100%; width:100%; height:100%;\n background:linear-gradient(90deg,transparent, rgba(12,60,96,.1), transparent);\n transition:left .5s ease;\n }\n .stat-item:hover::before{ left:100%; }\n .stat-item:hover{ transform:translateY(-10px); box-shadow:0 15px 35px rgba(0,0,0,.15); }\n .stat-number{ font-size:2.5em; font-weight:700; color:#0c3c60; display:block; margin-bottom:10px; }\n\n \/* Myth cards *\/\n .myth-card{\n background:#fff; border-radius:15px; padding:30px; margin-bottom:30px;\n border:2px solid #f0f0f0; position:relative; overflow:hidden;\n transition:all .4s ease;\n }\n .myth-card::before{\n content:''; position:absolute; top:0; left:0; width:100%; height:4px;\n background:linear-gradient(45deg,#ff6b6b,#feca57);\n transform:scaleX(0); transform-origin:left; transition:transform .3s ease;\n }\n .myth-card:hover::before{ transform:scaleX(1); }\n .myth-card:hover{ transform:translateY(-5px); box-shadow:0 15px 40px rgba(0,0,0,.1); border-color:#0c3c60; }\n\n \/* Expandable content \u2014 no fixed cap; JS will set exact px *\/\n .myth-details{\n max-height:0; overflow:hidden; transition:max-height .35s ease; will-change:max-height;\n }\n\n .expand-btn{\n background:#0c3c60; color:#fff; border:none; padding:8px 16px; border-radius:20px;\n font-size:.8em; cursor:pointer; margin-top:15px; transition:.3s;\n }\n .expand-btn:hover{ background:#1a5490; transform:translateY(-2px); }\n\n \/* Assessment *\/\n .assessment-widget{\n background:linear-gradient(135deg,#f8f9fa,#e9ecef);\n padding:40px; border-radius:20px; margin:50px 0; border:1px solid #dee2e6;\n }\n .security-slider{ width:100%; height:8px; border-radius:5px; background:#ddd; outline:none; margin:20px 0; position:relative; }\n .security-slider::-webkit-slider-thumb{\n appearance:none; width:20px; height:20px; border-radius:50%; background:#0c3c60; cursor:pointer; transition:.3s;\n }\n .security-slider::-webkit-slider-thumb:hover{ background:#1a5490; transform:scale(1.2); }\n .risk-meter {\n height: 20px;\n background: linear-gradient(90deg, #4ecdc4 0%, #feca57 50%, #ff6b6b 100%);\n border-radius: 10px;\n margin: 20px 0;\n position: relative;\n overflow: hidden;\n }\n .risk-indicator{ position:absolute; top:0; left:70%; width:4px; height:100%; background:#fff; box-shadow:0 0 10px rgba(0,0,0,.3); transition:left .3s ease; }\n\n \/* Modal *\/\n .modal{ display:none; position:fixed; z-index:1000; inset:0; background-color:rgba(0,0,0,.8); animation:fadeIn .3s ease; }\n .modal-content{\n background:#fff; margin:5% auto; padding:30px; border-radius:15px; width:90%; max-width:600px; position:relative; animation:slideIn .3s ease;\n }\n @keyframes fadeIn{ from{opacity:0} to{opacity:1} }\n @keyframes slideIn{ from{ transform:translateY(-50px); opacity:0 } to{ transform:translateY(0); opacity:1 } }\n .close-modal{ position:absolute; top:15px; right:20px; font-size:28px; font-weight:bold; cursor:pointer; color:#aaa; transition:.3s; }\n .close-modal:hover{ color:#000; }\n\n \/* Reading progress *\/\n .reading-progress{ position:fixed; top:0; left:0; width:0%; height:4px; background:linear-gradient(45deg,#4ecdc4,#44a08d); z-index:999; transition:width .3s ease; }\n\n \/* Responsive *\/\n @media (max-width:768px){\n .security-container{ padding:10px; }\n .hero{ padding:40px 20px; }\n .stats-banner{ flex-direction:column; }\n .myth-card{ padding:20px; }\n }\n <\/style>\n<\/head>\n<body>\n \n <div class=\"reading-progress\" id=\"reading-progress\"><\/div>\n\n <div class=\"security-container\">\n \n <div class=\"hero\">\n <div class=\"hero-content\">\n <div class=\"shield-icon\" onclick=\"showSecurityTip()\" title=\"Click for a security tip!\">\ud83d\udee1\ufe0f<\/div>\n <h1 style=\"font-size:3.2em;font-weight:800;margin-bottom:20px;\">Layers and Layers of Security<\/h1>\n <p style=\"font-size:1.1em;opacity:.9;margin-bottom:15px;\">Separating Myth from Reality in Defence-in-Depth<\/p>\n <div style=\"font-size:.95em;opacity:.8;\">\ud83d\udee1\ufe0f By the Security Team \/ GABEY Consulting Australia | \u00a9 2025<\/div>\n <\/div>\n <\/div>\n\n \n <div style=\"font-size:1.0em;color:#333;margin-bottom:40px;text-align:center;background:linear-gradient(135deg,#f8f9fa,#e9ecef);padding:30px;border-radius:15px;border-left:5px solid #0c3c60;\">\n <p style=\"margin:0;\">Every organisation proudly declares it has <strong>\u201clayers and layers of security.\u201d<\/strong> The principle\u2014<strong>Defence-in-Depth (DiD)<\/strong>\u2014is sound, but poorly applied it creates fragility instead of resilience.<\/p>\n <\/div>\n\n \n <div class=\"stats-banner\">\n <div class=\"stat-item\" onclick=\"showStatDetail('perimeter')\">\n <div class=\"stat-number\">\u26a0\ufe0f 68%<\/div>\n <div style=\"color:#666;font-size:.9em;\">of breaches bypass perimeter security<\/div>\n <small style=\"color:#999;display:block;margin-top:5px;\">Click for details<\/small>\n <\/div>\n <div class=\"stat-item\" onclick=\"showStatDetail('detection')\">\n <div class=\"stat-number\">\u23f0 280<\/div>\n <div style=\"color:#666;font-size:.9em;\">days average breach detection time<\/div>\n <small style=\"color:#999;display:block;margin-top:5px;\">Click for details<\/small>\n <\/div>\n <div class=\"stat-item\" onclick=\"showStatDetail('human')\">\n <div class=\"stat-number\">\ud83d\udc65 95%<\/div>\n <div style=\"color:#666;font-size:.7em;\">of attacks involve human error<\/div>\n <small style=\"color:#999;display:block;margin-top:5px;\">Click for details<\/small>\n <\/div>\n <\/div>\n\n \n <div class=\"assessment-widget\">\n <h3 style=\"color:#0c3c60;text-align:center;margin-bottom:30px;\">\ud83d\udcca Interactive Security Assessment<\/h3>\n\n <div style=\"margin-bottom:30px;\">\n <label style=\"display:block;margin-bottom:10px;font-weight:600;\">How many security tools does your organization use?<\/label>\n <input type=\"range\" min=\"1\" max=\"20\" value=\"10\" class=\"security-slider\" id=\"toolsSlider\" oninput=\"updateRiskAssessment()\">\n <div style=\"display:flex;justify-content:space-between;font-size:.8em;color:#666;\">\n <span>1 tool<\/span><span id=\"toolsValue\">10 tools<\/span><span>20+ tools<\/span>\n <\/div>\n <\/div>\n\n <div style=\"margin-bottom:30px;\">\n <label style=\"display:block;margin-bottom:10px;font-weight:600;\">Integration Level (1-10):<\/label>\n <input type=\"range\" min=\"1\" max=\"10\" value=\"5\" class=\"security-slider\" id=\"integrationSlider\" oninput=\"updateRiskAssessment()\">\n <div style=\"display:flex;justify-content:space-between;font-size:.8em;color:#666;\">\n <span>Siloed<\/span><span id=\"integrationValue\">Moderate<\/span><span>Fully Integrated<\/span>\n <\/div>\n <\/div>\n\n <div style=\"margin-bottom:20px;\">\n <strong>Security Risk Level:<\/strong>\n <div class=\"risk-meter\"><div class=\"risk-indicator\" id=\"riskIndicator\"><\/div><\/div>\n <div style=\"text-align:center;font-weight:600;color:#0c3c60;\" id=\"riskLevel\">Moderate Risk<\/div>\n <\/div>\n\n <button onclick=\"generateRecommendations()\" style=\"background:#0c3c60;color:#fff;border:none;padding:12px 25px;border-radius:6px;font-weight:600;cursor:pointer;display:block;margin:0 auto;\">\n \ud83c\udfaf Get Personalized Recommendations\n <\/button>\n <\/div>\n\n \n <div style=\"padding:20px 0;\">\n <h2 style=\"color:#0c3c60;font-size:2.5em;font-weight:700;margin-bottom:40px;text-align:center;\">\ud83c\udfad Interactive Myths vs. Realities<\/h2>\n\n \n <div class=\"myth-card\">\n <h3 style=\"color:#0c3c60;font-size:1.4em;margin-bottom:15px;margin-top:0;\">\ud83d\udcda More Tools = More Security?<\/h3>\n <p style=\"margin-bottom:15px;\"><strong>Myth:<\/strong> DiD means buying one product per layer and ticking boxes.<\/p>\n\n <div class=\"myth-details\" id=\"details-tools\">\n <div style=\"background:#f8f9fa;padding:20px;border-radius:10px;margin-top:15px;\">\n <h4 style=\"color:#0c3c60;margin-top:0;\">\ud83d\udd0d Deep Dive Analysis:<\/h4>\n <p><strong>The Reality:<\/strong> Unintegrated tools create silos and blind spots. True depth requires synergy\u2014layers that complement, compensate, and communicate.<\/p>\n\n <h5 style=\"color:#0c3c60;\">Key Problems with Tool Stacking:<\/h5>\n <ul>\n <li>Alert fatigue from multiple dashboards<\/li>\n <li>Gaps in threat correlation<\/li>\n <li>Increased operational complexity<\/li>\n <li>Higher total cost of ownership<\/li>\n <\/ul>\n\n <h5 style=\"color:#0c3c60;\">Better Approach:<\/h5>\n <ul>\n <li>Integrated security platforms<\/li>\n <li>API-driven tool orchestration<\/li>\n <li>Single pane of glass monitoring<\/li>\n <li>Automated response workflows<\/li>\n <\/ul>\n <\/div>\n <\/div>\n\n <button class=\"expand-btn\" onclick=\"toggleMyth(this, event)\" aria-expanded=\"false\" aria-controls=\"details-tools\">\n Click to explore \u2192\n <\/button>\n <\/div>\n\n \n <div class=\"myth-card\">\n <h3 style=\"color:#0c3c60;font-size:1.4em;margin-bottom:15px;margin-top:0;\">\ud83d\udee1\ufe0f Perimeter Security is Enough?<\/h3>\n <p style=\"margin-bottom:15px;\"><strong>Myth:<\/strong> Secure the gateway, and the job is done.<\/p>\n\n <div class=\"myth-details\" id=\"details-perimeter\">\n <div style=\"background:#f8f9fa;padding:20px;border-radius:10px;margin-top:15px;\">\n <h4 style=\"color:#0c3c60;margin-top:0;\">\ud83d\udd0d Modern Attack Patterns:<\/h4>\n <p><strong>The Reality:<\/strong> 70% of successful attacks bypass perimeter defenses through social engineering, insider threats, or supply chain compromises.<\/p>\n\n <div style=\"display:flex;flex-wrap:wrap;gap:15px;margin:15px 0;\">\n <div style=\"flex:1;min-width:200px;background:#fff;padding:15px;border-radius:8px;border-left:4px solid #ff6b6b;height:auto;max-height:none;overflow:visible;\">\n <strong>Traditional Approach:<\/strong><br\/>Castle & moat mentality\n <\/div>\n <div style=\"flex:1;min-width:200px;background:#fff;padding:15px;border-radius:8px;border-left:4px solid #4ecdc4;height:auto;max-height:none;overflow:visible;\">\n <strong>Zero-Trust Model:<\/strong><br\/>Never trust, always verify\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n\n <button class=\"expand-btn\" onclick=\"toggleMyth(this, event)\" aria-expanded=\"false\" aria-controls=\"details-perimeter\">\n Click to explore \u2192\n <\/button>\n <\/div>\n <\/div>\n\n \n <div style=\"background:linear-gradient(135deg,#0c3c60,#1a5490);color:#fff;padding:50px 40px;text-align:center;margin-top:50px;border-radius:15px;\">\n <h2 style=\"font-size:2em;margin-bottom:20px;margin-top:0;\">\ud83d\ude80 Ready to Transform Your Security?<\/h2>\n <p style=\"margin:0 0 30px 0;line-height:1.6;\">\n Transform Defence-in-Depth from a fa\u00e7ade into a sustainable shield with <strong>NOMATEQ\u2122<\/strong> and <strong>GABEY Consulting Australia<\/strong>.\n <\/p>\n <div>\n <a href=\"https:\/\/gabey.com.au\/gabeyinfo\/index.php\/nomateq-ca\/\" style=\"display:inline-block;background:linear-gradient(45deg,#4ecdc4,#44a08d);color:#fff;padding:15px 35px;border-radius:50px;text-decoration:none;font-weight:600;font-size:1.1em;transition:.3s;\"\n onmouseover=\"this.style.transform='translateY(-3px)'\" onmouseout=\"this.style.transform='translateY(0)'\">\n \u2709\ufe0f Contact Us Today\n <\/a>\n <\/div>\n <\/div>\n <\/div>\n\n \n <div id=\"statModal\" class=\"modal\">\n <div class=\"modal-content\">\n <span class=\"close-modal\" onclick=\"closeModal()\">×<\/span>\n <div id=\"modalContent\"><\/div>\n <\/div>\n <\/div>\n\n <script>\n \/\/ Reading progress\n function updateReadingProgress(){\n const article=document.querySelector('.security-container');\n const progressBar=document.getElementById('reading-progress');\n if(!article||!progressBar) return;\n const articleHeight=article.offsetHeight;\n const scrolled=window.pageYOffset||document.documentElement.scrollTop||0;\n const progress=(scrolled\/Math.max(1,(articleHeight-window.innerHeight)))*100;\n progressBar.style.width=Math.min(progress,100)+'%';\n }\n window.addEventListener('scroll',updateReadingProgress);\n\n \/\/ Tip\n function showSecurityTip(){\n const tips=[\n '\ud83d\udca1 Tip: The strongest password is the one you don\u2019t have to remember \u2014 use a password manager!',\n '\ud83d\udca1 Tip: Enable 2FA on all critical accounts \u2014 it blocks 99.9% of automated attacks.',\n '\ud83d\udca1 Tip: Regular security awareness training reduces human error by up to 70%.',\n '\ud83d\udca1 Tip: Network segmentation can contain breaches and limit lateral movement.'\n ];\n alert(tips[Math.floor(Math.random()*tips.length)]);\n }\n\n \/\/ Risk assessment - FIXED VERSION\n function updateRiskAssessment() {\n const toolsEl = document.getElementById('toolsSlider');\n const integEl = document.getElementById('integrationSlider');\n const tools = Number(toolsEl?.value ?? 0); \/\/ 1..20\n const integration = Number(integEl?.value ?? 0); \/\/ 1..10\n\n \/\/ Show slider values\n const toolsVal = document.getElementById('toolsValue');\n const integVal = document.getElementById('integrationValue');\n if (toolsVal) toolsVal.textContent = (tools === 20 ? '20+ tools' : `${tools} tools`);\n \n let integrationText = '';\n if (integration <= 3) {\n integrationText = 'Poor';\n } else if (integration <= 7) {\n integrationText = 'Moderate';\n } else {\n integrationText = 'Excellent';\n }\n if (integVal) integVal.textContent = integrationText;\n\n \/\/ --- FIXED RISK CALCULATION ---\n \/\/ More accurate algorithm that properly accounts for tool integration\n const t = (tools - 1) \/ 19; \/\/ 1 tool -> 0, 20 tools -> 1\n const i = (integration - 1) \/ 9; \/\/ 1 -> 0 (poor), 10 -> 1 (excellent)\n\n \/\/ Improved risk calculation: \n \/\/ - High integration reduces the risk from having many tools\n \/\/ - Low integration amplifies the risk from having many tools\n let riskPct = 100 * (t * (1 - i) * 1.2); \/\/ Multiplicative approach\n \n \/\/ Ensure risk percentage stays within 0-100 range\n riskPct = Math.max(0, Math.min(100, Math.round(riskPct)));\n\n \/\/ Move the indicator (right = more risk, matches Green\u2192Red gradient)\n const indicator = document.getElementById('riskIndicator');\n if (indicator) indicator.style.left = riskPct + '%';\n\n \/\/ Text label\n const riskLevel = document.getElementById('riskLevel');\n if (riskLevel) {\n if (riskPct <= 33) {\n riskLevel.textContent = '\u2705 Low Risk - Well Integrated';\n } else if (riskPct <= 66) {\n riskLevel.textContent = '\u26a0\ufe0f Moderate Risk - Needs Integration';\n } else {\n riskLevel.textContent = '\ud83d\udea8 High Risk - Tool Sprawl Detected';\n }\n }\n }\n\n \/\/ Recommendations (real bullets + URL)\n function generateRecommendations(){\n const tools=Number(document.getElementById('toolsSlider')?.value ?? 0);\n const integration=Number(document.getElementById('integrationSlider')?.value ?? 0);\n\n const bullet='\u2022 ';\n const items=[];\n if(tools>15) items.push(bullet+'Consider security platform consolidation');\n if(integration<5) items.push(bullet+'Implement SIEM or SOAR for better integration');\n if(tools<5) items.push(bullet+'Evaluate additional security controls');\n items.push(bullet+'Schedule a security architecture review', bullet+'Consider zero-trust implementation');\n\n alert(`\ud83c\udfaf Personalized Recommendations:\\n\\n${items.join('\\n')}`);\n window.open('https:\/\/gabey.com.au\/gabeyinfo\/index.php\/nomateq-ca\/', '_blank', 'noopener');\n }\n\n \/\/ Height-aware expand\/collapse\n function toggleMyth(btn, evt){\n if(evt) evt.stopPropagation();\n const card=btn.closest('.myth-card');\n const details=card.querySelector('.myth-details');\n if(!details) return;\n\n const isOpen=card.classList.contains('expanded');\n\n if(isOpen){\n \/\/ collapse: current height -> 0\n details.style.maxHeight=details.scrollHeight+'px';\n requestAnimationFrame(()=>{ details.style.maxHeight='0px'; });\n card.classList.remove('expanded');\n btn.textContent='Click to explore \u2192';\n btn.setAttribute('aria-expanded','false');\n }else{\n \/\/ expand: 0 -> full height\n details.style.maxHeight=details.scrollHeight+'px';\n card.classList.add('expanded');\n btn.textContent='Click to collapse \u2191';\n btn.setAttribute('aria-expanded','true');\n\n const onEnd=()=>{\n if(card.classList.contains('expanded')){\n details.style.maxHeight='none';\n }\n details.removeEventListener('transitionend', onEnd);\n };\n details.addEventListener('transitionend', onEnd);\n }\n }\n\n \/\/ Keep open cards sized on resize\n window.addEventListener('resize', ()=>{\n document.querySelectorAll('.myth-card.expanded .myth-details').forEach(d=>{\n d.style.maxHeight='none';\n const h=d.scrollHeight;\n d.style.maxHeight=h+'px';\n });\n });\n\n \/\/ Modal\n function showStatDetail(type){\n const modal=document.getElementById('statModal');\n const content=document.getElementById('modalContent');\n if(!modal||!content) return;\n\n const statData={\n perimeter:{\n title:'68% of Breaches Bypass Perimeter Security',\n content:`\n <h3>Why Perimeter-Only Defense Fails<\/h3>\n <p>Modern attack vectors have evolved beyond traditional network intrusions:<\/p>\n <ul>\n <li><strong>Social Engineering:<\/strong> 32% of breaches involve phishing<\/li>\n <li><strong>Insider Threats:<\/strong> 22% involve internal actors<\/li>\n <li><strong>Supply Chain:<\/strong> 14% through compromised partners<\/li>\n <li><strong>Cloud Misconfigurations:<\/strong> 19% through exposed services<\/li>\n <\/ul>\n <p><strong>Solution:<\/strong> Implement zero-trust architecture with identity-centric security controls.<\/p>\n `\n },\n detection:{\n title:'280 Days Average Detection Time',\n content:`\n <h3>The Detection Time Challenge<\/h3>\n <p>Attackers have <strong>280 days on average<\/strong> to operate undetected in your network.<\/p>\n <div style=\"background:#f8f9fa;padding:20px;border-radius:8px;margin:15px 0;\">\n <h4>What happens in 280 days?<\/h4>\n <ul>\n <li>Complete network reconnaissance<\/li>\n <li>Privilege escalation and lateral movement<\/li>\n <li>Data exfiltration and staging<\/li>\n <li>Persistent backdoor installation<\/li>\n <\/ul>\n <\/div>\n <p><strong>Solution:<\/strong> Implement continuous monitoring, behavioral analytics, and automated threat hunting.<\/p>\n `\n },\n human:{\n title:'95% of Attacks Involve Human Error',\n content:`\n <h3>The Human Factor in Security<\/h3>\n <p>Despite all our technology, humans remain the weakest link:<\/p>\n <div style=\"display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px;margin:16px 0;\">\n <div style=\"background:#fff3cd;padding:12px;border-radius:8px;font-size:14px;line-height:1.45;\">\n <strong>Common Mistakes:<\/strong>\n <ul style=\"margin:8px 0 0 18px;padding:0;\">\n <li>Clicking malicious links<\/li>\n <li>Weak password practices<\/li>\n <li>Misconfigured systems<\/li>\n <li>Improper data handling<\/li>\n <\/ul>\n <\/div>\n <div style=\"background:#d1ecf1;padding:12px;border-radius:8px;font-size:14px;line-height:1.45;\">\n <strong>Prevention Strategies:<\/strong>\n <ul style=\"margin:8px 0 0 18px;padding:0;\">\n <li>Regular security training<\/li>\n <li>Phishing simulations<\/li>\n <li>Clear security policies<\/li>\n <li>User behavior analytics<\/li>\n <\/ul>\n <\/div>\n <\/div>\n <p><strong>Remember:<\/strong> Technology is only as secure as the humans operating it.<\/p>\n `\n }\n };\n\n const data=statData[type];\n if(!data) return;\n content.innerHTML=`<h2 style=\"color:#0c3c60;margin-bottom:20px;\">${data.title}<\/h2>${data.content}`;\n modal.style.display='block';\n }\n\n function closeModal(){ const modal=document.getElementById('statModal'); if(modal) modal.style.display='none'; }\n window.addEventListener('click', (e)=>{ const modal=document.getElementById('statModal'); if(modal && e.target===modal) modal.style.display='none'; });\n\n \/\/ Init\n window.addEventListener('DOMContentLoaded', ()=>{\n updateRiskAssessment();\n document.getElementById('toolsSlider')?.addEventListener('input', updateRiskAssessment);\n document.getElementById('integrationSlider')?.addEventListener('input', updateRiskAssessment);\n });\n <\/script>\n<\/body>\n<\/html>\n\n\n\n<p class=\"wp-block-paragraph\"><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Interactive Security Layers \ud83d\udee1\ufe0f Layers and Layers of Security Separating Myth from Reality in Defence-in-Depth \ud83d\udee1\ufe0f By the Security Team \/ GABEY Consulting Australia | \u00a9 2025 Every organisation proudly declares it has \u201clayers and layers of security.\u201d The principle\u2014Defence-in-Depth (DiD)\u2014is sound, but poorly applied it creates fragility instead of resilience. \u26a0\ufe0f 68% of breaches … <a href=\"https:\/\/gabey.com.au\/gabeyinfo\/index.php\/layers-and-layers-of-security\/\" class=\"more-link\">Continue reading<span class=\"screen-reader-text\"> “Layers and Layers of Security”<\/span><\/a><\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"closed","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[5],"tags":[],"class_list":["post-4399","post","type-post","status-publish","format-standard","hentry","category-cyber-and-information-security"],"_links":{"self":[{"href":"https:\/\/gabey.com.au\/gabeyinfo\/index.php\/wp-json\/wp\/v2\/posts\/4399","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/gabey.com.au\/gabeyinfo\/index.php\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/gabey.com.au\/gabeyinfo\/index.php\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/gabey.com.au\/gabeyinfo\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/gabey.com.au\/gabeyinfo\/index.php\/wp-json\/wp\/v2\/comments?post=4399"}],"version-history":[{"count":0,"href":"https:\/\/gabey.com.au\/gabeyinfo\/index.php\/wp-json\/wp\/v2\/posts\/4399\/revisions"}],"wp:attachment":[{"href":"https:\/\/gabey.com.au\/gabeyinfo\/index.php\/wp-json\/wp\/v2\/media?parent=4399"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/gabey.com.au\/gabeyinfo\/index.php\/wp-json\/wp\/v2\/categories?post=4399"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/gabey.com.au\/gabeyinfo\/index.php\/wp-json\/wp\/v2\/tags?post=4399"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

{"id":4399,"date":"2025-08-29T11:58:46","date_gmt":"2025-08-29T01:58:46","guid":{"rendered":"https:\/\/gabey.com.au\/gabeyinfo\/?p=4399"},"modified":"2025-08-29T14:36:16","modified_gmt":"2025-08-29T04:36:16","slug":"layers-and-layers-of-security","status":"publish","type":"post","link":"https:\/\/gabey.com.au\/gabeyinfo\/index.php\/layers-and-layers-of-security\/","title":{"rendered":"Layers and Layers of Security"},"content":{"rendered":"\n

<\/p>\n\n\n\n\n\n\n \n \n Interactive Security Layers<\/title>\n <style>\n * { margin:0; padding:0; box-sizing:border-box; }\n body {\n font-family:'Segoe UI', -apple-system, BlinkMacSystemFont, 'Roboto', sans-serif;\n line-height:1.6; color:#333;\n }\n .security-container {\n max-width:960px; margin:auto; padding:20px;\n background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);\n min-height:100vh;\n }\n\n \/* Hero *\/\n .hero {\n text-align:center; padding:60px 40px;\n background:linear-gradient(135deg,#0c3c60 0%,#1a5490 100%);\n color:#fff; border-radius:20px;\n box-shadow:0 20px 60px rgba(0,0,0,.1);\n margin-bottom:30px; position:relative; overflow:hidden;\n }\n .hero::before{\n content:''; position:absolute; top:-50%; left:-50%; width:200%; height:200%;\n background:radial-gradient(circle, rgba(255,255,255,.1) 0%, transparent 70%);\n animation:rotate 20s linear infinite;\n }\n @keyframes rotate{ 0%{transform:rotate(0)} 100%{transform:rotate(360deg)} }\n .hero-content{ position:relative; z-index:2; }\n .shield-icon{ font-size:4em; margin-bottom:30px; animation:pulse 2s infinite; cursor:pointer; transition:.3s }\n .shield-icon:hover{ transform:scale(1.2); filter:drop-shadow(0 0 20px rgba(168,216,255,.8)); }\n @keyframes pulse{ 0%{transform:scale(1)} 50%{transform:scale(1.05)} 100%{transform:scale(1)} }\n\n \/* Stats *\/\n .stats-banner{ display:flex; flex-wrap:wrap; gap:20px; margin:40px 0; }\n .stat-item{\n flex:1; min-width:200px; text-align:center; padding:20px; background:#fff;\n border-radius:15px; box-shadow:0 5px 20px rgba(0,0,0,.05);\n transition:.3s; cursor:pointer; position:relative; overflow:hidden;\n }\n .stat-item::before{\n content:''; position:absolute; top:0; left:-100%; width:100%; height:100%;\n background:linear-gradient(90deg,transparent, rgba(12,60,96,.1), transparent);\n transition:left .5s ease;\n }\n .stat-item:hover::before{ left:100%; }\n .stat-item:hover{ transform:translateY(-10px); box-shadow:0 15px 35px rgba(0,0,0,.15); }\n .stat-number{ font-size:2.5em; font-weight:700; color:#0c3c60; display:block; margin-bottom:10px; }\n\n \/* Myth cards *\/\n .myth-card{\n background:#fff; border-radius:15px; padding:30px; margin-bottom:30px;\n border:2px solid #f0f0f0; position:relative; overflow:hidden;\n transition:all .4s ease;\n }\n .myth-card::before{\n content:''; position:absolute; top:0; left:0; width:100%; height:4px;\n background:linear-gradient(45deg,#ff6b6b,#feca57);\n transform:scaleX(0); transform-origin:left; transition:transform .3s ease;\n }\n .myth-card:hover::before{ transform:scaleX(1); }\n .myth-card:hover{ transform:translateY(-5px); box-shadow:0 15px 40px rgba(0,0,0,.1); border-color:#0c3c60; }\n\n \/* Expandable content \u2014 no fixed cap; JS will set exact px *\/\n .myth-details{\n max-height:0; overflow:hidden; transition:max-height .35s ease; will-change:max-height;\n }\n\n .expand-btn{\n background:#0c3c60; color:#fff; border:none; padding:8px 16px; border-radius:20px;\n font-size:.8em; cursor:pointer; margin-top:15px; transition:.3s;\n }\n .expand-btn:hover{ background:#1a5490; transform:translateY(-2px); }\n\n \/* Assessment *\/\n .assessment-widget{\n background:linear-gradient(135deg,#f8f9fa,#e9ecef);\n padding:40px; border-radius:20px; margin:50px 0; border:1px solid #dee2e6;\n }\n .security-slider{ width:100%; height:8px; border-radius:5px; background:#ddd; outline:none; margin:20px 0; position:relative; }\n .security-slider::-webkit-slider-thumb{\n appearance:none; width:20px; height:20px; border-radius:50%; background:#0c3c60; cursor:pointer; transition:.3s;\n }\n .security-slider::-webkit-slider-thumb:hover{ background:#1a5490; transform:scale(1.2); }\n .risk-meter {\n height: 20px;\n background: linear-gradient(90deg, #4ecdc4 0%, #feca57 50%, #ff6b6b 100%);\n border-radius: 10px;\n margin: 20px 0;\n position: relative;\n overflow: hidden;\n }\n .risk-indicator{ position:absolute; top:0; left:70%; width:4px; height:100%; background:#fff; box-shadow:0 0 10px rgba(0,0,0,.3); transition:left .3s ease; }\n\n \/* Modal *\/\n .modal{ display:none; position:fixed; z-index:1000; inset:0; background-color:rgba(0,0,0,.8); animation:fadeIn .3s ease; }\n .modal-content{\n background:#fff; margin:5% auto; padding:30px; border-radius:15px; width:90%; max-width:600px; position:relative; animation:slideIn .3s ease;\n }\n @keyframes fadeIn{ from{opacity:0} to{opacity:1} }\n @keyframes slideIn{ from{ transform:translateY(-50px); opacity:0 } to{ transform:translateY(0); opacity:1 } }\n .close-modal{ position:absolute; top:15px; right:20px; font-size:28px; font-weight:bold; cursor:pointer; color:#aaa; transition:.3s; }\n .close-modal:hover{ color:#000; }\n\n \/* Reading progress *\/\n .reading-progress{ position:fixed; top:0; left:0; width:0%; height:4px; background:linear-gradient(45deg,#4ecdc4,#44a08d); z-index:999; transition:width .3s ease; }\n\n \/* Responsive *\/\n @media (max-width:768px){\n .security-container{ padding:10px; }\n .hero{ padding:40px 20px; }\n .stats-banner{ flex-direction:column; }\n .myth-card{ padding:20px; }\n }\n <\/style>\n<\/head>\n<body>\n \n <div class=\"reading-progress\" id=\"reading-progress\"><\/div>\n\n <div class=\"security-container\">\n \n <div class=\"hero\">\n <div class=\"hero-content\">\n <div class=\"shield-icon\" onclick=\"showSecurityTip()\" title=\"Click for a security tip!\">\ud83d\udee1\ufe0f<\/div>\n <h1 style=\"font-size:3.2em;font-weight:800;margin-bottom:20px;\">Layers and Layers of Security<\/h1>\n <p style=\"font-size:1.1em;opacity:.9;margin-bottom:15px;\">Separating Myth from Reality in Defence-in-Depth<\/p>\n <div style=\"font-size:.95em;opacity:.8;\">\ud83d\udee1\ufe0f By the Security Team \/ GABEY Consulting Australia | \u00a9 2025<\/div>\n <\/div>\n <\/div>\n\n \n <div style=\"font-size:1.0em;color:#333;margin-bottom:40px;text-align:center;background:linear-gradient(135deg,#f8f9fa,#e9ecef);padding:30px;border-radius:15px;border-left:5px solid #0c3c60;\">\n <p style=\"margin:0;\">Every organisation proudly declares it has <strong>\u201clayers and layers of security.\u201d<\/strong> The principle\u2014<strong>Defence-in-Depth (DiD)<\/strong>\u2014is sound, but poorly applied it creates fragility instead of resilience.<\/p>\n <\/div>\n\n \n <div class=\"stats-banner\">\n <div class=\"stat-item\" onclick=\"showStatDetail('perimeter')\">\n <div class=\"stat-number\">\u26a0\ufe0f 68%<\/div>\n <div style=\"color:#666;font-size:.9em;\">of breaches bypass perimeter security<\/div>\n <small style=\"color:#999;display:block;margin-top:5px;\">Click for details<\/small>\n <\/div>\n <div class=\"stat-item\" onclick=\"showStatDetail('detection')\">\n <div class=\"stat-number\">\u23f0 280<\/div>\n <div style=\"color:#666;font-size:.9em;\">days average breach detection time<\/div>\n <small style=\"color:#999;display:block;margin-top:5px;\">Click for details<\/small>\n <\/div>\n <div class=\"stat-item\" onclick=\"showStatDetail('human')\">\n <div class=\"stat-number\">\ud83d\udc65 95%<\/div>\n <div style=\"color:#666;font-size:.7em;\">of attacks involve human error<\/div>\n <small style=\"color:#999;display:block;margin-top:5px;\">Click for details<\/small>\n <\/div>\n <\/div>\n\n \n <div class=\"assessment-widget\">\n <h3 style=\"color:#0c3c60;text-align:center;margin-bottom:30px;\">\ud83d\udcca Interactive Security Assessment<\/h3>\n\n <div style=\"margin-bottom:30px;\">\n <label style=\"display:block;margin-bottom:10px;font-weight:600;\">How many security tools does your organization use?<\/label>\n <input type=\"range\" min=\"1\" max=\"20\" value=\"10\" class=\"security-slider\" id=\"toolsSlider\" oninput=\"updateRiskAssessment()\">\n <div style=\"display:flex;justify-content:space-between;font-size:.8em;color:#666;\">\n <span>1 tool<\/span><span id=\"toolsValue\">10 tools<\/span><span>20+ tools<\/span>\n <\/div>\n <\/div>\n\n <div style=\"margin-bottom:30px;\">\n <label style=\"display:block;margin-bottom:10px;font-weight:600;\">Integration Level (1-10):<\/label>\n <input type=\"range\" min=\"1\" max=\"10\" value=\"5\" class=\"security-slider\" id=\"integrationSlider\" oninput=\"updateRiskAssessment()\">\n <div style=\"display:flex;justify-content:space-between;font-size:.8em;color:#666;\">\n <span>Siloed<\/span><span id=\"integrationValue\">Moderate<\/span><span>Fully Integrated<\/span>\n <\/div>\n <\/div>\n\n <div style=\"margin-bottom:20px;\">\n <strong>Security Risk Level:<\/strong>\n <div class=\"risk-meter\"><div class=\"risk-indicator\" id=\"riskIndicator\"><\/div><\/div>\n <div style=\"text-align:center;font-weight:600;color:#0c3c60;\" id=\"riskLevel\">Moderate Risk<\/div>\n <\/div>\n\n <button onclick=\"generateRecommendations()\" style=\"background:#0c3c60;color:#fff;border:none;padding:12px 25px;border-radius:6px;font-weight:600;cursor:pointer;display:block;margin:0 auto;\">\n \ud83c\udfaf Get Personalized Recommendations\n <\/button>\n <\/div>\n\n \n <div style=\"padding:20px 0;\">\n <h2 style=\"color:#0c3c60;font-size:2.5em;font-weight:700;margin-bottom:40px;text-align:center;\">\ud83c\udfad Interactive Myths vs. Realities<\/h2>\n\n \n <div class=\"myth-card\">\n <h3 style=\"color:#0c3c60;font-size:1.4em;margin-bottom:15px;margin-top:0;\">\ud83d\udcda More Tools = More Security?<\/h3>\n <p style=\"margin-bottom:15px;\"><strong>Myth:<\/strong> DiD means buying one product per layer and ticking boxes.<\/p>\n\n <div class=\"myth-details\" id=\"details-tools\">\n <div style=\"background:#f8f9fa;padding:20px;border-radius:10px;margin-top:15px;\">\n <h4 style=\"color:#0c3c60;margin-top:0;\">\ud83d\udd0d Deep Dive Analysis:<\/h4>\n <p><strong>The Reality:<\/strong> Unintegrated tools create silos and blind spots. True depth requires synergy\u2014layers that complement, compensate, and communicate.<\/p>\n\n <h5 style=\"color:#0c3c60;\">Key Problems with Tool Stacking:<\/h5>\n <ul>\n <li>Alert fatigue from multiple dashboards<\/li>\n <li>Gaps in threat correlation<\/li>\n <li>Increased operational complexity<\/li>\n <li>Higher total cost of ownership<\/li>\n <\/ul>\n\n <h5 style=\"color:#0c3c60;\">Better Approach:<\/h5>\n <ul>\n <li>Integrated security platforms<\/li>\n <li>API-driven tool orchestration<\/li>\n <li>Single pane of glass monitoring<\/li>\n <li>Automated response workflows<\/li>\n <\/ul>\n <\/div>\n <\/div>\n\n <button class=\"expand-btn\" onclick=\"toggleMyth(this, event)\" aria-expanded=\"false\" aria-controls=\"details-tools\">\n Click to explore \u2192\n <\/button>\n <\/div>\n\n \n <div class=\"myth-card\">\n <h3 style=\"color:#0c3c60;font-size:1.4em;margin-bottom:15px;margin-top:0;\">\ud83d\udee1\ufe0f Perimeter Security is Enough?<\/h3>\n <p style=\"margin-bottom:15px;\"><strong>Myth:<\/strong> Secure the gateway, and the job is done.<\/p>\n\n <div class=\"myth-details\" id=\"details-perimeter\">\n <div style=\"background:#f8f9fa;padding:20px;border-radius:10px;margin-top:15px;\">\n <h4 style=\"color:#0c3c60;margin-top:0;\">\ud83d\udd0d Modern Attack Patterns:<\/h4>\n <p><strong>The Reality:<\/strong> 70% of successful attacks bypass perimeter defenses through social engineering, insider threats, or supply chain compromises.<\/p>\n\n <div style=\"display:flex;flex-wrap:wrap;gap:15px;margin:15px 0;\">\n <div style=\"flex:1;min-width:200px;background:#fff;padding:15px;border-radius:8px;border-left:4px solid #ff6b6b;height:auto;max-height:none;overflow:visible;\">\n <strong>Traditional Approach:<\/strong><br\/>Castle & moat mentality\n <\/div>\n <div style=\"flex:1;min-width:200px;background:#fff;padding:15px;border-radius:8px;border-left:4px solid #4ecdc4;height:auto;max-height:none;overflow:visible;\">\n <strong>Zero-Trust Model:<\/strong><br\/>Never trust, always verify\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n\n <button class=\"expand-btn\" onclick=\"toggleMyth(this, event)\" aria-expanded=\"false\" aria-controls=\"details-perimeter\">\n Click to explore \u2192\n <\/button>\n <\/div>\n <\/div>\n\n \n <div style=\"background:linear-gradient(135deg,#0c3c60,#1a5490);color:#fff;padding:50px 40px;text-align:center;margin-top:50px;border-radius:15px;\">\n <h2 style=\"font-size:2em;margin-bottom:20px;margin-top:0;\">\ud83d\ude80 Ready to Transform Your Security?<\/h2>\n <p style=\"margin:0 0 30px 0;line-height:1.6;\">\n Transform Defence-in-Depth from a fa\u00e7ade into a sustainable shield with <strong>NOMATEQ\u2122<\/strong> and <strong>GABEY Consulting Australia<\/strong>.\n <\/p>\n <div>\n <a href=\"https:\/\/gabey.com.au\/gabeyinfo\/index.php\/nomateq-ca\/\" style=\"display:inline-block;background:linear-gradient(45deg,#4ecdc4,#44a08d);color:#fff;padding:15px 35px;border-radius:50px;text-decoration:none;font-weight:600;font-size:1.1em;transition:.3s;\"\n onmouseover=\"this.style.transform='translateY(-3px)'\" onmouseout=\"this.style.transform='translateY(0)'\">\n \u2709\ufe0f Contact Us Today\n <\/a>\n <\/div>\n <\/div>\n <\/div>\n\n \n <div id=\"statModal\" class=\"modal\">\n <div class=\"modal-content\">\n <span class=\"close-modal\" onclick=\"closeModal()\">×<\/span>\n <div id=\"modalContent\"><\/div>\n <\/div>\n <\/div>\n\n <script>\n \/\/ Reading progress\n function updateReadingProgress(){\n const article=document.querySelector('.security-container');\n const progressBar=document.getElementById('reading-progress');\n if(!article||!progressBar) return;\n const articleHeight=article.offsetHeight;\n const scrolled=window.pageYOffset||document.documentElement.scrollTop||0;\n const progress=(scrolled\/Math.max(1,(articleHeight-window.innerHeight)))*100;\n progressBar.style.width=Math.min(progress,100)+'%';\n }\n window.addEventListener('scroll',updateReadingProgress);\n\n \/\/ Tip\n function showSecurityTip(){\n const tips=[\n '\ud83d\udca1 Tip: The strongest password is the one you don\u2019t have to remember \u2014 use a password manager!',\n '\ud83d\udca1 Tip: Enable 2FA on all critical accounts \u2014 it blocks 99.9% of automated attacks.',\n '\ud83d\udca1 Tip: Regular security awareness training reduces human error by up to 70%.',\n '\ud83d\udca1 Tip: Network segmentation can contain breaches and limit lateral movement.'\n ];\n alert(tips[Math.floor(Math.random()*tips.length)]);\n }\n\n \/\/ Risk assessment - FIXED VERSION\n function updateRiskAssessment() {\n const toolsEl = document.getElementById('toolsSlider');\n const integEl = document.getElementById('integrationSlider');\n const tools = Number(toolsEl?.value ?? 0); \/\/ 1..20\n const integration = Number(integEl?.value ?? 0); \/\/ 1..10\n\n \/\/ Show slider values\n const toolsVal = document.getElementById('toolsValue');\n const integVal = document.getElementById('integrationValue');\n if (toolsVal) toolsVal.textContent = (tools === 20 ? '20+ tools' : `${tools} tools`);\n \n let integrationText = '';\n if (integration <= 3) {\n integrationText = 'Poor';\n } else if (integration <= 7) {\n integrationText = 'Moderate';\n } else {\n integrationText = 'Excellent';\n }\n if (integVal) integVal.textContent = integrationText;\n\n \/\/ --- FIXED RISK CALCULATION ---\n \/\/ More accurate algorithm that properly accounts for tool integration\n const t = (tools - 1) \/ 19; \/\/ 1 tool -> 0, 20 tools -> 1\n const i = (integration - 1) \/ 9; \/\/ 1 -> 0 (poor), 10 -> 1 (excellent)\n\n \/\/ Improved risk calculation: \n \/\/ - High integration reduces the risk from having many tools\n \/\/ - Low integration amplifies the risk from having many tools\n let riskPct = 100 * (t * (1 - i) * 1.2); \/\/ Multiplicative approach\n \n \/\/ Ensure risk percentage stays within 0-100 range\n riskPct = Math.max(0, Math.min(100, Math.round(riskPct)));\n\n \/\/ Move the indicator (right = more risk, matches Green\u2192Red gradient)\n const indicator = document.getElementById('riskIndicator');\n if (indicator) indicator.style.left = riskPct + '%';\n\n \/\/ Text label\n const riskLevel = document.getElementById('riskLevel');\n if (riskLevel) {\n if (riskPct <= 33) {\n riskLevel.textContent = '\u2705 Low Risk - Well Integrated';\n } else if (riskPct <= 66) {\n riskLevel.textContent = '\u26a0\ufe0f Moderate Risk - Needs Integration';\n } else {\n riskLevel.textContent = '\ud83d\udea8 High Risk - Tool Sprawl Detected';\n }\n }\n }\n\n \/\/ Recommendations (real bullets + URL)\n function generateRecommendations(){\n const tools=Number(document.getElementById('toolsSlider')?.value ?? 0);\n const integration=Number(document.getElementById('integrationSlider')?.value ?? 0);\n\n const bullet='\u2022 ';\n const items=[];\n if(tools>15) items.push(bullet+'Consider security platform consolidation');\n if(integration<5) items.push(bullet+'Implement SIEM or SOAR for better integration');\n if(tools<5) items.push(bullet+'Evaluate additional security controls');\n items.push(bullet+'Schedule a security architecture review', bullet+'Consider zero-trust implementation');\n\n alert(`\ud83c\udfaf Personalized Recommendations:\\n\\n${items.join('\\n')}`);\n window.open('https:\/\/gabey.com.au\/gabeyinfo\/index.php\/nomateq-ca\/', '_blank', 'noopener');\n }\n\n \/\/ Height-aware expand\/collapse\n function toggleMyth(btn, evt){\n if(evt) evt.stopPropagation();\n const card=btn.closest('.myth-card');\n const details=card.querySelector('.myth-details');\n if(!details) return;\n\n const isOpen=card.classList.contains('expanded');\n\n if(isOpen){\n \/\/ collapse: current height -> 0\n details.style.maxHeight=details.scrollHeight+'px';\n requestAnimationFrame(()=>{ details.style.maxHeight='0px'; });\n card.classList.remove('expanded');\n btn.textContent='Click to explore \u2192';\n btn.setAttribute('aria-expanded','false');\n }else{\n \/\/ expand: 0 -> full height\n details.style.maxHeight=details.scrollHeight+'px';\n card.classList.add('expanded');\n btn.textContent='Click to collapse \u2191';\n btn.setAttribute('aria-expanded','true');\n\n const onEnd=()=>{\n if(card.classList.contains('expanded')){\n details.style.maxHeight='none';\n }\n details.removeEventListener('transitionend', onEnd);\n };\n details.addEventListener('transitionend', onEnd);\n }\n }\n\n \/\/ Keep open cards sized on resize\n window.addEventListener('resize', ()=>{\n document.querySelectorAll('.myth-card.expanded .myth-details').forEach(d=>{\n d.style.maxHeight='none';\n const h=d.scrollHeight;\n d.style.maxHeight=h+'px';\n });\n });\n\n \/\/ Modal\n function showStatDetail(type){\n const modal=document.getElementById('statModal');\n const content=document.getElementById('modalContent');\n if(!modal||!content) return;\n\n const statData={\n perimeter:{\n title:'68% of Breaches Bypass Perimeter Security',\n content:`\n <h3>Why Perimeter-Only Defense Fails<\/h3>\n <p>Modern attack vectors have evolved beyond traditional network intrusions:<\/p>\n <ul>\n <li><strong>Social Engineering:<\/strong> 32% of breaches involve phishing<\/li>\n <li><strong>Insider Threats:<\/strong> 22% involve internal actors<\/li>\n <li><strong>Supply Chain:<\/strong> 14% through compromised partners<\/li>\n <li><strong>Cloud Misconfigurations:<\/strong> 19% through exposed services<\/li>\n <\/ul>\n <p><strong>Solution:<\/strong> Implement zero-trust architecture with identity-centric security controls.<\/p>\n `\n },\n detection:{\n title:'280 Days Average Detection Time',\n content:`\n <h3>The Detection Time Challenge<\/h3>\n <p>Attackers have <strong>280 days on average<\/strong> to operate undetected in your network.<\/p>\n <div style=\"background:#f8f9fa;padding:20px;border-radius:8px;margin:15px 0;\">\n <h4>What happens in 280 days?<\/h4>\n <ul>\n <li>Complete network reconnaissance<\/li>\n <li>Privilege escalation and lateral movement<\/li>\n <li>Data exfiltration and staging<\/li>\n <li>Persistent backdoor installation<\/li>\n <\/ul>\n <\/div>\n <p><strong>Solution:<\/strong> Implement continuous monitoring, behavioral analytics, and automated threat hunting.<\/p>\n `\n },\n human:{\n title:'95% of Attacks Involve Human Error',\n content:`\n <h3>The Human Factor in Security<\/h3>\n <p>Despite all our technology, humans remain the weakest link:<\/p>\n <div style=\"display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px;margin:16px 0;\">\n <div style=\"background:#fff3cd;padding:12px;border-radius:8px;font-size:14px;line-height:1.45;\">\n <strong>Common Mistakes:<\/strong>\n <ul style=\"margin:8px 0 0 18px;padding:0;\">\n <li>Clicking malicious links<\/li>\n <li>Weak password practices<\/li>\n <li>Misconfigured systems<\/li>\n <li>Improper data handling<\/li>\n <\/ul>\n <\/div>\n <div style=\"background:#d1ecf1;padding:12px;border-radius:8px;font-size:14px;line-height:1.45;\">\n <strong>Prevention Strategies:<\/strong>\n <ul style=\"margin:8px 0 0 18px;padding:0;\">\n <li>Regular security training<\/li>\n <li>Phishing simulations<\/li>\n <li>Clear security policies<\/li>\n <li>User behavior analytics<\/li>\n <\/ul>\n <\/div>\n <\/div>\n <p><strong>Remember:<\/strong> Technology is only as secure as the humans operating it.<\/p>\n `\n }\n };\n\n const data=statData[type];\n if(!data) return;\n content.innerHTML=`<h2 style=\"color:#0c3c60;margin-bottom:20px;\">${data.title}<\/h2>${data.content}`;\n modal.style.display='block';\n }\n\n function closeModal(){ const modal=document.getElementById('statModal'); if(modal) modal.style.display='none'; }\n window.addEventListener('click', (e)=>{ const modal=document.getElementById('statModal'); if(modal && e.target===modal) modal.style.display='none'; });\n\n \/\/ Init\n window.addEventListener('DOMContentLoaded', ()=>{\n updateRiskAssessment();\n document.getElementById('toolsSlider')?.addEventListener('input', updateRiskAssessment);\n document.getElementById('integrationSlider')?.addEventListener('input', updateRiskAssessment);\n });\n <\/script>\n<\/body>\n<\/html>\n\n\n\n<p class=\"wp-block-paragraph\"><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Interactive Security Layers \ud83d\udee1\ufe0f Layers and Layers of Security Separating Myth from Reality in Defence-in-Depth \ud83d\udee1\ufe0f By the Security Team \/ GABEY Consulting Australia | \u00a9 2025 Every organisation proudly declares it has \u201clayers and layers of security.\u201d The principle\u2014Defence-in-Depth (DiD)\u2014is sound, but poorly applied it creates fragility instead of resilience. \u26a0\ufe0f 68% of breaches … <a href=\"https:\/\/gabey.com.au\/gabeyinfo\/index.php\/layers-and-layers-of-security\/\" class=\"more-link\">Continue reading<span class=\"screen-reader-text\"> “Layers and Layers of Security”<\/span><\/a><\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"closed","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[5],"tags":[],"class_list":["post-4399","post","type-post","status-publish","format-standard","hentry","category-cyber-and-information-security"],"_links":{"self":[{"href":"https:\/\/gabey.com.au\/gabeyinfo\/index.php\/wp-json\/wp\/v2\/posts\/4399","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/gabey.com.au\/gabeyinfo\/index.php\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/gabey.com.au\/gabeyinfo\/index.php\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/gabey.com.au\/gabeyinfo\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/gabey.com.au\/gabeyinfo\/index.php\/wp-json\/wp\/v2\/comments?post=4399"}],"version-history":[{"count":0,"href":"https:\/\/gabey.com.au\/gabeyinfo\/index.php\/wp-json\/wp\/v2\/posts\/4399\/revisions"}],"wp:attachment":[{"href":"https:\/\/gabey.com.au\/gabeyinfo\/index.php\/wp-json\/wp\/v2\/media?parent=4399"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/gabey.com.au\/gabeyinfo\/index.php\/wp-json\/wp\/v2\/categories?post=4399"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/gabey.com.au\/gabeyinfo\/index.php\/wp-json\/wp\/v2\/tags?post=4399"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}