.vmray-misa {
--paper: #FFFFFF;
--sand: #EFE6D3;
--ink: #0A1420;
--surface: #0F1A28;
--navy: #002A46;
--navy-deep: #001C30;
--navy-hover: #003B5F;
--text-heading-light: #002A46;
--text-primary-light: #3A4150;
--text-secondary-light: #5A6270;
--text-tertiary-light: #8B95A3;
--text-heading-dark: #FFFFFF;
--text-primary-dark: #CFDAE7;
--text-secondary-dark: #8B95A3;
--text-tertiary-dark: #5A6270;
--gold-light: #C99B4A;
--gold-dark: #E6C985;
--gold-hover-dark: #EFD4A0;
--gold-grad-1: #CAAE8A;
--gold-grad-2: #E6C379;
--gold-grad-3: #F2E5BF;
--border-default-light: rgba(207, 218, 231, 0.80);
--border-subtle-light: rgba(207, 218, 231, 0.60);
--border-strong-light: rgba(207, 218, 231, 1.00);
--divider-light: rgba(58, 65, 80, 0.10);
--border-default-dark: rgba(207, 218, 231, 0.12);
--border-subtle-dark: rgba(207, 218, 231, 0.07);
--border-strong-dark: rgba(207, 218, 231, 0.20);
--divider-dark: rgba(207, 218, 231, 0.06);
--status-critical: #B85656;
--grid-max: 1240px;
--edge-pct: 5%;
--inset: 24px;
--radius: 4px;
--radius-sm: 3px;
--radius-screen: 8px;
--radius-pill: 100px;
--pill-critical-bg-d: rgba(184, 86, 86, 0.18);
--pill-critical-text-d: #E89090;
--placeholder-fill-l: rgba(58, 65, 80, 0.04);
--placeholder-fill-d: rgba(207, 218, 231, 0.025);
}
.vmray-misa * { box-sizing: border-box; margin: 0; padding: 0; }
.vmray-misa { scroll-behavior: smooth; }
.vmray-misa, .vmray-misa {
background: var(--paper);
color: var(--text-primary-light);
font-family: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif;
font-feature-settings:
"cv11",
"cv10",
"cv01",
"cv08",
"cv09",
"zero",
"tnum";
font-variant-numeric: tabular-nums slashed-zero;
font-size: 15px;
line-height: 1.6;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.vmray-misa { position: relative; }
.vmray-misa .display, .vmray-misa .display-xl, .vmray-misa .hero h1 {
font-family: 'Inter Display', 'Inter', sans-serif;
}
.vmray-misa::before {
content: "";
position: absolute;
top: 0; left: 0; right: 0;
height: 3px;
background: linear-gradient(to right, var(--gold-grad-1), var(--gold-grad-2), var(--gold-grad-3));
z-index: 100;
pointer-events: none;
}
.vmray-misa .frame-vertical-left, .vmray-misa .frame-vertical-right {
position: absolute;
top: 0; bottom: 0;
width: 1px;
background: rgba(139, 149, 163, 0.25);
z-index: 90;
pointer-events: none;
}
.vmray-misa .frame-vertical-left { left: var(--edge-pct); }
.vmray-misa .frame-vertical-right { right: var(--edge-pct); }
.vmray-misa .frame-bottom {
position: absolute;
bottom: 0; left: 0; right: 0;
height: 0.5px;
background: rgba(139, 149, 163, 0.25);
z-index: 90;
pointer-events: none;
}
.vmray-misa .vmr-container {
max-width: var(--grid-max);
margin: 0 auto;
padding: 0 var(--inset);
position: relative;
}
.vmray-misa .mono-label {
font-family: 'IBM Plex Mono', monospace;
font-size: 11px;
font-weight: 500;
line-height: 1.4;
letter-spacing: 0.06em;
text-transform: uppercase;
color: var(--text-secondary-light);
display: inline-block;
}
.vmray-misa .section-dark .mono-label { color: var(--text-primary-dark); opacity: 0.8; }
.vmray-misa .h2 { font-size: 28px; font-weight: 500; line-height: 1.25; color: var(--text-heading-light); }
.vmray-misa .h3 { font-size: 20px; font-weight: 500; line-height: 1.30; color: var(--text-heading-light); }
.vmray-misa .section-dark .h2, .vmray-misa .section-dark .h3 { color: var(--text-heading-dark); }
.vmray-misa .body-lg { font-size: 17px; font-weight: 400; line-height: 1.55; color: var(--text-primary-light); }
.vmray-misa .body { font-size: 15px; font-weight: 400; line-height: 1.60; color: var(--text-primary-light); }
.vmray-misa .small { font-size: 12px; font-weight: 400; line-height: 1.45; color: var(--text-secondary-light); }
.vmray-misa .section-dark .body-lg, .vmray-misa .section-dark .body { color: var(--text-primary-dark); }
.vmray-misa .section-dark .small { color: var(--text-secondary-dark); }
.vmray-misa .gold-accent { color: var(--gold-light); }
.vmray-misa .section-dark .gold-accent { color: var(--gold-dark); }
.vmray-misa .btn {
display: inline-flex;
align-items: center;
gap: 8px;
padding: 14px 28px;
border-radius: var(--radius);
font-family: 'Inter', sans-serif;
font-size: 15px;
font-weight: 500;
line-height: 1;
text-decoration: none;
cursor: pointer;
border: none;
transition: all 120ms ease-out;
white-space: nowrap;
}
.vmray-misa .btn-primary { background: var(--navy); color: #FFFFFF; }
.vmray-misa .btn-primary:hover { background: var(--navy-hover); }
.vmray-misa .btn-primary-gold { background: var(--gold-dark); color: var(--ink); }
.vmray-misa .btn-primary-gold:hover { background: var(--gold-hover-dark); }
.vmray-misa .btn-secondary {
background: transparent;
border: 0.5px solid var(--border-strong-light);
color: var(--text-primary-light);
}
.vmray-misa .btn-secondary:hover { border-color: var(--navy); color: var(--navy); }
.vmray-misa .section-dark .btn-secondary {
border-color: rgba(207, 218, 231, 0.40);
color: var(--text-heading-dark);
}
.vmray-misa .section-dark .btn-secondary:hover { border-color: rgba(207, 218, 231, 0.70); }
.vmray-misa .btn-arrow { width: 14px; height: 14px; transition: transform 120ms ease-out; }
.vmray-misa .btn:hover .btn-arrow { transform: translateX(2px); }
.vmray-misa .btn-small { padding: 10px 18px; font-size: 13px; }
.vmray-misa .text-link {
display: inline-flex;
align-items: center;
gap: 6px;
color: var(--text-heading-light);
text-decoration: none;
font-weight: 500;
font-size: 14px;
border-bottom: 0.5px solid var(--text-heading-light);
padding-bottom: 1px;
transition: gap 120ms ease-out;
}
.vmray-misa .text-link:hover { gap: 10px; }
.vmray-misa .text-link svg { width: 12px; height: 12px; transition: transform 120ms ease-out; }
.vmray-misa .text-link:hover svg { transform: translateX(3px); }
.vmray-misa .section-dark .text-link { color: var(--text-heading-dark); border-bottom-color: var(--text-heading-dark); }
.vmray-misa section { position: relative; }
.vmray-misa .section-light { background: var(--paper); color: var(--text-primary-light); }
.vmray-misa .section-dark { background: var(--ink); color: var(--text-primary-dark); }
.vmray-misa .section-pad { padding: 96px 0; }
.vmray-misa .section-head { display: grid; grid-template-columns: 200px 1fr; gap: 64px; margin-bottom: 64px; }
.vmray-misa .section-head .mono-label { padding-top: 8px; }
.vmray-misa .section-head h2 {
font-size: 28px; font-weight: 500; line-height: 1.25;
color: var(--text-heading-light); margin-bottom: 16px; max-width: 760px;
}
.vmray-misa .section-dark .section-head h2 { color: var(--text-heading-dark); }
.vmray-misa .section-head .lede { font-size: 17px; line-height: 1.55; color: var(--text-primary-light); max-width: 640px; }
.vmray-misa .section-dark .section-head .lede { color: var(--text-primary-dark); }
.vmray-misa .visual-slot {
position: relative;
border: 0.5px solid var(--border-default-light);
border-radius: var(--radius-screen);
overflow: hidden;
background: var(--placeholder-fill-l);
}
.vmray-misa .section-dark .visual-slot { border-color: var(--border-default-dark); background: var(--placeholder-fill-d); }
.vmray-misa .visual-slot--16x9 { aspect-ratio: 16 / 9; }
.vmray-misa .visual-slot--4x3 { aspect-ratio: 4 / 3; }
.vmray-misa .visual-slot--4x5 { aspect-ratio: 4 / 5; }
.vmray-misa .visual-slot > img, .vmray-misa .visual-slot > video, .vmray-misa .visual-slot > iframe { width: 100%; height: 100%; object-fit: cover; display: block; border: 0; }
.vmray-misa .ph-meta {
position: absolute; top: 14px; left: 14px;
font-family: 'IBM Plex Mono', monospace;
font-size: 10px; font-weight: 500; letter-spacing: 0.06em;
text-transform: uppercase; color: var(--text-tertiary-light); z-index: 2;
}
.vmray-misa .section-dark .ph-meta { color: var(--text-tertiary-dark); }
.vmray-misa .ph-corner-tl, .vmray-misa .ph-corner-tr, .vmray-misa .ph-corner-bl, .vmray-misa .ph-corner-br {
position: absolute; width: 12px; height: 12px;
border-color: var(--border-strong-light); border-style: solid; z-index: 1;
}
.vmray-misa .section-dark .ph-corner-tl, .vmray-misa .section-dark .ph-corner-tr, .vmray-misa .section-dark .ph-corner-bl, .vmray-misa .section-dark .ph-corner-br { border-color: var(--border-strong-dark); }
.vmray-misa .ph-corner-tl { top: 8px; left: 8px; border-width: 1px 0 0 1px; }
.vmray-misa .ph-corner-tr { top: 8px; right: 8px; border-width: 1px 1px 0 0; }
.vmray-misa .ph-corner-bl { bottom: 8px; left: 8px; border-width: 0 0 1px 1px; }
.vmray-misa .ph-corner-br { bottom: 8px; right: 8px; border-width: 0 1px 1px 0; }
.vmray-misa .ph-cross-v, .vmray-misa .ph-cross-h { position: absolute; background: var(--border-subtle-light); }
.vmray-misa .section-dark .ph-cross-v, .vmray-misa .section-dark .ph-cross-h { background: var(--border-subtle-dark); }
.vmray-misa .ph-cross-v { top: 0; bottom: 0; left: 50%; width: 0.5px; transform: translateX(-50%); }
.vmray-misa .ph-cross-h { left: 0; right: 0; top: 50%; height: 0.5px; transform: translateY(-50%); }
.vmray-misa .ph-note {
position: absolute; left: 14px; right: 14px; bottom: 14px;
font-family: 'IBM Plex Mono', monospace;
font-size: 9px; font-weight: 500; letter-spacing: 0.05em;
text-transform: uppercase; color: var(--gold-light); z-index: 2; line-height: 1.4;
}
.vmray-misa .section-dark .ph-note { color: var(--gold-dark); }
.vmray-misa .hero { padding: 112px 0 96px 0; }
.vmray-misa .hero h1 {
font-size: 56px; font-weight: 600; line-height: 1.08;
letter-spacing: -0.015em; color: var(--text-heading-dark);
max-width: 920px; margin-bottom: 24px; text-wrap: balance;
}
.vmray-misa .hero h1 .gold-accent { color: var(--gold-dark); }
.vmray-misa .hero .lede {
font-size: 17px; line-height: 1.6; color: var(--text-primary-dark);
max-width: 720px; margin-bottom: 40px;
}
.vmray-misa .hero .cta-row { display: flex; gap: 16px; flex-wrap: wrap; margin-bottom: 72px; }
.vmray-misa .hero-trustbar {
display: block; padding-top: 32px; border-top: 0.5px solid var(--divider-dark);
}
.vmray-misa .hero-trustbar-eyebrow { display: block; color: var(--text-tertiary-dark); margin-bottom: 16px; }
.vmray-misa .logo-banner {
position: relative; width: 100%; min-height: 64px;
display: flex; align-items: center; justify-content: center;
border: 0.5px solid var(--border-default-dark); border-radius: var(--radius);
padding: 18px 24px; background: rgba(207, 218, 231, 0.02);
}
.vmray-misa .logo-banner-ph {
font-family: 'IBM Plex Mono', monospace; font-size: 11px; font-weight: 500;
letter-spacing: 0.04em; color: var(--text-tertiary-dark); text-align: center; line-height: 1.6;
}
.vmray-misa .logo-banner > img {
position: absolute; inset: 0; width: 100%; height: 100%;
object-fit: contain; padding: 16px 24px; z-index: 2;
}
.vmray-misa .misa-badge {
display: inline-flex; align-items: center; gap: 12px;
padding: 12px 16px; border: 0.5px solid var(--border-default-dark);
border-radius: var(--radius); margin-top: 8px;
}
.vmray-misa .misa-badge-mark {
width: 36px; height: 36px; border-radius: 50%;
border: 0.5px solid var(--border-default-dark);
background: var(--surface); display: flex; align-items: center; justify-content: center;
overflow: hidden;
font-family: 'IBM Plex Mono', monospace; font-size: 10px; font-weight: 500;
color: var(--gold-dark); letter-spacing: 0.03em;
}
.vmray-misa .misa-badge-mark > img { width: 100%; height: 100%; object-fit: contain; }
.vmray-misa .misa-badge-text { display: flex; flex-direction: column; line-height: 1.2; }
.vmray-misa .misa-badge-text .label {
font-family: 'IBM Plex Mono', monospace; font-size: 9px; font-weight: 500;
letter-spacing: 0.08em; text-transform: uppercase; color: var(--text-tertiary-dark);
}
.vmray-misa .misa-badge-text .name { font-size: 13px; font-weight: 500; color: var(--text-heading-dark); }
.vmray-misa .product-chips { display: flex; gap: 12px; flex-wrap: wrap; }
.vmray-misa .product-chip {
display: inline-flex; align-items: center; gap: 10px;
padding: 10px 14px; border: 0.5px solid var(--border-default-dark);
border-radius: var(--radius); font-size: 13px; color: var(--text-primary-dark);
transition: border-color 120ms ease-out;
}
.vmray-misa .product-chip:hover { border-color: var(--text-heading-dark); }
.vmray-misa .product-chip-mark {
width: 18px; height: 18px; background: var(--surface);
border: 0.5px solid var(--border-default-dark); border-radius: 3px;
display: flex; align-items: center; justify-content: center; overflow: hidden;
font-family: 'IBM Plex Mono', monospace; font-size: 8px; font-weight: 500; color: var(--text-tertiary-dark);
}
.vmray-misa .product-chip-mark > img { width: 100%; height: 100%; object-fit: contain; }
.vmray-misa .s1-grid { display: grid; grid-template-columns: 1fr 1.1fr; gap: 64px; align-items: start; }
.vmray-misa .s1-text .body-lg { color: var(--text-primary-light); max-width: 520px; }
.vmray-misa .s1-text .body-lg + .body-lg { margin-top: 24px; }
.vmray-misa .tag {
display: inline-block; padding: 4px 10px; border-radius: var(--radius-sm);
border: 0.5px solid var(--border-default-light);
font-family: 'IBM Plex Mono', monospace; font-size: 10px; font-weight: 500;
letter-spacing: 0.06em; text-transform: uppercase; color: var(--text-secondary-light);
}
.vmray-misa .section-dark .tag { border-color: var(--border-default-dark); color: var(--text-secondary-dark); }
.vmray-misa .chain-diagram {
aspect-ratio: 4 / 3; padding: 24px; display: flex; flex-direction: column;
}
.vmray-misa .chain-diagram::before {
content: ""; position: absolute; inset: 0;
background-image:
linear-gradient(to right, rgba(58, 65, 80, 0.10) 0.5px, transparent 0.5px),
linear-gradient(to bottom, rgba(58, 65, 80, 0.10) 0.5px, transparent 0.5px);
background-size: 40px 40px; pointer-events: none;
}
.vmray-misa .chain-nodes {
position: relative; margin-top: auto; display: flex; align-items: center;
justify-content: space-between; flex-wrap: nowrap;
}
.vmray-misa .chain-node {
flex: 0 0 auto; width: 76px; padding: 12px 8px;
border: 0.5px solid var(--text-primary-light); border-radius: var(--radius);
background: var(--paper); text-align: center;
font-family: 'IBM Plex Mono', monospace; font-size: 9px; font-weight: 500;
letter-spacing: 0.06em; text-transform: uppercase; color: var(--text-primary-light); line-height: 1.3;
}
.vmray-misa .chain-node.malicious { border-color: var(--gold-light); color: var(--gold-light); }
.vmray-misa .chain-connector { flex: 1 1 auto; height: 1px; background: var(--text-primary-light); position: relative; margin: 0 -2px; }
.vmray-misa .chain-connector::after {
content: ""; position: absolute; right: -1px; top: -3px; width: 0; height: 0;
border-left: 4px solid var(--text-primary-light);
border-top: 3px solid transparent; border-bottom: 3px solid transparent;
}
.vmray-misa .chain-caption {
position: absolute; bottom: 16px; left: 24px; right: 24px;
font-family: 'IBM Plex Mono', monospace; font-size: 9px; font-weight: 500;
letter-spacing: 0.06em; text-transform: uppercase; color: var(--text-tertiary-light); line-height: 1.4;
}
.vmray-misa .s2-cards { display: grid; grid-template-columns: repeat(3, 1fr); gap: 24px; margin-bottom: 64px; }
.vmray-misa .value-card {
padding: 32px; border: 0.5px solid var(--border-default-dark); border-radius: var(--radius);
transition: border-color 200ms ease-out, background 200ms ease-out; background: transparent;
}
.vmray-misa .value-card:hover { border-color: var(--border-strong-dark); background: var(--surface); }
.vmray-misa .value-card .icon-box {
width: 44px; height: 44px; border: 0.5px solid var(--border-default-dark);
border-radius: var(--radius); display: flex; align-items: center; justify-content: center;
margin-bottom: 28px; color: var(--text-primary-dark);
}
.vmray-misa .value-card .icon-box svg { width: 22px; height: 22px; }
.vmray-misa .value-card .mono-label { display: block; margin-bottom: 10px; }
.vmray-misa .value-card h3 { font-size: 18px; font-weight: 500; color: var(--text-heading-dark); line-height: 1.30; margin-bottom: 16px; }
.vmray-misa .value-card p { font-size: 14px; line-height: 1.6; color: var(--text-primary-dark); }
.vmray-misa .value-card .tag { margin-top: 24px; }
.vmray-misa .screenshot-block {
display: grid; grid-template-columns: 1.4fr 1fr; gap: 48px; align-items: start;
margin-top: 32px; padding-top: 64px; border-top: 0.5px solid var(--divider-dark);
}
.vmray-misa .screenshot-frame {
border-radius: var(--radius-screen); overflow: hidden;
border: 0.5px solid var(--border-default-dark); background: var(--surface); position: relative;
}
.vmray-misa .defender-mock { background: #0E1623; }
.vmray-misa .defender-mock-bar {
display: flex; align-items: center; gap: 8px; padding: 10px 16px;
border-bottom: 0.5px solid var(--border-default-dark); background: rgba(207, 218, 231, 0.03);
}
.vmray-misa .defender-mock-bar .dot { width: 8px; height: 8px; border-radius: 50%; background: rgba(207, 218, 231, 0.20); }
.vmray-misa .defender-mock-bar .bar-label {
margin-left: 12px; font-family: 'IBM Plex Mono', monospace; font-size: 10px; font-weight: 500;
letter-spacing: 0.06em; text-transform: uppercase; color: var(--text-secondary-dark);
}
.vmray-misa .defender-mock-body { padding: 24px; }
.vmray-misa .defender-mock-headrow { display: flex; align-items: center; gap: 12px; margin-bottom: 8px; }
.vmray-misa .defender-mock-headrow .severity-mark { width: 14px; height: 14px; background: var(--status-critical); border-radius: 2px; }
.vmray-misa .defender-mock-headrow .title { font-size: 14px; font-weight: 500; color: var(--text-heading-dark); }
.vmray-misa .defender-mock-headrow .source {
margin-left: auto; font-family: 'IBM Plex Mono', monospace; font-size: 10px;
color: var(--text-secondary-dark); letter-spacing: 0.06em; text-transform: uppercase;
}
.vmray-misa .defender-mock-meta { display: flex; gap: 24px; margin-bottom: 24px; padding-bottom: 16px; border-bottom: 0.5px solid var(--divider-dark); }
.vmray-misa .defender-mock-meta .meta-item { display: flex; flex-direction: column; gap: 2px; }
.vmray-misa .defender-mock-meta .meta-item .label {
font-family: 'IBM Plex Mono', monospace; font-size: 9px; font-weight: 500;
letter-spacing: 0.06em; text-transform: uppercase; color: var(--text-tertiary-dark);
}
.vmray-misa .defender-mock-meta .meta-item .value { font-size: 12px; color: var(--text-primary-dark); }
.vmray-misa .defender-mock-meta .meta-item .value.mono { font-family: 'IBM Plex Mono', monospace; font-size: 11px; }
.vmray-misa .vmray-note {
padding: 16px; border: 0.5px solid var(--gold-dark); border-radius: var(--radius);
background: rgba(230, 201, 133, 0.04); position: relative;
}
.vmray-misa .vmray-note-head { display: flex; align-items: center; justify-content: space-between; margin-bottom: 12px; }
.vmray-misa .vmray-note-head .note-label {
display: inline-flex; align-items: center; gap: 8px;
font-family: 'IBM Plex Mono', monospace; font-size: 10px; font-weight: 500;
letter-spacing: 0.06em; text-transform: uppercase; color: var(--gold-dark);
}
.vmray-misa .vmray-note-head .note-label::before { content: ""; width: 4px; height: 4px; background: var(--gold-dark); }
.vmray-misa .vmray-note-head .pill-critical-d {
display: inline-flex; align-items: center; gap: 6px; padding: 3px 10px;
border-radius: var(--radius-pill); background: var(--pill-critical-bg-d);
color: var(--pill-critical-text-d); font-size: 11px; font-weight: 500;
}
.vmray-misa .vmray-note-head .pill-critical-d::before { content: ""; width: 6px; height: 6px; border-radius: 50%; background: var(--status-critical); }
.vmray-misa .vmray-note dl { display: grid; grid-template-columns: 110px 1fr; row-gap: 8px; column-gap: 16px; font-size: 12px; }
.vmray-misa .vmray-note dt {
font-family: 'IBM Plex Mono', monospace; font-size: 10px; font-weight: 500;
letter-spacing: 0.06em; text-transform: uppercase; color: var(--text-tertiary-dark); align-self: center;
}
.vmray-misa .vmray-note dd { color: var(--text-primary-dark); font-size: 12px; line-height: 1.5; }
.vmray-misa .vmray-note dd .threat {
display: inline-block; margin-right: 8px; padding: 2px 8px;
border: 0.5px solid var(--border-default-dark); border-radius: var(--radius-sm);
font-family: 'IBM Plex Mono', monospace; font-size: 10px; color: var(--text-primary-dark);
}
.vmray-misa .vmray-note .vti-list { list-style: none; margin-top: 4px; }
.vmray-misa .vmray-note .vti-list li {
display: grid; grid-template-columns: 24px 1fr; gap: 8px; padding: 3px 0;
font-size: 11.5px; line-height: 1.5; color: var(--text-primary-dark);
}
.vmray-misa .vmray-note .vti-list li .score { font-family: 'IBM Plex Mono', monospace; font-size: 10px; font-weight: 500; color: var(--gold-dark); }
.vmray-misa .vmray-note .note-footer {
margin-top: 12px; padding-top: 12px; border-top: 0.5px solid var(--divider-dark);
display: flex; align-items: center; justify-content: space-between; font-size: 11px;
}
.vmray-misa .vmray-note .note-footer .footer-link {
color: var(--text-heading-dark); text-decoration: none; font-weight: 500;
display: inline-flex; align-items: center; gap: 4px; border-bottom: 0.5px solid var(--text-heading-dark); padding-bottom: 1px;
}
.vmray-misa .vmray-note .note-footer .footer-meta {
font-family: 'IBM Plex Mono', monospace; font-size: 9px; color: var(--text-tertiary-dark);
letter-spacing: 0.06em; text-transform: uppercase;
}
.vmray-misa .callout-stack { display: flex; flex-direction: column; gap: 32px; }
.vmray-misa .callout { border-left: 0.5px solid var(--border-strong-dark); padding-left: 24px; position: relative; }
.vmray-misa .callout .mono-label { color: var(--gold-dark); margin-bottom: 8px; }
.vmray-misa .callout h4 { font-size: 16px; font-weight: 500; color: var(--text-heading-dark); margin-bottom: 6px; line-height: 1.3; }
.vmray-misa .callout p { font-size: 13px; line-height: 1.55; color: var(--text-primary-dark); }
.vmray-misa .integrations { display: grid; grid-template-columns: 300px 1fr; gap: 64px; align-items: start; margin-top: 16px; }
.vmray-misa .tab-rail { display: flex; flex-direction: column; border-left: 0.5px solid var(--divider-light); }
.vmray-misa .tab-button {
background: transparent; border: none; border-left: 2px solid transparent; margin-left: -1px;
padding: 24px; text-align: left; cursor: pointer; font-family: inherit;
transition: all 200ms ease-out; display: block; width: 100%;
}
.vmray-misa .tab-button .tab-eyebrow {
font-family: 'IBM Plex Mono', monospace; font-size: 10px; font-weight: 500;
letter-spacing: 0.06em; text-transform: uppercase; color: var(--text-tertiary-light);
margin-bottom: 8px; display: block; transition: color 200ms ease-out;
}
.vmray-misa .tab-button .tab-title { font-size: 18px; font-weight: 500; color: var(--text-secondary-light); line-height: 1.30; transition: color 200ms ease-out; }
.vmray-misa .tab-button .tab-sub { font-size: 13px; color: var(--text-tertiary-light); margin-top: 6px; transition: color 200ms ease-out; }
.vmray-misa .tab-button:hover .tab-title { color: var(--text-heading-light); }
.vmray-misa .vmr-tab-input { position: absolute; opacity: 0; width: 1px; height: 1px; pointer-events: none; }
.vmray-misa #vmr-tab-mde:checked ~ .tab-rail label[for="vmr-tab-mde"], .vmray-misa #vmr-tab-mdo:checked ~ .tab-rail label[for="vmr-tab-mdo"], .vmray-misa #vmr-tab-sentinel:checked ~ .tab-rail label[for="vmr-tab-sentinel"] { border-left-color: var(--navy); background: rgba(0, 42, 70, 0.02); }
.vmray-misa #vmr-tab-mde:checked ~ .tab-rail label[for="vmr-tab-mde"] .tab-title, .vmray-misa #vmr-tab-mdo:checked ~ .tab-rail label[for="vmr-tab-mdo"] .tab-title, .vmray-misa #vmr-tab-sentinel:checked ~ .tab-rail label[for="vmr-tab-sentinel"] .tab-title { color: var(--text-heading-light); }
.vmray-misa #vmr-tab-mde:checked ~ .tab-rail label[for="vmr-tab-mde"] .tab-eyebrow, .vmray-misa #vmr-tab-mdo:checked ~ .tab-rail label[for="vmr-tab-mdo"] .tab-eyebrow, .vmray-misa #vmr-tab-sentinel:checked ~ .tab-rail label[for="vmr-tab-sentinel"] .tab-eyebrow { color: var(--navy); }
.vmray-misa #vmr-tab-mde:checked ~ .tab-rail label[for="vmr-tab-mde"] .tab-sub, .vmray-misa #vmr-tab-mdo:checked ~ .tab-rail label[for="vmr-tab-mdo"] .tab-sub, .vmray-misa #vmr-tab-sentinel:checked ~ .tab-rail label[for="vmr-tab-sentinel"] .tab-sub { color: var(--text-secondary-light); }
.vmray-misa .tab-panels { position: relative; }
.vmray-misa .tab-panel { display: none; }
.vmray-misa #vmr-tab-mde:checked ~ .tab-panels .tab-panel[data-panel="mde"], .vmray-misa #vmr-tab-mdo:checked ~ .tab-panels .tab-panel[data-panel="mdo"], .vmray-misa #vmr-tab-sentinel:checked ~ .tab-panels .tab-panel[data-panel="sentinel"] { display: block; }
.vmray-misa .tab-panel-head { margin-bottom: 32px; }
.vmray-misa .tab-panel-head .mono-label { margin-bottom: 8px; display: block; }
.vmray-misa .tab-panel-head h3 { font-size: 24px; font-weight: 500; color: var(--text-heading-light); line-height: 1.25; margin-bottom: 16px; }
.vmray-misa .tab-panel-head .body-lg { color: var(--text-primary-light); max-width: 640px; }
.vmray-misa .tab-panel-features {
display: grid; grid-template-columns: repeat(2, 1fr); gap: 24px; margin-bottom: 32px;
padding: 28px; border: 0.5px solid var(--border-default-light); border-radius: var(--radius); background: var(--paper);
}
.vmray-misa .tab-feature { display: grid; grid-template-columns: 32px 1fr; gap: 14px; align-items: start; }
.vmray-misa .tab-feature .feature-mark {
width: 32px; height: 32px; border: 0.5px solid var(--border-default-light);
border-radius: var(--radius); display: flex; align-items: center; justify-content: center;
color: var(--text-primary-light);
}
.vmray-misa .tab-feature .feature-mark svg { width: 17px; height: 17px; }
.vmray-misa .tab-feature .feature-text h5 { font-size: 13px; font-weight: 500; color: var(--text-heading-light); margin-bottom: 4px; }
.vmray-misa .tab-feature .feature-text p { font-size: 12px; line-height: 1.5; color: var(--text-secondary-light); }
.vmray-misa .tab-panel-actions { display: flex; gap: 24px; align-items: center; flex-wrap: wrap; margin-top: 24px; }
.vmray-misa .s4-emphasis {
background: var(--navy); border-radius: var(--radius); padding: 64px; color: var(--text-primary-dark);
display: grid; grid-template-columns: 1.3fr 1fr; gap: 64px; align-items: center; position: relative; overflow: hidden;
}
.vmray-misa .s4-emphasis::before {
content: ""; position: absolute; inset: 0;
background-image:
linear-gradient(to right, rgba(207, 218, 231, 0.06) 0.5px, transparent 0.5px),
linear-gradient(to bottom, rgba(207, 218, 231, 0.06) 0.5px, transparent 0.5px);
background-size: 40px 40px; pointer-events: none; z-index: 0;
}
.vmray-misa .s4-emphasis > * { position: relative; z-index: 1; }
.vmray-misa .s4-emphasis .mono-label { color: rgba(207, 218, 231, 0.8); margin-bottom: 16px; display: block; }
.vmray-misa .s4-emphasis h2 {
font-size: 30px; font-weight: 500; line-height: 1.22; letter-spacing: -0.01em;
color: var(--text-heading-dark); margin-bottom: 24px;
}
.vmray-misa .s4-emphasis h2 .gold-accent { color: var(--gold-dark); }
.vmray-misa .s4-emphasis p { font-size: 15px; line-height: 1.6; color: var(--text-primary-dark); }
.vmray-misa .s4-emphasis p + p { margin-top: 16px; }
.vmray-misa .s4-illustration {
aspect-ratio: 4 / 5; border: 0.5px solid rgba(207, 218, 231, 0.15); border-radius: var(--radius);
padding: 32px; display: flex; flex-direction: column; justify-content: center;
background: rgba(0, 28, 48, 0.4); position: relative;
}
.vmray-misa .s4-illustration .fig-label {
position: absolute; top: 16px; left: 16px;
font-family: 'IBM Plex Mono', monospace; font-size: 9px; font-weight: 500;
letter-spacing: 0.06em; text-transform: uppercase; color: rgba(207, 218, 231, 0.5);
}
.vmray-misa .s4-pipeline { display: flex; flex-direction: column; gap: 8px; }
.vmray-misa .s4-layer {
padding: 12px 16px; border: 0.5px solid rgba(207, 218, 231, 0.22); border-radius: var(--radius);
}
.vmray-misa .s4-layer-name {
display: block; font-family: 'IBM Plex Mono', monospace; font-size: 11px; font-weight: 500;
letter-spacing: 0.06em; text-transform: uppercase; color: rgba(207, 218, 231, 0.9); line-height: 1.4;
}
.vmray-misa .s4-layer-desc {
display: block; font-family: 'IBM Plex Mono', monospace; font-size: 10.5px; font-weight: 400;
letter-spacing: 0.01em; color: rgba(207, 218, 231, 0.45); margin-top: 4px; line-height: 1.45;
}
.vmray-misa .s4-layer.muted { border-color: rgba(207, 218, 231, 0.12); }
.vmray-misa .s4-layer.muted .s4-layer-name { color: rgba(207, 218, 231, 0.6); }
.vmray-misa .s4-layer.muted .s4-layer-desc { color: rgba(207, 218, 231, 0.32); }
.vmray-misa .s4-layer.gold { border-color: var(--gold-dark); background: rgba(230, 201, 133, 0.06); }
.vmray-misa .s4-layer.gold .s4-layer-name { color: var(--gold-dark); }
.vmray-misa .s4-layer.gold .s4-layer-desc { color: rgba(230, 201, 133, 0.72); }
.vmray-misa .footprint-grid {
display: grid; grid-template-columns: repeat(5, 1fr); gap: 32px; margin-bottom: 64px;
padding: 48px 0; border-top: 0.5px solid var(--divider-light); border-bottom: 0.5px solid var(--divider-light);
}
.vmray-misa .footprint-item .mono-label { color: var(--text-tertiary-light); margin-bottom: 12px; display: block; }
.vmray-misa .footprint-item .number {
font-family: 'Inter Display', 'Inter', sans-serif; font-size: 44px; font-weight: 500;
line-height: 1; color: var(--text-heading-light); letter-spacing: -0.02em; margin-bottom: 8px;
}
.vmray-misa .footprint-item .number .accent { color: var(--gold-light); }
.vmray-misa .footprint-item .label { font-size: 13px; line-height: 1.45; color: var(--text-secondary-light); }
.vmray-misa .quote-block {
background: var(--sand); border: 0.5px solid var(--border-default-light); border-radius: var(--radius);
padding: 48px; margin-bottom: 40px; display: grid; grid-template-columns: 72px 1fr; gap: 32px; align-items: start;
}
.vmray-misa .quote-mark {
font-family: 'Inter Display', 'Inter', sans-serif; font-size: 72px; font-weight: 600;
line-height: 0.8; color: var(--navy); letter-spacing: -0.04em;
}
.vmray-misa .quote-text {
font-size: 21px; font-weight: 500; line-height: 1.45; color: var(--text-heading-light);
margin-bottom: 24px; letter-spacing: -0.005em; text-wrap: balance;
}
.vmray-misa .quote-attribution {
padding-top: 16px; border-top: 0.5px solid var(--divider-light);
display: flex; justify-content: space-between; align-items: baseline; flex-wrap: wrap; gap: 16px;
}
.vmray-misa .quote-attribution .role { font-size: 13px; font-weight: 500; color: var(--text-heading-light); }
.vmray-misa .quote-story-link { margin-bottom: 64px; }
.vmray-misa .s5-final {
display: grid; grid-template-columns: 1fr auto; gap: 48px; align-items: center;
padding-top: 48px; border-top: 0.5px solid var(--divider-light);
}
.vmray-misa .s5-final .mono-label { margin-bottom: 12px; display: block; }
.vmray-misa .s5-final h3 { font-size: 24px; font-weight: 500; color: var(--text-heading-light); line-height: 1.3; max-width: 560px; }
@media (max-width: 960px) {
.vmray-misa .frame-vertical-left, .vmray-misa .frame-vertical-right { display: none; }
.vmray-misa .vmr-container { padding: 0 24px; }
.vmray-misa .section-head { grid-template-columns: 1fr; gap: 16px; margin-bottom: 48px; }
.vmray-misa .section-pad { padding: 64px 0; }
.vmray-misa .hero { padding: 80px 0 64px 0; }
.vmray-misa .hero h1 { font-size: 38px; }
.vmray-misa .hero .lede { font-size: 16px; }
.vmray-misa .hero-trustbar { grid-template-columns: 1fr; gap: 24px; }
.vmray-misa .s1-grid { grid-template-columns: 1fr; gap: 48px; }
.vmray-misa .chain-diagram { aspect-ratio: 16 / 10; }
.vmray-misa .s2-cards { grid-template-columns: 1fr; }
.vmray-misa .screenshot-block { grid-template-columns: 1fr; gap: 32px; }
.vmray-misa .integrations { grid-template-columns: 1fr; gap: 32px; }
.vmray-misa .tab-rail { flex-direction: row; overflow-x: auto; border-left: none; border-bottom: 0.5px solid var(--divider-light); }
.vmray-misa .tab-button { border-left: none; border-bottom: 2px solid transparent; flex: 0 0 auto; min-width: 240px; padding: 16px 20px; }
.vmray-misa #vmr-tab-mde:checked ~ .tab-rail label[for="vmr-tab-mde"], .vmray-misa #vmr-tab-mdo:checked ~ .tab-rail label[for="vmr-tab-mdo"], .vmray-misa #vmr-tab-sentinel:checked ~ .tab-rail label[for="vmr-tab-sentinel"] { border-left-color: transparent; border-bottom-color: var(--navy); }
.vmray-misa .tab-panel-features { grid-template-columns: 1fr; }
.vmray-misa .s4-emphasis { grid-template-columns: 1fr; padding: 40px; gap: 40px; }
.vmray-misa .s4-emphasis h2 { font-size: 25px; }
.vmray-misa .s4-illustration { aspect-ratio: 4 / 3; }
.vmray-misa .footprint-grid { grid-template-columns: repeat(2, 1fr); gap: 24px; }
.vmray-misa .quote-block { grid-template-columns: 1fr; padding: 32px; }
.vmray-misa .quote-mark { font-size: 56px; }
.vmray-misa .quote-text { font-size: 18px; }
.vmray-misa .s5-final { grid-template-columns: 1fr; gap: 24px; }
}
.vmray-misa ::selection { background: rgba(201, 155, 74, 0.20); }
.vmray-misa { position: relative; box-sizing: border-box; width: 100%; overflow: hidden; }
.vmray-misa, .vmray-misa * { box-sizing: border-box; }
.vmray-misa h1, .vmray-misa h2, .vmray-misa h3, .vmray-misa h4, .vmray-misa h5, .vmray-misa p { margin: 0; padding: 0; }
.vmray-misa a { text-decoration: none; }
.vmray-misa ul { list-style: none; margin: 0; padding: 0; }
.vmray-misa img { max-width: 100%; }
.vmray-misa .visual-slot, .vmray-misa .screenshot-frame, .vmray-misa .s4-illustration { position: relative; }
.vmray-misa .visual-slot > img, .vmray-misa .visual-slot > video, .vmray-misa .visual-slot > iframe,
.vmray-misa .screenshot-frame > img, .vmray-misa .screenshot-frame > video, .vmray-misa .screenshot-frame > iframe,
.vmray-misa .s4-illustration > img {
position: absolute; inset: 0; width: 100%; height: 100%;
object-fit: cover; display: block; border: 0; z-index: 6; background: var(--paper);
}
.vmray-misa .section-dark .visual-slot > img, .vmray-misa .section-dark .screenshot-frame > img,
.vmray-misa .s4-illustration > img { background: var(--navy); }
/* ---- Section 2 screenshot: tasteful motion (respects reduced-motion) ---- */
@media (prefers-reduced-motion: no-preference) {
.vmray-misa .screenshot-frame { transition: transform 220ms ease-out, border-color 220ms ease-out; }
.vmray-misa .screenshot-frame:hover { transform: translateY(-2px); border-color: var(--border-strong-dark); }
.vmray-misa .vmray-note-head .pill-critical-d::before { animation: vmrPulse 2.6s ease-in-out infinite; }
@keyframes vmrPulse {
0%, 100% { box-shadow: 0 0 0 0 rgba(184, 86, 86, 0.55); }
50% { box-shadow: 0 0 0 5px rgba(184, 86, 86, 0); }
}
@supports (animation-timeline: view()) {
.vmray-misa .vmray-note { animation: vmrRise both linear; animation-timeline: view(); animation-range: entry 4% cover 26%; }
.vmray-misa .vmray-note .vti-list li { animation: vmrFade both linear; animation-timeline: view(); }
.vmray-misa .vmray-note .vti-list li:nth-child(1) { animation-range: entry 12% cover 38%; }
.vmray-misa .vmray-note .vti-list li:nth-child(2) { animation-range: entry 16% cover 42%; }
.vmray-misa .vmray-note .vti-list li:nth-child(3) { animation-range: entry 20% cover 46%; }
.vmray-misa .vmray-note .vti-list li:nth-child(4) { animation-range: entry 24% cover 50%; }
}
@keyframes vmrRise { from { opacity: 0; transform: translateY(14px); } to { opacity: 1; transform: none; } }
@keyframes vmrFade { from { opacity: 0; transform: translateX(-6px); } to { opacity: 1; transform: none; } }
}
More clarity from every Microsoft alert.
VMRay is a Microsoft Intelligent Security Association (MISA) member. Our integrations with Microsoft Defender for Endpoint, Microsoft Defender for Office, and Microsoft Sentinel turn each alert into a verdict your SOC can act on, and push the IOCs back into your Microsoft Security stack to block what comes next.
// PARTNERSHIP & INTEGRATIONS
<!-- ADD BANNER: replace the .logo-banner-ph line below with your single horizontal logo banner, e.g.
It spans the full content width; logos are centered and never cropped. -->
// 01 / THE SHIFT
What's actually in your queue
The era of the single malicious link is fading. What's landing in SOC queues today is multi-stage delivery chains designed to slip past automated defenses, and only reveal their intent three layers in.
Clean-looking emails carrying password-protected documents. PDFs with embedded QR codes. Redirects through legitimate services. ClickFix payloads that surface only after a series of interactions across multiple layers.
Microsoft Security catches the alert. The question for your team is the one that comes next: what is this, what would it have done, and can the verdict be trusted enough to move on?
<!-- ADD IMAGE (optional): paste
as the FIRST child inside the .visual-slot below. It covers the built-in
diagram and fills the frame. Leave it out to keep the built-in diagram. -->
// 02 / THE VALUE
Verdict. IOCs. Depth. Built into the workflow you already run.
Inside the Microsoft console, and ready when your team needs to go deeper. Three things that change when VMRay's analysis sits behind the alert.
// IN THE ALERT COMMENT
A verdict your analysts can act on
Malicious or not, the malware family, the threat classifications, and the top behaviors observed during detonation. A junior analyst reads it in seconds. An automated playbook acts on it without manual re-checks.
// MICROSOFT DEFENDER
// PUSHED TO DEFENDER INDICATORS
IOCs that block what comes next
The high-fidelity indicators extracted during analysis flow straight into Microsoft Defender indicators and Sentinel Threat Intelligence. No manual import. No copy-paste between consoles.
// MICROSOFT DEFENDER + SENTINEL
// ONE CLICK AWAY
The full picture, when you need it
When an alert turns into an investigation, the complete VMRay analysis is linked from the comment: full delivery chain, extracted malware configuration, MITRE ATT&CK TTPs, network traffic, and more.
// VMRAY PLATFORM
<!-- ADD SCREENSHOT: paste
as the FIRST child inside the .screenshot-frame below. It covers the
built-in mock. The callouts on the right stay. -->
Microsoft Defender · Alert detail
'LockBit' ransomware was prevented
Defender for Endpoint
VMRay analysis
Malicious
Classifications
Backdoor Ransomware Threat names
LockBit LockBit.v4 LockBitGreen Top VTIs
5/5 Possibly drops ransom note files 5/5 Appends new extensions to many filenames 5/5 Malicious content matched by YARA rules 4/5 Sets up server that accepts incoming connections
// THE VERDICT LINE
Malicious or not, before the analyst has clicked anything
Sets the disposition of the alert in a single read.
// THREAT NAMES & INDICATORS
Malware family, classification, and the specific behaviors
What it is, and why we think it's malicious.
// LINK TO FULL ANALYSIS
One click into VMRay for complete visibility
Malware configuration, ATT&CK mapping, network traffic, and more.
// 03 / THE INTEGRATIONS
Endpoint. Office. Sentinel. One analysis layer.
Three integrations with Microsoft's primary security tools, each built on the same evasion-resistant analysis engine. Pick the one closest to where you're working.
// 01 / DEFENDER FOR ENDPOINT
Microsoft Defender for Endpoint
Files and URLs from EDR alerts
// 02 / DEFENDER FOR OFFICE
Microsoft Defender for Office
User-reported phishing, URLs, attachments
// 03 / SENTINEL
Microsoft Sentinel
Threat intelligence & investigation enrichment
// MICROSOFT DEFENDER FOR ENDPOINT
Triage EDR alerts with deep behavioral analysis
Quarantined files and suspicious URLs from Defender alerts go through VMRay, automatically. The verdict, threat name, and top VTIs appear in the alert comment. IOCs are pushed to Defender indicators and block lists. The full recursive analysis is one click away.
Automatic enrichment Quarantined files & URLs analyzed in the background
Indicators pushed back IOCs flow directly to Defender block lists
Recursive analysis Full attack chain, beyond what EDR sees
Azure Marketplace Minimal setup, native deployment
<!-- ADD IMAGE: paste
as the FIRST child inside the .visual-slot below. -->
// FIG 3.1 / DIAGRAM OR SCREENSHOT
// MICROSOFT DEFENDER FOR OFFICE
Bring depth to the User Reported Phishing folder
Microsoft Defender for Office protects email at scale. VMRay adds depth where it matters most: in the User Reported Phishing folder, where the novel, evasive attacks tend to land. URLs and attachments are detonated automatically. QR codes are decoded and followed. Password-protected files are opened. ClickFix payloads are captured.
Understand attacker intent Gain full visibility into each stage of an attack
Streamline alert triage Get instant clarity on Microsoft alerts
Enhance protection Automatically add IOCs to prevent future attacks
Accelerate incident response In-depth reports to speed up investigation
<!-- ADD IMAGE: paste
as the FIRST child inside the .visual-slot below. -->
// FIG 3.2 / DIAGRAM OR SCREENSHOT
// MICROSOFT SENTINEL
A curated intelligence layer, built from threats you've faced
Every IOC produced by VMRay analysis flows directly into Sentinel Threat Intelligence, building a curated intelligence layer from threats already seen in your environment. The VMRay UniqueSignal feed is ingested via STIX/TAXII alongside it. Two complementary intelligence sources, ready for correlation and automation.
URL enrichment Sentinel-detected URLs automatically tagged with verdicts
UniqueSignal feed VMRay's curated CTI feed, via STIX/TAXII
Sandbox IOCs to Sentinel TI Analysis results added to your TI repository
Automation-ready Clean, filtered indicators for playbooks
<!-- ADD IMAGE: paste
as the FIRST child inside the .visual-slot below. -->
// FIG 3.3 / DIAGRAM OR SCREENSHOT
// 04 / THE FOUNDATION
Trust built on evasion resistance: why the verdicts are worth automating on
Security automation is only useful if the analysis layer feeding it can be trusted. Here's what makes VMRay's verdicts reliable enough to drive automation across your Microsoft Security stack.
// HYPERVISOR-BASED ANALYSIS
Threats designed to go quiet in other environments behave genuinely in VMRay's sandbox.
VMRay's analysis runs in a hypervisor-based analysis environment, operating below the OS where malware cannot detect it. No agents visible to the sample. That's the foundation that makes the verdicts feeding your Microsoft Defender and Microsoft Sentinel reliable enough to automate on.
And it's the same foundation that makes the IOCs trustworthy: because the behavior they describe is what the malware actually did, not what it was prepared to show to a sandbox.
<!-- ADD IMAGE (optional): paste
as the FIRST child inside the .s4-illustration below. -->
// FIG 4.1 / THE ANALYSIS PIPELINE
Reputation check
Filter known threats
Static analysis
Detect variations of known threats
Sandbox
Detect unknown, evasive, targeted threats
Machine learning and AI
Recognize patterns of potential threats
Clarity Engine
Turns deep analysis into clear insights
// 05 / TRUSTED
Trusted by SOC teams that run on Microsoft
VMRay is a Microsoft Intelligent Security Association (MISA) member. Our integrations are production-deployed across the most demanding security operations in the world.
"
VMRay emerged as our go-to platform for validating alerts from CrowdStrike and MS Defender for Endpoints. Its ability to uncover hidden threats that eluded other tools in our security stack gave us confidence in our security posture and saved us valuable time in incident response.
A major North American Bank
// READY FOR THE NEXT STEP?
See what VMRay tells you about a real Microsoft Security alert.
It spans the full content width; logos are centered and never cropped. -->
as the FIRST child inside the .visual-slot below. It covers the built-in
diagram and fills the frame. Leave it out to keep the built-in diagram. -->
as the FIRST child inside the .screenshot-frame below. It covers the
built-in mock. The callouts on the right stay. -->
