1<!DOCTYPE html> 2<html lang="en" data-bs-theme="dark"> 3<head> 4 <meta charset="utf-8"/> 5 <meta name="viewport" content="width=device-width, initial-scale=1, viewport-fit=cover"/> 6 <meta http-equiv="X-UA-Compatible" content="ie=edge"/> 7 <title>MagenSec | Continuous Security Evidence</title> 8 <meta name="description" content="MagenSec continuously monitors endpoints, captures daily evidence, explains what changed, and prioritizes what to fix next with Officer MAGI."> 9
9<script> 10 (function () { 11 try { 12 var params = new URLSearchParams(window.location.search || ''); 13 var hasOAuthCallback = params.has('code') && params.has('state'); 14 var redirectUri = sessionStorage.getItem('oauth_redirect_uri'); 15 var expectedRootRedirect = window.location.origin + '/'; 16 if (!hasOAuthCallback || redirectUri !== expectedRootRedirect) return; 17 window.location.replace('/portal/' + window.location.search + window.location.hash); 18 } catch (_) { 19 // Ignore callback forwarding errors on the marketing site. 20 } 21 })(); 22 </script>
22 23 <!-- CSS files --> 24 <link href="https://cdn.jsdelivr.net/npm/@tabler/[email protected]/dist/css/tabler.min.css" rel="stylesheet"/> 25 <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@tabler/[email protected]/tabler-icons.min.css"> 26 <style> 27 @import url('https://rsms.me/inter/inter.css'); 28 :root { 29 --tblr-font-sans-serif: 'Inter Var', -apple-system, BlinkMacSystemFont, San Francisco, Segoe UI, Roboto, Helvetica Neue, sans-serif; 30 } 31 body { 32 font-family: 'Inter Var', system-ui; 33 background-color: #0b0f19; 34 color: #e2e8f0; 35 } 36 .navbar { 37 background: rgba(11, 15, 25, 0.8) !important; 38 backdrop-filter: blur(12px); 39 border-bottom: 1px solid rgba(255,255,255,0.05); 40 } 41 .hero-gradient { 42 background: radial-gradient(circle at 50% 0%, rgba(32, 107, 196, 0.15) 0%, rgba(11, 15, 25, 1) 60%); 43 padding-top: 8rem; 44 padding-bottom: 6rem; 45 } 46 .cyber-card { 47 background: #111827; 48 border: 1px solid rgba(255,255,255,0.05); 49 transition: transform 0.3s ease, border-color 0.3s ease; 50 } 51 .cyber-card:hover { 52 transform: translateY(-5px); 53 border-color: rgba(32, 107, 196, 0.5); 54 box-shadow: 0 0 0 1px rgba(32, 107, 196, 0.3), 0 20px 40px rgba(32, 107, 196, 0.15); 55 } 56 .text-gradient { 57 background: -webkit-linear-gradient(right, #206bc4, #4299e1); 58 -webkit-background-clip: text; 59 -webkit-text-fill-color: transparent; 60 } 61 .display-3 { font-weight: 800; letter-spacing: -0.03em; } 62 html { scroll-behavior: smooth; scroll-padding-top: 6rem; } 63 html { scroll-behavior: smooth; scroll-padding-top: 6rem; } 64 100% { opacity: 0.9; } } 65 100% { opacity: 0.9; } } 66</style> 67 68 <style> 69 /* Advanced Security Theme Background */ 70 body::before { content: ""; position: fixed; top: 0; left: 0; width: 100vw; height: 100vh; z-index: -2; background-color: #0b1121; background-image: radial-gradient(circle at center, rgba(32, 107, 196, 0.1) 0%, transparent 60%), linear-gradient(rgba(32, 107, 196, 0.05) 1px, transparent 1px), linear-gradient(90deg, rgba(32, 107, 196, 0.05) 1px, transparent 1px); background-size: 100vw 100vh, 40px 40px, 40px 40px; pointer-events: none; } 71 /* Radar Sweep Effect */ 72 body::after { content: ""; position: fixed; top: 50%; left: 50%; width: 200vw; height: 200vw; margin-left: -100vw; margin-top: -100vw; z-index: -1; background: conic-gradient(from 0deg, transparent 70%, rgba(32, 107, 196, 0.1) 100%); animation: radarSweep 10s linear infinite; pointer-events: none; border-radius: 50%; } 73 @keyframes radarSweep { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } 74 /* Cyber Scanline */ 75 .cyber-scanline { position: fixed; top: 0; left: 0; width: 100vw; height: 2px; background: rgba(101, 116, 205, 0.5); box-shadow: 0 0 10px rgba(101, 116, 205, 0.8); z-index: -1; animation: scanline 8s linear infinite; pointer-events: none; } 76 @keyframes scanline { 0% { top: -10px; opacity: 0; } 10% { opacity: 1; } 90% { opacity: 1; } 100% { top: 100vh; opacity: 0; } } 77 /* Ribbon Purple Gradient */ 78 .purple-gradient-ribbon { background: linear-gradient(135deg, #764ba2 0%, #667eea 100%) !important; border: none !important; color: white !important; margin-top: 5px; } 79 80 /* TimeWarp animations */ 81 @keyframes timeScrub { 0% { width: 10%; } 50% { width: 90%; } 100% { width: 10%; } } 82 @keyframes timeLabel { 0% { left: 10%; transform: translateX(-50%); } 50% { left: 90%; transform: translateX(-50%); } 100% { left: 10%; transform: translateX(-50%); } } 83 .timewarp-progress { animation: timeScrub 10s ease-in-out infinite; background: linear-gradient(90deg, #206bc4, #4299e1) !important; box-shadow: 0 0 10px rgba(66, 153, 225, 0.6); position: relative; } 84 .timewarp-label { animation: timeLabel 10s ease-in-out infinite; box-shadow: 0 0 15px rgba(66, 153, 225, 0.8) !important; z-index: 2; position: absolute !important; top: 0; white-space: nowrap; font-size: 0.72rem; } 85 /* Sonar Animation â shared source between MAGI (right edge) and TimeWarp (left edge) */ 86 .sonar-wrapper { position: absolute; top: 50%; right: 0; transform: translate(50%, -50%); width: 300px; height: 300px; z-index: 0; pointer-events: none; } 87 .sonar-emitter { position: absolute; width: 100%; height: 100%; border-radius: 50%; background: radial-gradient(circle, rgba(101, 116, 205, 0.4) 0%, transparent 70%); } 88 .sonar-wave { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border-radius: 50%; border: 2px solid rgba(101, 116, 205, 0.6); opacity: 0; animation: sonarWave 3s ease-out infinite; box-shadow: 0 0 20px rgba(101, 116, 205, 0.5); } 89 .sonar-wave:nth-child(2) { animation-delay: 1s; } 90 .sonar-wave:nth-child(3) { animation-delay: 2s; }
91 @keyframes sonarWave { 0% { transform: scale(0); opacity: 1; border-width: 3px; } 100% { transform: scale(2.5); opacity: 0; border-width: 0; } } 92 /* TimeWarp sonar â mirrored at left edge, blue tones, same timing as MAGI */ 93 .timewarp-sonar-wrapper { position: absolute; top: 50%; left: 0; transform: translate(-50%, -50%); width: 300px; height: 300px; z-index: 0; pointer-events: none; } 94 .timewarp-sonar-emitter { position: absolute; width: 100%; height: 100%; border-radius: 50%; background: radial-gradient(circle, rgba(32, 107, 196, 0.4) 0%, transparent 70%); } 95 .timewarp-sonar-wave { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border-radius: 50%; border: 2px solid rgba(56, 189, 248, 0.6); opacity: 0; animation: sonarWave 3s ease-out infinite; box-shadow: 0 0 20px rgba(56, 189, 248, 0.5); } 96 .timewarp-sonar-wave:nth-child(2) { animation-delay: 1s; } 97 .timewarp-sonar-wave:nth-child(3) { animation-delay: 2s; } 98 /* Brand Glow â full MagenSec via drop-shadow (works on gradient text) */ 99 @keyframes brandGlow { 0%, 100% { filter: drop-shadow(0 0 6px rgba(255, 224, 64, 0.55)) drop-shadow(0 0 14px rgba(101, 116, 205, 0.3)); } 50% { filter: drop-shadow(0 0 14px rgba(255, 224, 64, 1.0)) drop-shadow(0 0 28px rgba(101, 116, 205, 0.5)); } } 100 #brandframes brandGlow { 0%, 100% { filter: drop-shadow(0 0 6px rgba(255, 224, 64, 0.55)) drop-shadow(0 0 14px rgba(101, 116, 205, 0.3)); } 50% { filter: drop-shadow(0 0 14px rgba(255, 224, 64, 1.0)) drop-shadow(0 0 28px rgba(101, 116, 205, 0.5)); } } 101 #brand-text { animation: brandGlow 3s ease-in-out infinite; } 102 </style> 103</head> 104<body> 105 <div class="page"> 106 <!-- Navbar --> 107 <header class="navbar z-3 navbar-expand-md navbar-dark fixed-top d-print-none"> 108 <div class="container-xl"> 109 <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbar-menu"> 110 <span class="navbar-toggler-icon"></span> 111 </button> 112 <h1 class="navbar-brand navbar-brand-autodark pe-0 pe-md-3"> 113 <a href="index.html" class="text-decoration-none d-flex align-items-center gap-2"> 114 <img src="assets/MagenSecLogo.png" alt="MagenSec" height="36" width="36" style="flex-shrink:0;"> 115 <span id="brand-text" class="fw-bold fs-2 lh-1"><span style="background:-webkit-linear-gradient(45deg,#4299e1,#764ba2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;">Magen</span><span style="color:#ffee88;-webkit-text-fill-color:#ffee88;">Sec</span></span> 116 </a> 117 </h1> 118 <div class="navbar-nav flex-row order-md-last"> 119 <div class="nav-item"> 120 <a href="/portal/" class="nav-link d-flex lh-1 text-reset p-0" data-portal-link> 121 <span class="btn btn-outline-primary btn-pill btn-sm d-none d-sm-inline-block">Sign In</span> 122 </a> 123 </div> 124 </div> 125 <div class="collapse navbar-collapse" id="navbar-menu"> 126 <div class="d-flex flex-column flex-md-row flex-fill align-items-stretch align-items-md-center"> 127 <ul class="navbar-nav"> 128 <li class="nav-item"><a class="nav-link" href="#proof"><span class="nav-link-title">Evidence</span></a></li> 129 <li class="nav-item"><a class="nav-link" href="#magi"><span class="nav-link-title">Officer MAGI</span></a></li> 130 <li class="nav-item"><a class="nav-link" href="#editions"><span class="nav-link-title">Editions</span></a></li> 131 <li class="nav-item"><a class="nav-link" href="about.html"><span class="nav-link-title">About</span></a></li> 132 </ul> 133 </div> 134 </div> 135 </div> 136 </header> 137 138 <div class="page-wrapper"> 139 <!-- Hero Section --> 140 <div class="hero-gradient text-center px-3"> 141 <div class="container-xl"> 142 <div class="row justify-content-center"> 143 <div class="col-lg-8"> 144 <span class="badge bg-blue-lt text-uppercase tracking-wide mb-4 px-3 py-2 rounded-pill">Continuous Security Evidence</span> 145 <h1 class="display-3 mb-4">Know what changed. <br/><span class="text-gradient">Fix what matters. Prove it.</span></h1> 146 <p class="lead text-muted mb-5 fs-3" style="max-width: 600px; margin: 0 auto;">Your endpoints might be protected. MagenSec captures daily evidence, explains what changed, and gives you reports that auditors, insurers, and your own board can read.</p> 147 148 <!-- Last Secure State Hook --> 149 <div class="mt-4 mb-5 p-4 rounded-4" style="background:#111827; border:1px solid rgba(255,255,255,0.05); max-width: 500px; margin: 0 auto; box-shadow: 0 10px 30px rgba(0,0,0,0.5);"> 150 <div class="text-muted small text-uppercase tracking-wide">Last captured evidence state</div> 151 <div class="fs-1 fw-bold text-danger my-1 d-flex align-items-center justify-content-center"> 152 <i class="ti ti-alert-triangle fs-2 me-2"></i> 3 days ago 153 </div> 154 <div class="text-muted small mt-2"> 155 Since then: 4 vulnerabilities and 1 disabled protection need review 156 </div> 157 </div> 158 159 <div class="d-flex flex-column flex-sm-row justify-content-center gap-3"> 160 <a href="#editions" class="btn btn-primary btn-lg btn-pill px-4 py-2"> 161 See your risk 162 </a> 163 <a href="#" class="btn btn-outline-light btn-lg btn-pill px-4 py-2" data-bs-toggle="modal" data-bs-target="#contactModal"> 164 See evidence workflow 165 </a> 166 </div> 167 </div> 168 </div> 169 </div> 170 </div> 171 172 <!-- Defender Wedge (Acquisition Hook) --> 173 <div class="container-xl py-6 border-bottom" style="border-color: rgba(255,255,255,0.05) !important;"> 174 <div class="row align-items-center justify-content-center"> 175 <div class="col-lg-8 text-center"> 176 <h2 class="display-6 fw-bold mb-4">You already have protection. <br/><span class="text-muted">Hereâs the problem.</span></h2> 177 <p class="fs-3 text-muted mb-5">Most systems already have Microsoft Defender. But no one is monitoring it. No one knows if itâs actually working everywhere. No one has a clean evidence trail when questions arrive. <strong class="text-white">Thatâs the risk.</strong></p> 178 179 <div class="card cyber-card border-0 rounded-4 text-start"> 180 <div class="card-body p-4 p-md-5"> 181 <div class="row g-4"> 182 <div class="col-md-4"> 183 <div class="d-flex align-items-center mb-3">
184 <span class="bg-red-lt p-2 rounded me-3"><i class="ti ti-eye-off text-red fs-2"></i></span> 185 <h4 class="mb-0 fs-3">Not Monitored</h4> 186 </div> 187 <p class="text-muted">Defender is running, but are signatures current? Is real-time protection active everywhere?</p> 188 </div> 189 <div class="col-md-4"> 190 <div class="d-flex align-items-center mb-3"> 191 <span class="bg-orange-lt p-2 rounded me-3"><i class="ti ti-shield-half text-orange fs-2"></i></span> 192 <h4 class="mb-0 fs-3">Not Validated</h4> 193 </div> 194 <p class="text-muted">Drift happens silently. Exclusions get added. Controls fail without alerting you.</p> 195 </div> 196 <div class="col-md-4"> 197 <div class="d-flex align-items-center mb-3"> 198 <span class="bg-blue-lt p-2 rounded me-3"><i class="ti ti-file-certificate text-blue fs-2"></i></span> 199 <h4 class="mb-0 fs-3">No Historical Evidence</h4> 200 </div> 201 <p class="text-muted">Even if it works perfectly, you need historical evidence that shows what was true on the day in question.</p> 202 </div> 203 </div> 204 </div> 205 <div class="card-footer bg-dark border-0 text-center py-4 rounded-bottom-4"> 206 <h4 class="mb-0 text-azure fs-3">MagenSec makes your existing protection visible, reliable, and ready to explain.</h4> 207 </div> 208 </div> 209 </div> 210 </div> 211 </div> 212 213 <!-- The Value Chain --> 214 <div class="container-xl py-7" id="proof"> 215 <div class="row align-items-center g-5"> 216 <div class="col-lg-6"> 217 <p class="fs-2 fw-semibold text-danger mb-2">Most tools stop at protection.</p> 218 <h2 class="display-6 fw-bold mb-4">MagenSec continues.</h2> 219 <p class="fs-3 text-muted mb-4">MagenSec doesn't just find problems. It builds a continuous evidence record of your security posture to support auditor, insurer, and board conversations.</p> 220 <ul class="list-unstyled space-y-4 fs-3 text-muted"> 221 <li class="d-flex align-items-start"><i class="ti ti-shield-check text-azure fs-2 me-3 mt-1"></i> <div><strong class="text-white">Protect:</strong> Continuous visibility into endpoint health.</div></li> 222 <li class="d-flex align-items-start"><i class="ti ti-gavel text-azure fs-2 me-3 mt-1"></i> <div><strong class="text-white">Evidence:</strong> Map posture to compliance frameworks.</div></li> 223 <li class="d-flex align-items-start"><i class="ti ti-history text-azure fs-2 me-3 mt-1"></i> <div><strong class="text-white">Audit (TimeWarp):</strong> Revisit any captured date. Compare historical posture. Export the evidence.</div></li> 224 <li class="d-flex align-items-start"><i class="ti ti-certificate text-azure fs-2 me-3 mt-1"></i> <div><strong class="text-white">Insure:</strong> Readiness scoring and hygiene assessment.</div></li> 225 </ul> 226 </div> 227 <div class="col-lg-6"> 228 <div class="card border-0 rounded-4 overflow-hidden" style="background:#1e293b; border: 1px solid rgba(255,255,255,0.1) !important;"> 229 <div class="card-header bg-dark border-bottom-0 p-4"> 230 <h3 class="card-title text-white">Traditional Tools <span class="text-muted mx-2">vs</span> <span class="text-azure text-gradient">MagenSec</span></h3> 231 </div> 232 <div class="list-group list-group-flush list-group-hoverable"> 233 <div class="list-group-item bg-transparent text-white border-bottom-0 py-3"> 234 <div class="row align-items-center"> 235 <div class="col text-muted text-decoration-line-through">Generate alerts</div> 236 <div class="col-auto"><i class="ti ti-arrow-right text-muted"></i></div> 237 <div class="col text-end fw-semibold">Shows what actually matters</div> 238 </div> 239 </div> 240 <div class="list-group-item bg-transparent text-white border-bottom-0 py-3"> 241 <div class="row align-items-center"> 242 <div class="col text-muted text-decoration-line-through">Require you to figure it out</div> 243 <div class="col-auto"><i class="ti ti-arrow-right text-muted"></i></div> 244 <div class="col text-end fw-semibold">Recommends what to fix first</div> 245 </div> 246 </div> 247 <div class="list-group-item bg-transparent text-white border-bottom-0 py-3"> 248 <div class="row align-items-center"> 249 <div class="col text-muted text-decoration-line-through">Stop at detection</div> 250 <div class="col-auto"><i class="ti ti-arrow-right text-muted"></i></div> 251 <div class="col text-end fw-semibold">Builds evidence you can share</div> 252 </div> 253 </div> 254 <div class="list-group-item bg-transparent text-white py-3"> 255 <div class="row align-items-center"> 256 <div class="col text-muted text-decoration-line-through">Periodic snapshot</div> 257 <div class="col-auto"><i class="ti ti-arrow-right text-muted"></i></div> 258 <div class="col text-end fw-semibold">Continuous historical record</div> 259 </div> 260 </div> 261 </div> 262 </div> 263 </div> 264 </div> 265 </div> 266 267 <!-- Install Aha Moment --> 268 <div class="container-xl py-6" style="background: rgba(32, 107, 196, 0.05); border-radius: 24px;"> 269 <div class="text-center mb-5"> 270 <h2 class="display-6 fw-bold">From install to visibility â in minutes</h2> 271 </div> 272 <div class="row justify-content-center text-center g-4"> 273 <div class="col-md-2"> 274 <div class="fs-1 text-muted mb-2">01</div> 275 <div class="text-white fw-bold">Install</div> 276 <div class="text-muted small mt-1">Deploy agent silently</div> 277 </div> 278 <div class="col-auto d-none d-md-flex align-items-center"><i class="ti ti-chevron-right text-muted fs-2"></i></div> 279 <div class="col-md-2"> 280 <div class="fs-1 text-danger mb-2">02</div> 281 <div class="text-white fw-bold">Risks Detected</div> 282 <div class="text-muted small mt-1">Gaps exposed instantly</div> 283 </div> 284 <div class="col-auto d-none d-md-flex align-items-center"><i class="ti ti-chevron-right text-muted fs-2"></i></div> 285 <div class="col-md-2"> 286 <div class="fs-1 text-orange mb-2">03</div> 287 <div class="text-white fw-bold">MAGI Guides</div> 288 <div class="text-muted small mt-1">Review guided fixes</div> 289 </div> 290 <div class="col-auto d-none d-md-flex align-items-center"><i class="ti ti-chevron-right text-muted fs-2"></i></div> 291 <div class="col-md-2"> 292 <div class="fs-1 text-green mb-2">04</div> 293 <div class="text-white fw-bold">Secure</div> 294 <div class="text-muted small mt-1">Environment hardened</div> 295 </div> 296 <div class="col-auto d-none d-md-flex align-items-center"><i class="ti ti-chevron-right text-muted fs-2"></i></div> 297 <div class="col-md-2"> 298 <div class="fs-1 text-azure mb-2">05</div> 299 <div class="text-white fw-bold">Evidence Ready</div> 300 <div class="text-muted small mt-1">Export audit evidence</div> 301 </div> 302 </div> 303 </div> 304 305 <!-- MAGI & TimeWarp Posters Section --> 306 <div class="container-xl py-7 mt-5" id="magi"> 307 <div class="text-center mb-6">
308 <span class="badge bg-indigo-lt text-uppercase tracking-wide mb-3 px-3 py-2 rounded-pill">MagenSec Intelligence</span> 309 <h2 class="display-5 fw-bold mb-3">AI Guidance & TimeWarp Evidence</h2> 310 <p class="fs-3 text-muted max-w-xl mx-auto">Meet the two systems that make MagenSec different. Officer MAGI explains what matters today. TimeWarp shows what was captured on any selected day.</p> 311 </div> 312 313 <div class="row g-5"> 314 <!-- MAGI Poster --> 315 <div class="col-lg-6"> 316 <div class="card bg-dark border-0 rounded-4 overflow-hidden h-100 position-relative magi-hero" style="border: 1px solid rgba(101, 116, 205, 0.3) !important; box-shadow: 0 20px 40px rgba(101, 116, 205, 0.1);"> 317 <div class="sonar-wrapper"> 318 <div class="sonar-emitter"></div> 319 <div class="sonar-wave"></div> 320 <div class="sonar-wave"></div> 321 <div class="sonar-wave"></div> 322 </div> 323 <div class="p-5 position-relative z-1" style="background: radial-gradient(circle at top right, rgba(101, 116, 205, 0.15), transparent 60%);"> 324 <div class="d-flex align-items-center mb-4"> 325 <span class="bg-indigo text-white p-3 rounded-3 me-3"><i class="ti ti-brain fs-1"></i></span> 326 <div> 327 <h3 class="display-6 fw-bold mb-0 text-white">MAGI</h3> 328 <p class="text-indigo fs-4 fw-medium mb-0">AI Security Officer</p> 329 </div> 330 </div> 331 <p class="fs-3 text-muted mb-5">MAGI reviews your evidence, explains what changed, and prioritizes the next action based on business impact. Your team stays in control of every change.</p> 332 333 <!-- Virtual Chat Poster Visual --> 334 <div class="bg-black p-4 rounded-3 border border-secondary border-opacity-10"> 335 <div class="d-flex align-items-start mb-4"> 336 <div class="text-muted small me-3 mt-1">You</div> 337 <div class="fs-4 text-white">What should my team focus on today?</div> 338 </div> 339 <div class="p-3 rounded-2" style="background: rgba(101, 116, 205, 0.1); border-left: 4px solid #6574cd;"> 340 <div class="d-flex justify-content-between align-items-center mb-2"> 341 <span class="text-indigo fw-bold text-uppercase small tracking-wide">MAGI Recommendation</span> 342 <span class="text-muted small"><i class="ti ti-target text-red"></i> High Confidence</span> 343 </div> 344 <div class="text-white fs-4 mb-2">4 endpoints need attention. Your top priority covers 3 active CVEs and maps to CIS Control 4.1.</div> 345 <button class="btn btn-indigo btn-sm mt-2"><i class="ti ti-player-play me-2"></i>Review Action Plan</button> 346 </div> 347 </div> 348 </div> 349 </div> 350 </div> 351 352 <!-- TimeWarp Poster --> 353 <div class="col-lg-6"> 354 <div class="card bg-dark border-0 rounded-4 overflow-hidden h-100 position-relative" style="border: 1px solid rgba(32, 107, 196, 0.3) !important; box-shadow: 0 20px 40px rgba(32, 107, 196, 0.1);"> 355 <div class="timewarp-sonar-wrapper"> 356 <div class="timewarp-sonar-emitter"></div> 357 <div class="timewarp-sonar-wave"></div> 358 <div class="timewarp-sonar-wave"></div> 359 <div class="timewarp-sonar-wave"></div> 360 </div> 361 <div class="p-5 position-relative z-1" style="background: radial-gradient(circle at top right, rgba(32, 107, 196, 0.15), transparent 60%);"> 362 363 <div class="d-flex align-items-center mb-4">
364 <span class="bg-blue text-white p-3 rounded-3 me-3"><i class="ti ti-history fs-1"></i></span> 365 <div> 366 <h3 class="display-6 fw-bold mb-0 text-white">TimeWarp</h3> 367 <p class="text-blue fs-4 fw-medium mb-0">Historical Evidence System</p> 368 </div> 369 </div> 370 <p class="fs-3 text-muted mb-5">Auditors don't just want to know if you're secure today. TimeWarp opens the evidence captured for a chosen day, so reports and historical views tell the same story.</p> 371 372 <!-- TimeWarp Visual --> 373 <div class="bg-black p-4 rounded-3 border border-secondary border-opacity-10 position-relative"> 374 <div class="d-flex justify-content-between align-items-center border-bottom border-secondary border-opacity-25 pb-3 mb-3"> 375 <div class="text-muted fw-bold">Auditor Request: <span class="text-white fw-normal">Q3 Posture</span></div> 376 <div class="badge bg-blue-lt"><i class="ti ti-clock-rewind me-1"></i><span id="timewarp-status">Openingâ¦</span></div> 377 </div> 378 <div class="d-flex align-items-center justify-content-between mb-4"> 379 <div class="text-center opacity-50"> 380 <div class="small text-muted">Aug 1</div> 381 <div class="fw-bold fs-3 text-white">Secure</div> 382 </div> 383 <div class="flex-grow-1 mx-3 position-relative" style="padding-top: 26px;"> 384 <div class="timewarp-label bg-blue text-white rounded-pill px-2 py-1 shadow"> 385 <i class="ti ti-clock-rewind me-1"></i><span id="timewarp-date">Sep 15, 2024</span> 386 </div> 387 <div class="progress" style="height: 6px; border-radius: 4px;"> 388 <div class="progress-bar bg-blue timewarp-progress" style="width: 50%"></div> 389 </div> 390 </div> 391 <div class="text-center opacity-50"> 392 <div class="small text-muted">Oct 1</div> 393 <div class="fw-bold fs-3 text-white">Secure</div> 394 </div> 395 </div> 396 <div class="d-flex align-items-center justify-content-center p-3 rounded" style="background: rgba(32, 107, 196, 0.1);"> 397 <i class="ti ti-file-export text-blue fs-2 me-2"></i> 398 <span class="text-white fw-medium" id="timewarp-action">Opening Captured Evidence Report...</span> 399 </div> 400 </div> 401 </div> 402 </div> 403 </div> 404 </div> 405 </div> 406 407 <!-- Why Now Urgency --> 408 <div class="container-xl py-6 text-center border-top border-bottom mt-5" style="border-color: rgba(255,255,255,0.05) !important;"> 409 <div class="row justify-content-center"> 410 <div class="col-lg-8"> 411 <h3 class="text-orange text-uppercase tracking-wide mb-3 fs-5">Why this matters now</h3> 412 <h2 class="display-6 fw-bold mb-4">By the time you check, itâs already outdated.</h2> 413 <p class="fs-3 text-muted">Vulnerabilities are exploited within days. Protection drifts silently. Periodic manual audits do not reflect reality.<br/><br/>When the auditor asks, the strongest answer is an evidence trail that already exists.</p> 414 </div> 415 </div> 416 </div> 417 418 <!-- Editions / Pricing --> 419 <div class="container-xl py-7" id="editions"> 420 <div class="text-center mb-6"> 421 <h2 class="display-6 fw-bold text-white mb-3">Your security tier. Your <span class="text-gradient">accountability</span> level.</h2> 422 <p class="fs-3 text-muted max-w-xl mx-auto">Personal users get Security++. Teams get compliance evidence. Institutions get fleet control. Every tier is built on continuous monitoring you can explain.</p> 423 <div class="d-flex justify-content-center gap-5 mt-4 flex-wrap"> 424 <div class="text-center"><div class="display-6 fw-bold text-white">4,000+</div><div class="text-muted small">devices monitored</div></div> 425 <div class="text-center"><div class="display-6 fw-bold text-white">140+</div><div class="text-muted small">CVE families tracked</div></div> 426 <div class="text-center"><div class="display-6 fw-bold text-white">99.9%</div><div class="text-muted small">uptime SLA</div></div> 427 </div> 428 </div> 429 430 <div class="row g-4 justify-content-center align-items-stretch"> 431 <!-- Personal Edition --> 432 <div class="col-md-6 col-lg-4"> 433 <div class="card cyber-card h-100 rounded-4 text-center position-relative border-blue border-opacity-25" style="box-shadow: 0 15px 35px rgba(32, 107, 196, 0.1); overflow: hidden;"> 434 <div style="position:absolute;top:0;left:0;right:0;padding:0.45rem 1rem;text-align:center;background:linear-gradient(90deg,#764ba2,#4299e1);z-index:1;"><span style="font-size:0.72rem;font-weight:700;letter-spacing:0.1em;color:#fff;text-transform:uppercase;"><i class="ti ti-rocket me-1"></i>
434 Launch Offer</span></div> 435 <div class="card-body p-5 d-flex flex-column" style="padding-top:3.5rem!important;"> 436 <h3 class="h1 text-blue mb-1">Personal</h3> 437 <p class="text-muted mb-4 fs-3">Know Your Risk</p> 438 439 <div class="mb-4"> 440 <span class="display-4 fw-bold text-white">$29</span><span class="text-muted fs-3">/year</span> 441 <div class="mt-2"><span class="text-muted">Up to 5 devices</span> <span class="badge bg-green-lt text-green" style="font-size:0.72rem;"><50¢/mo</span></div> 442 <div class="mt-2 text-muted" style="font-size:0.78rem;"><i class="ti ti-info-circle me-1 opacity-50"></i>Most AV subscriptions cost $40â60/year â and they don't show you what's actually exposed.</div> 443 </div> 444 445 <ul class="list-unstyled space-y-3 text-start text-muted mb-5 fs-4"> 446 <li><i class="ti ti-virus-off text-green me-2"></i> <strong class="text-white">No antivirus subscription needed</strong></li> 447 <li><i class="ti ti-shield-plus text-blue me-2"></i> <strong class="text-white">Security++</strong> â the layer beyond your AV</li> 448 <li><i class="ti ti-check text-green me-2"></i> Vulnerability detection & risk scoring</li> 449 <li><i class="ti ti-check text-green me-2"></i> Daily security digest in your inbox</li> 450 </ul> 451 452 <div class="mt-auto"> 453 <a href="install.html" class="btn btn-outline-primary btn-pill w-100 py-2 py-3 fs-3">See my risk score</a> 454 </div> 455 </div> 456 </div> 457 </div> 458 459 <!-- Business Edition --> 460 <div class="col-md-6 col-lg-4"> 461 <div class="card card-body h-100 p-5 rounded-4 text-center position-relative" style="background: rgba(32, 107, 196, 0.1); border: 1px solid rgba(32, 107, 196, 0.4); overflow: hidden; padding-top: 3.5rem !important;"> 462 <div style="position:absolute;top:0;left:0;right:0;padding:0.45rem 1rem;text-align:center;background:linear-gradient(90deg,#1e40af,#3182ce);z-index:1;"><span style="font-size:0.72rem;font-weight:700;letter-spacing:0.1em;color:#fff;text-transform:uppercase;"><i class="ti ti-briefcase me-1"></i> Managed Services Available</span></div> 463 <h3 class="h1 text-azure mb-1">Business</h3> 464 <p class="text-muted mb-4 fs-3">Security your auditor can read</p> 465 466 <div class="text-start mb-4"> 467 <p class="text-muted mb-3 fs-3">Continuous endpoint visibility guided by Officer MAGI. Designed for compliance, observability, and scale â without opening your systems to third-party access.</p> 468 </div> 469 470 <!-- Core Capabilities Abstracted --> 471 <div class="text-start text-muted mb-5 flex-grow-1"> 472 <ul class="list-unstyled space-y-4"> 473 <li> 474 <div class="d-flex align-items-start"> 475 <i class="ti ti-hexagon-letter-m text-azure mt-1 me-3 fs-2"></i> 476 <div> 477 <strong class="text-white d-block fs-3">Evidence-backed Prioritization</strong> 478 <span class="fs-4 opacity-75">Officer MAGI tells you what to fix first.</span> 479 </div> 480 </div> 481 </li> 482 <li> 483 <div class="d-flex align-items-start"> 484 <i class="ti ti-shield-check text-azure mt-1 me-3 fs-2"></i> 485 <div> 486 <strong class="text-white d-block fs-3">
486Compliance Evidence</strong> 487 <span class="fs-4 opacity-75">Framework-mapped evidence for auditor review.</span> 488 </div> 489 </div> 490 </li> 491 <li> 492 <div class="d-flex align-items-start"> 493 <i class="ti ti-history text-azure mt-1 me-3 fs-2"></i> 494 <div> 495 <strong class="text-white d-block fs-3">Temporal Analytics</strong> 496 <span class="fs-4 opacity-75">See changes in your security state and compare against a known-good baseline.</span> 497 </div> 498 </div> 499 </li> 500 <li> 501 <div class="d-flex align-items-start"> 502 <i class="ti ti-chart-radar text-azure mt-1 me-3 fs-2"></i> 503 <div> 504 <strong class="text-white d-block fs-3">Insurability Telemetry</strong> 505 <span class="fs-4 opacity-75">Export cyber insurance reporting.</span> 506 </div> 507 </div> 508 </li> 509 </ul> 510 </div> 511 512 <div class="mt-auto"> 513 <a href="#" data-bs-toggle="modal" data-bs-target="#contactModal" class="btn btn-primary btn-pill w-100 py-2 py-3 fs-3">Book a Demo</a> 514 </div> 515 </div> 516 </div> 517 518 <!-- Education Edition --> 519 <div class="col-md-6 col-lg-4"> 520 <div class="card cyber-card card-body h-100 p-5 rounded-4 text-center position-relative"> 521 <h3 class="h1 text-green mb-1">Education</h3> 522 <p class="text-muted mb-4 fs-3">For Institutions & NGOs</p> 523 524 <div class="mb-4"> 525 <div class="display-4 fw-bold text-white fs-2 mt-3">Custom Pricing</div> 526 <div class="text-muted mt-2">Centralized shared fleet oversight</div> 527 </div> 528 529 <ul class="list-unstyled space-y-3 text-start text-muted mb-5 fs-4"> 530 <li><i class="ti ti-check text-green me-2"></i> Continuous endpoint monitoring</li> 531 <li><i class="ti ti-check text-green me-2"></i> Vulnerability detection</li> 532 <li><i class="ti ti-check text-green me-2"></i> Software inventory & tracking</li> 533 <li><i class="ti ti-check text-green me-2"></i> Fleet view management</li> 534 </ul> 535 536 <div class="mt-auto"> 537 <a href="#" data-bs-toggle="modal" data-bs-target="#contactModal" class="btn btn-outline-success btn-pill w-100 py-2 py-3 fs-3">Contact Us</a> 538 </div> 539 </div> 540 </div> 541 </div> 542 </div> 543 544 <!-- Footer CTA --> 545 <div class="container-xl py-7 mt-4 mb-6"> 546 <div class="card bg-dark text-white p-5 p-md-7 border-0 rounded-4 text-center" style="background: radial-gradient(circle at 50% 50%, rgba(32, 107, 196, 0.25) 0%, rgba(11, 15, 25, 1) 100%); border: 1px solid rgba(255,255,255,0.05) !important;"> 547 <h2 class="display-5 fw-bold mb-4">Stop guessing. <span class="text-gradient">Start showing evidence.</span></h2> 548 <p class="fs-2 text-muted mb-5 mx-auto" style="max-width: 600px;">Install MagenSec, see your real posture in minutes, and let MAGI tell you what matters.</p> 549 <div class="d-flex flex-column flex-sm-row justify-content-center gap-3"> 550 <a href="install.html" class="btn btn-primary btn-pill btn-lg px-5">Check your security now</a> 551 <a href="#" class="btn btn-outline-light btn-pill btn-lg px-5" data-bs-toggle="modal" data-bs-target="#contactModal">Request evidence walkthrough</a> 552 </div> 553 </div> 554 </div> 555 556 <footer class="footer footer-transparent d-print-none text-muted py-5 text-center border-top" style="border-color: rgba(255,255,255,0.05) !important;"> 557 <div class="container-xl"> 558 <div class="d-flex flex-column flex-md-row justify-content-between align-items-center"> 559 <div> 560 <svg xmlns="http://www.w3.org/2000/svg" class="icon text-primary me-2 mb-1" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M12 3a12 12 0 0 0 8.5 3a12 12 0 0 1 -8.5 15a12 12 0 0 1 -8.5 -15a12 12 0 0 0 8.5 -3" /></svg> 561 <strong class="text-white">MagenSec</strong> © 2026 562 </div> 563 <ul class="list-inline list-inline-dots mb-0 mt-3 mt-md-0"> 564 <li class="list-inline-item"><a href="about.html" class="link-secondary">About</a></li> 565 <li class="list-inline-item"><a href="terms.html#terms" class="link-secondary">Terms</a></li> 566 <li class="list-inline-item"><a href="terms.html#privacy" class="link-secondary">Privacy</a></li> 567 </ul> 568 </div> 569 </div> 570 </footer> 571 572 </div> 573 </div> 574 575 <!-- Contact Modal --> 576 <div class="modal modal-blur fade" id="contactModal" tabindex="-1" role="dialog" aria-hidden="true"> 577 <div class="modal-dialog modal-dialog-centered" role="document"> 578 <div class="modal-content"> 579 <div class="modal-header"> 580 <h5 class="modal-title">Request an Evidence Walkthrough</h5> 581 <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button> 582 </div> 583 <form action="https://formsubmit.co/[email protected]" method="POST"> 584 <div class="modal-body"> 585 <div class="mb-3"> 586 <label class="form-label" for="contact-name">Name</label> 587 <input type="text" id="contact-name" class="form-control" name="name" required placeholder="Your name" autocomplete="name"> 588 </div> 589 <div class="mb-3"> 590 <label class="form-label" for="contact-email">Email address</label> 591 <input type="email" id="contact-email" class="form-control" name="email" required placeholder="[email protected]" autocomplete="email"> 592 </div> 593 <div class="mb-3"> 594 <label class="form-label" for="contact-phone">Mobile Number <span class="text-muted">(Optional)</span></label> 595 <input type="tel" id="contact-phone" class="form-control" name="phone" placeholder="For a quick contact" autocomplete="tel"> 596 </div> 597 <div class="mb-3"> 598 <label class="form-label" for="contact-message">Message</label> 599 <textarea id="contact-message" class="form-control" name="message" rows="4" required placeholder="How can we help you?" autocomplete="off"></textarea> 600 </div> 601 <input type="hidden" name="_next" value="https://www.MagenSec.app/index.html"> 602 <input type="hidden" name="_subject" value="New MagenSec Inquiry"> 603 <input type="hidden" name="_captcha" value="false"> 604 <input type="hidden" name="_template" value="table"> 605 <input type="text" name="_honey" style="display:none"> 606 </div> 607 <div class="modal-footer d-flex justify-content-between"> 608 <div class="text-muted small">Or email us directly at <a href="mailto:[email protected]">[email protected]</a></div> 609 <div> 610 <button type="button" class="btn btn-link link-secondary" data-bs-dismiss="modal">Cancel</button> 611 <button type="submit" class="btn btn-primary ms-auto">Send Message</button> 612 </div> 613 </div> 614 </form> 615 </div> 616 </div> 617 </div> 618
618<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.bundle.min.js"></script>
618 619
619<script src="assets/js/portal-links.js" defer></script>
619 620 621 <!-- TimeWarp JS --> 622
622<script src="assets/js/timewarp.js"></script>
622 623 624
625<script type="module" src="https://static.cloudflareinsights.com/beacon.min.js/v31edd6df95cf4e85bb4c19e7a9bdbcba1788362987495" integrity="sha512-iIg7k2xntmwu6/uSb5tpc/hySgZc4eoL31yB29W6tJFo2akwjPWcEqnCEdJvGexCL0KEQwVYv5BlowfhVz26hg==" data-cf-beacon='{"version":"2024.11.0","token":"c976794c4abf4f3681247e68b747190a","r":1,"spa":2}' crossorigin="anonymous"></script>
625 626</body> 627</html> 628 629 630 631 632 633 634 635 636 637 638 639 640 641
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.