<style>
        .fa {
            padding: 10px;
            font-size: 10px;
            width: 10px;
            text-align: center;
            text-decoration: none;
            margin: 5px 2px;
            border-radius: 10%;
          }
    
          .fa:hover {
            opacity: 0.7;
          }
    
          .fa-twitter {
            background: #55ACEE;
            color: white;
          }
    
          .fa-linkedin {
            background: #007bb5;
            color: white;
          }
    
          :root {
            --bg1: #0b0f16;
            --bg2: #0e1720;
            --accent: #9be3ff;
            --muted: #9aa6b2;
            --card: #0f1720;
          }
    
          html {
            min-height: 100%;
            background: #020711;
          }
    
          body {
            min-height: 100%;
            margin: 0;
            font-family: Inter, system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial;
            color: #e8eef6;
            background: #020711;
          }
    
          .wrap {
            position: relative;
            min-height: 100vh;
            background:
              /* Soft cyan-neon atmosphere at the opening */
              radial-gradient(ellipse 90% 11% at 50% 0%,
                rgba(0, 90, 155, 0.02) 0%,
                rgba(0, 174, 255, 0.065) 38%,
                rgba(70, 86, 255, 0.12) 68%,
                transparent 100%),
              /* Minimal cool glow near the bottom */
              radial-gradient(ellipse 95% 12% at 50% 100%,
                rgba(70, 86, 255, 0.12) 0%,
                rgba(0, 174, 255, 0.065) 42%,
                rgba(0, 90, 155, 0.02) 70%,
                transparent 100%),
              /* Long, seamless transition through the whole page */
              linear-gradient(180deg,
                #08233a 0%,
                #071d32 7%,
                #051727 16%,
                #04111f 28%,
                #020a14 43%,
                #01070f 50%,
                #020a14 58%,
                #04111f 73%,
                #051727 85%,
                #071d32 94%,
                #08233a 100%);
            background-repeat: no-repeat;
            background-size: 100% 100%;
          }
    
          header {
            padding: 28px 24px;
            display: flex;
            align-items: center;
            justify-content: space-between;
            gap: 20px
          }
    
          .brand {
            display: flex;
            align-items: center;
            gap: 12px
          }
    
          .brand img {
            height: 44px;
            width: auto
          }
    
          .brand h1 {
            font-size: 18px;
            margin: 0;
            font-weight: 700;
            letter-spacing: 0.4px
          }
    
          nav a {
            color: var(--muted);
            text-decoration: none;
            margin-left: 16px;
            font-size: 14px
          }
    
          /* Hamburger menu styles */
          .hamburger {
            display: none;
            flex-direction: column;
            justify-content: space-around;
            width: 30px;
            height: 25px;
            background: transparent;
            border: none;
            cursor: pointer;
            padding: 0;
            z-index: 10;
          }
    
          .hamburger span {
            width: 100%;
            height: 3px;
            background-color: var(--muted);
            border-radius: 10px;
            transition: all 0.3s linear;
            position: relative;
            transform-origin: 1px;
          }
    
          .nav-menu {
            display: flex;
            align-items: center;
          }
    
          .mobile-nav {
            position: fixed;
            top: 0;
            right: -100%;
            height: 40vh;
            width: 70%;
            max-width: 300px;
            background: var(--bg2);
            padding: 100px 20px 20px;
            z-index: 5;
            transition: right 0.3s ease-in-out;
            box-shadow: -5px 0 15px rgba(0, 0, 0, 0.5);
          }
    
          .mobile-socials {
            position: absolute;
            /* stick them to bottom */
            bottom: 25px;
            /* space from bottom edge */
            left: 0;
            width: 100%;
            display: flex;
            justify-content: center;
            gap: 18px;
            border-top: 1px solid rgba(255, 255, 255, 0.1);
            padding-top: 18px;
          }
    
          /* override inherited link styles */
          .mobile-socials a {
            display: inline-flex !important;
            align-items: center;
            justify-content: center;
            width: auto !important;
            padding: 0 !important;
            border: none !important;
            font-size: 22px;
            color: var(--muted);
            text-decoration: none;
            background: none;
          }
    
          .mobile-socials a:hover {
            color: #1da1f2;
            /* Twitter blue */
          }
    
          .mobile-socials .fa {
            font-size: 20px;
            color: var(--muted);
            text-decoration: none;
            transition: color 0.2s;
          }
    
          .mobile-socials .fa:hover {
            color: #1da1f2;
            /* e.g. Twitter blue, optional */
          }
    
          .mobile-nav.active {
            right: 0;
          }
    
          .mobile-nav a {
            display: block;
            padding: 15px 0;
            color: var(--muted);
            text-decoration: none;
            border-bottom: 1px solid rgba(255, 255, 255, 0.1);
          }
    
          .overlay {
            display: none;
            position: fixed;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background: rgba(0, 0, 0, 0.7);
            z-index: 4;
          }
    
          .overlay.active {
            display: block;
          }
    
          .hero-container {
            display: flex;
            max-width: 1600px;
            margin: 0 auto;
            width: 100%;
            padding: 20px 24px 0;
            gap: 80px;
          }
    
          .left-column {
            flex: 2;
            display: flex;
            flex-direction: column;
          }
    
          .right-column {
            width: 460px;
            flex-shrink: 0;
          }
    
          .headline {
            color: #fff;
            margin-bottom: 20px;
          }
    
          .headline h2 {
            margin: 0 0 12px 0;
            font-size: 36px;
            line-height: 1.02
          }
    
          .headline p {
            margin: 0 0 18px 0;
            color: var(--muted);
            font-size: 16px
          }
    
          .cta-row {
            display: flex;
            gap: 12px;
            margin-bottom: 20px;
          }
    
          .btn {
            background: linear-gradient(90deg, #1f8bd8, #00c6ff);
            border: none;
            padding: 12px 18px;
            border-radius: 10px;
            color: #042027;
            font-weight: 700;
            cursor: pointer
          }
    
          .btn.ghost {
            background: transparent;
            border: 1px solid rgba(255, 255, 255, 0.06);
            color: var(--muted);
            font-weight: 600
          }
    
          .card {
            background: rgba(255, 255, 255, 0.02);
            border-radius: 14px;
            padding: 18px;
            box-shadow: 0 8px 30px rgba(0, 0, 0, 0.6);
            color: var(--muted);
          }
    
          .reaper-canvas {
            height: 300px;
            border-radius: 10px;
            overflow: hidden;
            position: relative;
            background: linear-gradient(180deg, #061018, #091522);
            display: flex;
            align-items: center;
            justify-content: center
          }
    
          .waves {
            position: absolute;
            left: 0;
            right: 0;
            bottom: 0;
            height: 60%;
            background: linear-gradient(180deg, rgba(0, 0, 0, 0.0), rgba(0, 0, 0, 0.45));
            pointer-events: none
          }
    
          .features {
            display: flex;
            gap: 12px;
            margin-top: 18px;
            flex-wrap: wrap
          }
    
          .feature {
            flex: 1 1 180px;
            background: rgba(255, 255, 255, 0.02);
            padding: 14px;
            border-radius: 10px
          }
    
          .feature h4 {
            margin: 0 0 6px 0;
            color: #fff
          }
    
          .feature p {
            margin: 0;
            color: var(--muted);
            font-size: 13px
          }
    
          main {
            flex: 1
          }
    
          section {
            padding: 36px 24px;
            max-width: 1100px;
            margin: 0 auto
          }
    
          .grid-3 {
            display: grid;
            grid-template-columns: repeat(3, 1fr);
            gap: 18px
          }
    
          .box {
            background: var(--card);
            padding: 18px;
            border-radius: 10px
          }
    
          footer {
            padding: 26px 24px;
            color: var(--muted);
            text-align: center;
            font-size: 13px
          }
    
          @media (max-width:1200px) {
            .hero-container {
              gap: 60px;
            }
          }
    
          @media (max-width:1000px) {
            .hero-container {
              flex-direction: column;
              padding: 24px;
              gap: 30px;
            }
    
            .right-column {
              width: 100%
            }
    
            .reaper-canvas {
              height: 400px
            }
    
            .grid-3 {
              grid-template-columns: 1fr
            }
          }
    
          @media (max-width: 768px) {
            .hamburger {
              display: flex;
            }
    
            .nav-menu {
              display: none;
              align-items: center;
            }
          }
    
          .reaper-sil {
            position: absolute;
            right: 8%;
            bottom: 18%;
            width: 240px;
            opacity: 0.14;
            filter: blur(1px)
          }
    
          table {
            border-collapse: collapse;
            width: 100%
          }
    
          th,
          td {
            border-bottom: 1px solid #555;
            padding: 6px;
            text-align: left
          }
    
          a {
            color: var(--accent);
            text-decoration: none
          }
    
          /* Table layout adjustments for dynamic widths */
          #captures-table {
            width: 100%;
            table-layout: fixed;
            /* Use fixed layout for better control */
          }
    
	  .captures-pagination {
		display: inline-flex;
		position: relative;
		left: 50%;
		transform: translateX(-50%);
		gap: 5px;
		margin-top: 16px;
		padding: 5px;
		border: 1px solid rgba(155, 227, 255, 0.16);
		border-radius: 12px;
		background: rgba(3, 13, 23, 0.72);
		box-shadow:
		  inset 0 0 18px rgba(0, 198, 255, 0.035),
		  0 8px 24px rgba(0, 0, 0, 0.34);
		backdrop-filter: blur(8px);
		}

	  .capture-page {
		min-width: 145px;
		padding: 9px 18px;
		border: 1px solid transparent;
		border-radius: 8px;
		background: transparent;
		color: #718494;
		font-family: Inter, system-ui, sans-serif;
		font-size: 12px;
		font-weight: 700;
		letter-spacing: 0.45px;
		cursor: pointer;
		transition:
		  color 0.2s ease,
		  background 0.2s ease,
		  border-color 0.2s ease,
		  box-shadow 0.2s ease,
		  transform 0.2s ease;
		}

	  .capture-page:hover {
		color: #c5f3ff;
		background: rgba(0, 198, 255, 0.055);
		border-color: rgba(155, 227, 255, 0.14);
		}

	  .capture-page.active {
		color: #d8f8ff;
		border-color: rgba(155, 227, 255, 0.42);
		background:
		  linear-gradient(
		    180deg,
		    rgba(0, 198, 255, 0.18),
		    rgba(0, 111, 180, 0.09)
		  );
	  box-shadow:
		  inset 0 0 15px rgba(0, 198, 255, 0.08),
		  0 0 12px rgba(0, 198, 255, 0.14);
		text-shadow: 0 0 8px rgba(155, 227, 255, 0.42);
		}

	  .capture-page:active {
		transform: scale(0.98);
		}

	  .capture-page:focus-visible {
		outline: 2px solid rgba(155, 227, 255, 0.55);
		outline-offset: 2px;
		}

	  @media (max-width: 480px) {
		.capture-page {
		  min-width: 125px;
		  padding: 8px 12px;
		  font-size: 11px;
		}
	  } 
          #captures-table th:nth-child(1),
          #captures-table td:nth-child(1) {
            white-space: nowrap;
            width: 1%;
            /* Will expand to fit content but no more */
            max-width: 140px;
            /* Prevents it from getting too wide */
          }
    
          #captures-table th:nth-child(2),
          #captures-table td:nth-child(2) {
            overflow: hidden;
            text-overflow: ellipsis;
            white-space: nowrap;
            max-width: 0;
            /* Allows the column to respect the table width */
          }
    
          #captures-table th:nth-child(3),
          #captures-table td:nth-child(3) {
            white-space: nowrap;
            width: 120px;
            /* Fixed width for status column */
          }
    
          /* Decorative elements */
          .decorative-side {
            position: absolute;
            top: 0;
            bottom: 0;
            width: 110px;
            pointer-events: none;
          }
    
          .decorative-left {
            left: 0;
            background: radial-gradient(ellipse at left center, rgba(0, 198, 255, 0.055), transparent 72%);
          }
    
          .decorative-right {
            right: 0;
            background: radial-gradient(ellipse at right center, rgba(0, 198, 255, 0.055), transparent 72%);
          }
    
          /* MOBILE FIX: prevent overlap on small screens */
          @media (max-width: 600px) {
            #captures-table {
              display: block;
              overflow-x: auto;
              white-space: nowrap;
            }
    
            #captures-table th,
            #captures-table td {
              white-space: nowrap;
            }
          }
    
          .intel-wrapper {
            max-width: 1200px;
            /* keeps it neat */
            margin: 2rem auto;
            /* centers + spacing top/bottom */
            padding: 0 1rem;
            /* ensures it never touches edges */
          }
    
          .intel-table {
            width: 100%;
            border-collapse: collapse;
            background: rgba(17, 24, 34, 0.9);
            /* match site theme if dark */
            color: #fff;
            font-size: 0.95rem;
          }
    
          .intel-table th,
          .intel-table td {
            border: 1px solid #2a3445;
            padding: 0.75rem 1rem;
            text-align: left;
            vertical-align: top;
          }
    
          .intel-table th {
            background: #0f1724;
            font-weight: 600;
          }
    
          .intel-table tr:nth-child(even) {
            background: #162032;
          }
    
          .demo-form {
            background: rgba(255, 255, 255, 0.02);
            border-radius: 10px;
            padding: 20px;
            max-width: 480px;
            box-shadow: 0 4px 20px rgba(0, 0, 0, 0.4);
          }
    
          .form-row {
            display: flex;
            flex-direction: column;
            margin-bottom: 14px;
          }
    
          .form-row label {
            color: var(--muted);
            font-size: 13px;
            margin-bottom: 5px;
          }
    
          .form-row input {
            background: var(--bg2);
            border: 1px solid rgba(255, 255, 255, 0.06);
            color: #e8eef6;
            padding: 10px;
            border-radius: 6px;
            font-size: 14px;
          }
    
          .form-row input:focus {
            border-color: var(--accent);
            outline: none;
            box-shadow: 0 0 6px rgba(155, 227, 255, 0.4);
          }
    
          /* PhishReaper live world map */
          #phishreaper-map {
            width: 100%;
            height: 100%;
            min-height: 300px;
            background: #061018;
            border-radius: 10px;
            z-index: 1;
          }
    
          .reaper-canvas {
            position: relative;
            padding: 0;
          }
    
          .map-status {
            position: absolute;
            top: 12px;
            left: 12px;
            z-index: 500;
            display: flex;
            align-items: center;
            gap: 7px;
            padding: 7px 10px;
            border: 1px solid rgba(155, 227, 255, 0.22);
            border-radius: 6px;
            color: #9be3ff;
            background: rgba(4, 14, 22, 0.82);
            box-shadow: 0 0 16px rgba(0, 198, 255, 0.12);
            backdrop-filter: blur(5px);
            font-family: monospace;
            font-size: 11px;
            font-weight: 700;
            letter-spacing: 0.8px;
            pointer-events: none;
          }
    
          .map-status-dot {
            width: 7px;
            height: 7px;
            border-radius: 50%;
            background: #00e5ff;
            box-shadow: 0 0 8px #00e5ff;
            animation: mapStatusPulse 1.4s infinite;
          }
    
          @keyframes mapStatusPulse {
    
            0%,
            100% {
              opacity: 1;
            }
    
            50% {
              opacity: 0.3;
            }
          }
    
	  .phish-marker {
	  position: relative;
	  width: 18px;
	  height: 18px;
	  border: none;
	  border-radius: 0;
	  background: transparent;
	  box-shadow: none;
	  animation: phishMarkerPulse 1.8s ease-out infinite;
	}

	.phish-marker::before {
	  content: "";
	  position: absolute;
	  top: 50%;
	  left: 50%;
	  width: 15px;
	  height: 15px;
	  transform: translate(-50%, -50%);
	  background: url("/assets/images/scythe-48.png") center / contain no-repeat;
	  filter:
	    drop-shadow(0 0 3px rgba(0, 198, 255, 0.88))
	    drop-shadow(0 0 5px rgba(0, 198, 255, 0.52));
	}

	.phish-marker.phish-marker-infrastructure {
	  position: relative;
	  width: 16px;
	  height: 16px;
	  border: none;
	  border-radius: 0;
	  background: transparent;
	  box-shadow: none;
	  clip-path: none;
	  filter:
	    drop-shadow(0 0 2px rgba(255, 48, 72, 0.75))
	    drop-shadow(0 0 4px rgba(255, 48, 72, 0.38));
	}

	.phish-marker.phish-marker-infrastructure::before {
	  content: "\f233";
	  position: absolute;
	  top: 50%;
	  left: 50%;
	  transform: translate(-50%, -50%);
	  color: #ff4058;
	  background: none;
	  width: auto;
	  height: auto;
	  font-family: FontAwesome;
	  font-size: 10px;
	  line-height: 1;
	  filter: none;
	}

	.phish-marker.phish-marker-infrastructure::after {
	  content: none;
	}

		    .phish-marker.table-highlight {
	  animation: none !important;
	  transform: scale(1.55) !important;
	}

	.phish-marker.table-highlight::before {
	  filter:
	    drop-shadow(0 0 3px #ffffff)
	    drop-shadow(0 0 8px rgba(0, 198, 255, 0.95));
	}

	.phish-marker.phish-marker-infrastructure.table-highlight::before {
	  filter:
	    drop-shadow(0 0 3px #ffffff)
	    drop-shadow(0 0 8px rgba(255, 48, 72, 0.95));
	}

          @keyframes phishMarkerPulse {
            0% {
              transform: scale(0.65);
              opacity: 1;
            }
    
            70% {
              transform: scale(1.7);
              opacity: 0.75;
            }
    
            100% {
              transform: scale(0.65);
              opacity: 1;
            }
          }
    
          .live-reaping-container {
            font-family: Inter, system-ui, sans-serif;
          }
    
          .live-reaping-control-attribution {
            color: #708090;
            background: rgba(4, 14, 22, 0.72) !important;
            font-size: 9px;
          }
    
          .live-reaping-control-attribution a {
            color: #9be3ff;
          }
    
          .live-reaping-popup-content-wrapper,
          .live-reaping-popup-tip {
            color: #dceaf4;
            background: rgba(7, 20, 30, 0.96);
          }
    
          .live-reaping-popup-content {
            margin: 11px 13px;
            font-size: 12px;
            line-height: 1.5;
          }
    
          .map-popup-country {
            color: #9be3ff;
            font-weight: 700;
          }
    
          .map-popup-url {
            display: block;
            max-width: 260px;
            margin-top: 3px;
            overflow: hidden;
            color: #b9c5cf;
            text-overflow: ellipsis;
            white-space: nowrap;
          }
    
          /* Ensure Live-Reaping panes and tiles retain required positioning */
          #phishreaper-map {
            position: relative;
            width: 100%;
            height: 300px;
            min-height: 300px;
            overflow: hidden;
            border-radius: 10px;
            background: #061018;
          }
    
          #phishreaper-map .live-reaping-pane,
          #phishreaper-map .live-reaping-tile,
          #phishreaper-map .live-reaping-marker-icon,
          #phishreaper-map .live-reaping-marker-shadow,
          #phishreaper-map .live-reaping-tile-container,
          #phishreaper-map .live-reaping-map-pane {
            position: absolute;
          }
    
          #phishreaper-map .live-reaping-tile {
            width: 256px;
            height: 256px;
            max-width: none !important;
            max-height: none !important;
          }
    
          #phishreaper-map img {
            max-width: none !important;
          }
    
          .map-popup-label {
            display: block;
            margin-top: 2px;
            color: #718494;
            font-size: 10px;
            text-transform: uppercase;
            letter-spacing: 0.5px;
          }
    
          .map-popup-status {
            display: block;
            max-width: 260px;
            margin-top: 4px;
            color: #9aa6b2;
            font-size: 11px;
          }
    
          .leaflet-control-attribution {
            color: rgba(100, 100, 100, 0.5);
            background: rgba(0, 0, 0, 0.65) !important;
          }

	  /* =========================================================
	   MINI THREAT MATRIX — replaces old feature tiles under map
	   ========================================================= */

	.mini-stats-panel {
	  margin-top: 14px;
	  padding: 13px;
	  border: 1px solid rgba(155, 227, 255, 0.13);
	  border-radius: 10px;
	  background:
	    radial-gradient(
	      ellipse at 85% 15%,
	      rgba(119, 59, 255, 0.08),
	      transparent 42%
	    ),
	    linear-gradient(
	      145deg,
	      rgba(12, 35, 57, 0.78),
	      rgba(4, 16, 29, 0.88)
	    );
	  box-shadow:
	    inset 0 1px 0 rgba(255, 255, 255, 0.03),
	    0 8px 24px rgba(0, 0, 0, 0.28);
	}

	.mini-stats-heading {
	  display: flex;
	  align-items: baseline;
	  justify-content: space-between;
	  gap: 10px;
	  margin-bottom: 9px;
	}

	.mini-stats-heading span {
	  color: #62cdec;
	  font-size: 10px;
	  font-weight: 800;
	  letter-spacing: 1.1px;
	  text-transform: uppercase;
	}

	.mini-stats-heading strong {
	  color: #ffffff;
	  font-size: 10px;
	  letter-spacing: 0.5px;
	  text-transform: uppercase;
	}

	.mini-stats-grid {
	  display: grid;
	  grid-template-columns: 1.15fr 1fr 1fr;
	  grid-template-rows: repeat(2, 92px);
	  gap: 6px;
	}

	.mini-stat {
	  min-width: 0;
	  padding: 8px 7px;
	  border: 1px solid rgba(155, 227, 255, 0.075);
	  border-radius: 7px;
	  background:
	    linear-gradient(
	      145deg,
	      rgba(20, 47, 72, 0.48),
	      rgba(6, 20, 34, 0.66)
	    );
	  text-align: center;
	  min-height: 92px;
	  box-sizing: border-box;
	  display: flex;
	  flex-direction: column;
	  justify-content: center;
	}

	.mini-stat span {
	  display: block;
	  overflow: hidden;
	  color: #8396a5;
	  font-size: 12px;
	  font-weight: 800;
	  letter-spacing: 0.4px;
	  text-overflow: ellipsis;
	  text-transform: uppercase;
	  white-space: nowrap;
	}

	.mini-stat strong {
	  display: block;
	  margin-top: 4px;
	  color: #edf8fd;
	  font-size: 20px;
	  line-height: 1;
	  letter-spacing: -0.4px;
	}

	.mini-stat.green strong {
	  color: #2dde8a;
	}

	.mini-stat.blue strong {
	  color: #77d7ff;
	}

	.mini-stat.red strong {
	  color: #ff4755;
	}

	.mini-stat.purple strong {
	  color: #aa60ff;
	}

	/* Compact infrastructure graph beneath the six counters */

	/* Donut occupying the former Total Threats tile */


	.mini-donut-tile {
	  grid-column: 1;
	  grid-row: 1 / 3;

	  display: grid;
	  place-items: center;

	  min-width: 0;
	  min-height: 0;
	  padding: 0;

	  border: none;
	  background: transparent;
	  box-shadow: none;
	  overflow: visible;
	}

	.mini-infrastructure-donut {
	  position: relative;
	  display: grid;
	  place-items: center;
	  width: 150px;
	  height: 150px;
	  border-radius: 50%;
	  background:
	  conic-gradient(
	    #3488f5 0deg var(--domains-end, 222.12deg),
	    #f1781b var(--domains-end, 222.12deg)
		     var(--urls-end, 250.20deg),
	    #ed4149 var(--urls-end, 250.20deg)
		     var(--ipv4-end, 358.92deg),
	    #18b983 var(--ipv4-end, 358.92deg) 360deg
	  );
	  filter:
	    drop-shadow(0 0 10px rgba(52, 136, 245, 0.24));
	}

	.mini-infrastructure-donut::before {
	  content: "";
	  position: absolute;
	  inset: 29px;
	  border: 1px solid rgba(155, 227, 255, 0.065);
	  border-radius: 50%;
	  background:
	    radial-gradient(
	      circle at 44% 34%,
	      rgba(20, 63, 98, 0.7),
	      rgba(3, 14, 27, 0.99) 74%
	    );
	  box-shadow:
	    inset 0 0 14px rgba(0, 0, 0, 0.46);
	}

	.mini-infrastructure-centre {
	  position: relative;
	  z-index: 1;
	  display: grid;
	  place-items: center;
	  text-align: center;
	}

	.mini-infrastructure-centre strong {
	  display: block;
	  margin: 0;
	  color: #eefaff;
	  font-size: 18px;
	  line-height: 1;
	  letter-spacing: -0.35px;
	  text-shadow:
	    0 0 9px rgba(155, 227, 255, 0.26);
	}

	/* Infrastructure label and percentages below the six-position grid */

	.mini-infrastructure-summary {
	  margin-top: 9px;
	  padding-top: 8px;
	  border-top: 1px solid rgba(155, 227, 255, 0.09);
	}

	.mini-infrastructure-title {
	  margin-bottom: 8px;
	  color: #bcd5e3;
	  font-size: 11px;
	  font-weight: 800;
	  letter-spacing: 0.9px;
	  text-align: center;
	  text-transform: uppercase;
	}

	.mini-stats-breakdown {
	  display: grid;
	  grid-template-columns: repeat(4, minmax(0, 1fr));
	  gap: 9px;
	}

	.mini-stats-breakdown > span {
	  display: grid;
	  grid-template-columns: 6px auto auto;
	  align-items: center;
	  justify-content: start;
	  gap: 3px;
	  min-width: 0;
	}

	.mini-stats-breakdown > span > span {
	  overflow: hidden;
	  color: #8fa2af;
	  font-size: 10px;
	  font-weight: 700;
	  text-overflow: ellipsis;
	  text-transform: uppercase;
	  white-space: nowrap;
	  text-align: left;
	  justify-self: start;
	}

	.mini-stats-breakdown > span > strong {
	  color: #d4e7f0;
	  font-size: 10px;
	  font-weight: 800;
	  white-space: nowrap;
	}

	.mini-stat-dot {
	  flex: 0 0 5px;
	  width: 5px;
	  height: 5px;
	  border-radius: 50%;
	  background: currentColor;
	  box-shadow: 0 0 5px currentColor;
	}

	.mini-stat-dot.domains {
	  color: #3488f5;
	}

	.mini-stat-dot.urls {
	  color: #f1781b;
	}

	.mini-stat-dot.ipv4 {
	  color: #ed4149;
	}

	.mini-stat-dot.ipv6 {
	  color: #18b983;
	}

	/* =========================================================
	   ORIGINAL THREE CAPABILITY TILES — shifted one row downward
	   ========================================================= */

	@media (max-width: 480px) {
	  .mini-stats-grid {
	    grid-template-columns: repeat(2, minmax(0, 1fr));
	  }

	  .mini-stats-breakdown {
	    grid-template-columns: repeat(2, minmax(0, 1fr));
	  }

	}


	/* Capability tiles directly beneath the mini threat matrix */

	/* Readable capability cards beneath the Agentic Threat Matrix */

	.matrix-capabilities {
	  display: grid;
	  grid-template-columns: 1fr;
	  gap: 9px;
	  margin-top: 10px;
	}

	.matrix-capabilities .feature {
	  position: relative;
	  min-width: 0;
	  min-height: 0;
	  padding: 11px 14px;
	  border: 1px solid rgba(155, 227, 255, 0.11);
	  border-radius: 9px;
	  background:
	    linear-gradient(
	      100deg,
	      rgba(15, 43, 69, 0.62),
	      rgba(4, 18, 32, 0.72)
	    );
	  box-shadow:
	    inset 0 1px 0 rgba(255, 255, 255, 0.025),
	    0 7px 18px rgba(0, 0, 0, 0.2);
	}

	.matrix-capabilities .feature::before {
	  content: "";
	  position: absolute;
	  top: 13px;
	  bottom: 13px;
	  left: 0;
	  width: 2px;
	  border-radius: 2px;
	  background:
	    linear-gradient(
	      180deg,
	      rgba(0, 198, 255, 0.18),
	      rgba(155, 227, 255, 0.75),
	      rgba(0, 198, 255, 0.18)
	    );
	  box-shadow:
	    0 0 7px rgba(0, 198, 255, 0.25);
	}

	.matrix-capabilities .feature p {
	  margin: 0;
	  color: #9eb2bf;
	  font-size: 11px;
	  line-height: 1.48;
	}

	.matrix-capabilities .feature p strong {
	  color: #ffffff;
	  font-weight: 800;
	}

	@media (max-width: 1000px) {
	  .matrix-capabilities .feature {
	    min-height: auto;
	  }
	}

	@media (max-width: 520px) {
	  .matrix-capabilities {
	    grid-template-columns: 1fr;
	  }

	  .matrix-capabilities .feature h4 {
	    font-size: 12px;
	  }

	  .matrix-capabilities .feature p {
	    font-size: 10px;
	  }
	}		      

	.right-column > .card {
	  padding: 0;
	  background: transparent;
	  box-shadow: none;
	}

	.right-column > .card .mini-stats-panel,
	.right-column > .card .matrix-capabilities {
	  margin-left: 0;
	  margin-right: 0;
	}
</style>
