<!-- Hudson Rock – Start Building (isolated, dark theme) -->
<style>
.rm-Header-link {
color: black;
}
/* ========= Scope root ========= */
.hr-start-building {
--hr-bg: #0b0f14;
--hr-surface: rgba(18, 24, 32, 0.95);
--hr-surface-2: rgba(18, 24, 32, 0.75);
--hr-text: rgba(255, 255, 255, 0.92);
--hr-muted: rgba(255, 255, 255, 0.65);
--hr-border: rgba(255, 255, 255, 0.12);
--hr-shadow: 0 16px 44px rgba(0, 0, 0, 0.45);
--hr-accent: #fd971e;
--hr-icon: #fece4d;
--hr-ring: rgba(254, 206, 77, 0.35);
--hr-radius: 16px;
--hr-gap: 14px;
}
/* ========= Container ========= */
.hr-start-building {
margin-bottom: 48px; /* requested spacing */
}
/* ========= Title ========= */
.hr-start-building__title {
margin: 20px 0 12px;
font-size: 16px;
font-weight: 700;
letter-spacing: 0.3px;
color: var(--hr-accent);
}
/* ========= Grid ========= */
.hr-start-building__grid {
display: grid;
grid-template-columns: repeat(4, minmax(0, 1fr));
gap: var(--hr-gap);
}
@media (max-width: 1200px) {
.hr-start-building__grid {
grid-template-columns: repeat(3, 1fr);
}
}
@media (max-width: 900px) {
.hr-start-building__grid {
grid-template-columns: repeat(2, 1fr);
}
}
@media (max-width: 520px) {
.hr-start-building__grid {
grid-template-columns: 1fr;
}
}
/* ========= Card ========= */
.hr-start-building__card {
position: relative;
display: flex;
flex-direction: column;
gap: 10px;
padding: 16px;
min-height: 110px;
border-radius: var(--hr-radius);
border: 1px solid var(--hr-border);
background: linear-gradient(180deg, var(--hr-surface), var(--hr-surface-2));
box-shadow: var(--hr-shadow);
text-decoration: none;
color: var(--hr-text);
overflow: hidden;
transition: transform 160ms ease, box-shadow 160ms ease, border-color 160ms ease;
}
/* glow */
.hr-start-building__card::before {
content: "";
position: absolute;
inset: 0;
background: radial-gradient(
520px 160px at 18% 0%,
rgba(253, 151, 30, 0.18),
transparent 55%
);
pointer-events: none;
opacity: 0.8;
}
.hr-start-building__card:hover {
transform: translateY(-3px);
border-color: rgba(253, 151, 30, 0.35);
box-shadow: 0 22px 60px rgba(0, 0, 0, 0.6);
}
.hr-start-building__card:focus-visible {
outline: none;
box-shadow: 0 0 0 4px var(--hr-ring), var(--hr-shadow);
}
/* ========= Card header ========= */
.hr-start-building__card-top {
display: flex;
align-items: center;
gap: 10px;
z-index: 1;
}
.hr-start-building__icon {
width: 36px;
height: 36px;
border-radius: 12px;
display: grid;
place-items: center;
flex-shrink: 0;
background: rgba(254, 206, 77, 0.12);
border: 1px solid rgba(254, 206, 77, 0.25);
}
.hr-start-building__icon i {
font-size: 16px;
color: var(--hr-icon);
}
.hr-start-building__card-title {
margin: 0;
font-size: 14px;
font-weight: 700;
letter-spacing: 0.2px;
color: var(--hr-text);
}
.hr-start-building__card-desc {
margin: 0;
font-size: 13px;
line-height: 1.35;
color: var(--hr-muted);
z-index: 1;
}
@media (prefers-reduced-motion: reduce) {
.hr-start-building__card,
.hr-start-building__card:hover {
transition: none;
transform: none;
}
}
</style>
<section class="hr-start-building">
<h3 class="hr-start-building__title">Start building</h3>
<div class="hr-start-building__grid">
<a class="hr-start-building__card" href="https://docs.hudsonrock.com/docs/domain-search" target="_blank" rel="noopener">
<div class="hr-start-building__card-top">
<div class="hr-start-building__icon"><i class="fa-duotone fa-solid fa-globe"></i></div>
<p class="hr-start-building__card-title">Domain Intelligence</p>
</div>
<p class="hr-start-building__card-desc">Search for infostealers data by domain names</p>
</a>
<a class="hr-start-building__card" href="https://docs.hudsonrock.com/docs/assets-discovery" target="_blank" rel="noopener">
<div class="hr-start-building__card-top">
<div class="hr-start-building__icon"><i class="fa-duotone fa-solid fa-search-location"></i></div>
<p class="hr-start-building__card-title">Assets Discovery</p>
</div>
<p class="hr-start-building__card-desc">Discover compromised assets linked to your domains</p>
</a>
<a class="hr-start-building__card" href="https://docs.hudsonrock.com/docs/third-party-risk-assessment" target="_blank" rel="noopener">
<div class="hr-start-building__card-top">
<div class="hr-start-building__icon"><i class="fa-duotone fa-solid fa-building"></i></div>
<p class="hr-start-building__card-title">Third Party Risk</p>
</div>
<p class="hr-start-building__card-desc">Assess third-party domain exposure</p>
</a>
<a class="hr-start-building__card" href="https://docs.hudsonrock.com/docs/domain-overview" target="_blank" rel="noopener">
<div class="hr-start-building__card-top">
<div class="hr-start-building__icon"><i class="fa-duotone fa-solid fa-chart-line"></i></div>
<p class="hr-start-building__card-title">Domains Overview</p>
</div>
<p class="hr-start-building__card-desc">Get statistical overview for domains</p>
</a>
<a class="hr-start-building__card" href="https://docs.hudsonrock.com/docs/email-search" target="_blank" rel="noopener">
<div class="hr-start-building__card-top">
<div class="hr-start-building__icon"><i class="fa-duotone fa-solid fa-envelope"></i></div>
<p class="hr-start-building__card-title">Search by Email</p>
</div>
<p class="hr-start-building__card-desc">Search for compromised credentials by email</p>
</a>
<a class="hr-start-building__card" href="https://docs.hudsonrock.com/docs/username-search" target="_blank" rel="noopener">
<div class="hr-start-building__card-top">
<div class="hr-start-building__icon"><i class="fa-duotone fa-solid fa-user-tag"></i></div>
<p class="hr-start-building__card-title">Search by Username</p>
</div>
<p class="hr-start-building__card-desc">Search for compromised credentials by username</p>
</a>
<a class="hr-start-building__card" href="https://docs.hudsonrock.com/docs/ipcidr-search" target="_blank" rel="noopener">
<div class="hr-start-building__card-top">
<div class="hr-start-building__icon"><i class="fa-duotone fa-solid fa-network-wired"></i></div>
<p class="hr-start-building__card-title">Search by IP / CIDR</p>
</div>
<p class="hr-start-building__card-desc">Search for compromises by IP or CIDR range</p>
</a>
<a class="hr-start-building__card" href="https://docs.hudsonrock.com/docs/stealer-search" target="_blank" rel="noopener">
<div class="hr-start-building__card-top">
<div class="hr-start-building__icon"><i class="fa-duotone fa-solid fa-bug"></i></div>
<p class="hr-start-building__card-title">Search by Stealer ID</p>
</div>
<p class="hr-start-building__card-desc">Search infections by specific stealer ID</p>
</a>
<a class="hr-start-building__card" href="https://docs.hudsonrock.com/docs/password-search" target="_blank" rel="noopener">
<div class="hr-start-building__card-top">
<div class="hr-start-building__icon"><i class="fa-duotone fa-solid fa-lock"></i></div>
<p class="hr-start-building__card-title">Password Search</p>
</div>
<p class="hr-start-building__card-desc">Search for infostealers data by password</p>
</a>
<a class="hr-start-building__card" href="https://docs.hudsonrock.com/docs/keyword-search" target="_blank" rel="noopener">
<div class="hr-start-building__card-top">
<div class="hr-start-building__icon"><i class="fa-duotone fa-solid fa-key"></i></div>
<p class="hr-start-building__card-title">Keyword Search</p>
</div>
<p class="hr-start-building__card-desc">Find domains based on specific keywords</p>
</a>
<a class="hr-start-building__card" href="https://docs.hudsonrock.com/docs/external-attack-surface" target="_blank" rel="noopener">
<div class="hr-start-building__card-top">
<div class="hr-start-building__icon"><i class="fa-duotone fa-solid fa-link"></i></div>
<p class="hr-start-building__card-title">Keyword URL Search</p>
</div>
<p class="hr-start-building__card-desc">Discover URLs matching keyword indicators</p>
</a>
<a class="hr-start-building__card" href="https://docs.hudsonrock.com/docs/file-search" target="_blank" rel="noopener">
<div class="hr-start-building__card-top">
<div class="hr-start-building__icon"><i class="fa-duotone fa-solid fa-file-alt"></i></div>
<p class="hr-start-building__card-title">File Search</p>
</div>
<p class="hr-start-building__card-desc">Find compromised credentials based on file names</p>
</a>
</div>
</section>
