Skip to content
<>
.n-contact-us-menu a {
font-weight: 700;
color: #0A6190;
line-height: 1;
padding: 0.85em 2em;
}
.n-contact-us-menu a:hover {
color: #014063;
}
li .dropdown.absolute.top-full {
top: 100%;
width: 100%;
left: 0 !important;
position: fixed;
border-radius: 0;
background: white;
}
<>
.-warning {
background-color: red;
color: white !important;
text-align: center;
padding: 10px;
border: 1px solid white;
font-size: 1.25rem;
}
Warning: JavaScript is disabled on your browser. Parts of Neo4j.com will not work properly.
<>
/* utility classes */
.elevate {
transition-timing-function: cubic-bezier(.4,0,.2,1);
transition-duration: .5s;
}
.elevate:hover {
transform: translateY(-8px);
}
#callout-banner a:hover,
#callout-banner a:visited,
#callout-banner a:active,
#callout-banner a:focus {
color: #fff;
}
#page-home {
position: relative;
overflow: hidden;
}
#page-home section {
padding-top: 4rem;
padding-bottom: 4rem;
}
#homepage-hero-primary-cta {
font-size: 18px;
}
#hero-section h1 {
font-size: 60px;
line-height: 70px;
}
#code-container {
min-width: 500px !important;
min-height: 441px;
position: absolute;
background-color: #2E353F !important;
padding: 1.5rem 1rem;
border-radius: 14px 14px 0 0;
margin-top: -5rem;
}
#code-container .code-title {
border-radius: 0 !important;
}
#section-enterprise-grade-performance {
background-color: #E6F8FF;
}
.code-title {
background-color: #404752;
}
#code-editor-container .code-container {
background-color: #2e353f !important;
}
.partner-logos {
display: flex;
justify-content: space-evenly;
flex-direction: column;
}
.partner-logos img {
max-width: 245px;
margin-top: 1rem;
}
@media screen and (max-width: 1023px) {
#homepage_partners {
background-position-y: 37rem;
background-position-x: -106rem;
}
#code-editor-container {
min-width: inherit !important;
max-width: 100% !important;
padding-bottom: 0 !important;
}
#code-editor-container .cell {
padding-bottom: 0;
}
#code-editor-container {
padding-bottom: 0;
}
.code-container {
border-radius: 0;
}
.code-container code {
font-size: 10px;
}
#page-home #hero-section h1 {
margin-top: 4rem;
}
#section-gds,
#section-global-community {
padding-top: 0 !important;
}
#section-enterprise-grade-performance h2 {
font-size: 40px;
}
}
#page-home #hero-section {
color: #fff;
}
#code-editor-section {
background-color: transparent;
padding: 4rem 0 !important;
}
#code-editor-section .bg-img {
position: absolute;
left: 40%;
top: 0;
z-index: -1;
height: 100%;
}
@media screen and (max-width: 1023px) {
#page-home section#hero-section {
background: #F5F6F6;
}
#page-home section#section-news-promo {
margin-top: -5rem;
background-color: #F5F6F6;
}
}
/* BEGIN HOMEPAGE REDESIGN 10/2024 */
/* ========================== */
/* SECTION - hero */
/* ========================== */
#hero-section {
background-image: url(https://dist.neo4j.com/wp-content/uploads/20241022093915/HP-hero-bg.svg) !important;
background-size: cover;
background-repeat: no-repeat;
background-color: white;
background-position: bottom !important;
min-height: 46rem;
}
#hero-section h1 {
font-size: 44px;
line-height: 58px;
}
#hero-section .section-subtitle {
color: #1A1B1D;
padding: 1rem 0 1rem;
font-weight: 600;
}
#hero-section .bg-node {
position: absolute;
top: -4rem;
right: 0;
z-index: 0;
}
.value-props {
position: relative;
z-index: 1;
}
.value-props p {
color: #5E636A;
font-weight: 700;
font-size: 16px;
line-height: 28px;
margin-bottom: 0;
}
.value-props h2 {
padding-bottom: 0;
font-weight: 700;
}
section#section-news-promo {
/* margin-top: -11rem; */
}
@media screen and (max-width: 1023px) {
#page-home #hero-section h1 {
margin-top: 0;
font-size: 40px;
line-height: 48px;
min-height: 192px;
margin-bottom: -1rem;
}
#page-home #hero-section h1 br {
display: none;
}
#page-home #hero-section .button-group {
flex-direction: column;
}
#page-home #hero-section .button-group .button:nth-child(1) {
width: 100%;
margin: 0;
font-size: 18px;
max-width: 375px;
}
#page-home #hero-section .button-group .button:nth-child(2) {
width: 100%;
margin-top: 1rem;
font-size: 18px;
max-width: 375px;
}
}
/* ========================== */
/* SECTION - genai-section */
/* ========================== */
@media screen and (min-width: 1023px) {
#page-home #genai-section {
padding-top: 8rem;
}
#page-home #uncover-section {
padding-top: 4rem;
}
#page-home #uncover-section img#page-home #genai-section img {
padding-right: 4rem;
}
}
@media screen and (max-width: 1023px) {
#page-home #genai-section .grid-x#page-home #uncover-section .grid-x {
row-gap: 1.5rem;
}
}
#genai-section a#uncover-section a#promo-logos-section a {
color: #0A6190;
font-weight: 600;
}
#genai-section a::after#uncover-section a::after#promo-logos-section a::after {
content: url(https://dist.neo4j.com/wp-content/uploads/20241024110028/arrow-right-2.svg);
font-size: 16px;
margin-left: 6px;
}
#genai-section p#uncover-section p {
font-size: 20px;
}
@media screen and (max-width: 1023px) {
#genai-section h3 {
margin-top: 3rem;
}
#genai-section p:nth-child(even) {
font-size: 20px;
}
#genai-section p:nth-child(odd) {
font-size: 16px;
font-weight: 600;
}
}
/* ========================== */
/* SECTION - data-callouts */
/* ========================== */
#data-callouts-section {
background-image: url(https://dist.neo4j.com/wp-content/uploads/20241022083549/HP_bg-copy.svg) !important;
background-size: cover;
background-repeat: no-repeat;
background-color: white;
padding-top: 8rem !important;
}
#data-callouts-section .callout-boxes {
background: #014063;
justify-content: space-between;
padding: 1.5rem 1rem;
border-radius: 8px;
}
#data-callouts-section h3.balance-text-heading {
text-wrap:balance;
max-width:18rem;
text-align:center;
}
#data-callouts-section .callout-boxes h4 {
color: #8FE3E8;
font-family: syne-neo;
font-weight: 700;
padding-bottom: 0;
line-height: 40px;
letter-spacing: -0.25px;
}
#data-callouts-section .callout-boxes p {
color: white;
font-weight: 700;
}
#data-callouts-section .callout-boxes .cell:not(:nth-child(5)) {
border-right: 1px solid #6F757E;
}
#data-callouts-section .callout-boxes .cell {
/* padding-right: 3rem; */
flex: 1 1 auto;
}
#data-callouts-section .callout-boxes .cell:nth-child(1) {
/* padding-left: 3rem; */
}
@media screen and (max-width: 1023px) {
#page-home #data-callouts-section {
background-color: #F5F6F6;
padding-top: 4rem !important;
}
#page-home #data-callouts-section h2 {
font-size: 40px;
line-height: 48px;
margin-bottom: -3rem;
}
#page-home #data-callouts-section p {
font-size: 16px;
}
#data-callouts-section .callout-boxes .cell:nth-child(1) {
padding-left: 0;
}
#data-callouts-section .callout-boxes .cell:not(:nth-child(5)) {
border-right: none !important;
border-bottom: 2px solid #6F757E;
}
#data-callouts-section .callout-boxes .cell {
padding: 1.4rem !important;
}
#data-callouts-section .callout-boxes h4 {
font-size: 30px;
line-height: 40px;
}
#data-callouts-section .callout-boxes p {
margin-bottom: 0;
font-weight: 700;
}
#data-callouts-section .callout-boxes {
padding: 0 1rem !important;
border-radius: 8px;
}
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
#data-callouts-section .callout-boxes .cell {
border: none !important;
}
}
/* ========================== */
/* SECTION - smart-apps */
/* ========================== */
#smarter-apps {
background-image: url(https://dist.neo4j.com/wp-content/uploads/20250121083002/smarter-apps-bg.svg) !important;
background-size: auto;
background-repeat: no-repeat;
background-color: white;
padding-top: 4rem !important;
margin-bottom: -3rem;
background-position: bottom left;
}
#smarter-apps .button {
background: #fff;
border: 1px solid #0A6190;
color: #0A6190;
}
.smarter-apps-card {
min-height: 270px;
box-shadow: 0px 4px 4px 0px #00000026;
position: relative;
display: flex;
flex-direction: column;
padding: 2rem 0;
text-align: center;
align-items: center;
justify-content: center;
background: #fff;
color: var(--wp--preset--color--black);
border-radius: 8px;
}
.smarter-apps-card .card__img {
height: 70px;
width: 70px;
position: absolute;
left: 0;
right: 0;
top: 3rem;
margin: auto;
}
.smarter-apps-card .card__heading {
text-align: center;
position: absolute;
left: 0;
right: 0;
top: 70%;
bottom: 0;
margin: auto;
margin-top: -3.5rem;
color: #1A1B1D;
}
.card__copy {
opacity: 0;
padding: 0 1rem;
}
.smarter-apps-card .card__learn-more,
.smarter-apps-card .card__learn-more-2 {
position: absolute;
color: #0a6190;
top: 70%;
text-decoration: none !important;
}
.smarter-apps-card .card__link,
.smarter-apps-card a.card__link:hover,
a.card__link:where(:not(.wp-element-button)):hover {
color: inherit;
text-decoration: none !important;
}
.smarter-apps-card .card__learn-more::after,
.smarter-apps-card .card__learn-more-2::after {
content: url(https://dist.neo4j.com/wp-content/uploads/20241024110028/arrow-right-2.svg);
font-size: 16px;
margin-left: 6px;
}
@keyframes revealcardcontentsin {
from {
opacity: 0;
}
to {
opacity: 1;
}
}
@keyframes revealcardcontentsout {
from {
opacity: 1;
}
to {
opacity: 0;
}
}
@keyframes revealcardcontentsheadingin {
from {
top: 70%;
}
to {
top: 5rem;
}
}
@keyframes revealcardcontentsheadingout {
from {
top: 5rem;
}
to {
top: 70%;
}
}
@keyframes revealcardcontentslearnin {
from {
top: 80%;
}
to {
top: 70%;
}
}
@keyframes revealcardcontentslearnout {
from {
top: 70%;
}
to {
top: 80%;
}
}
@keyframes revealcardcontentslearnin2 {
from {
top: 2rem;
}
to {
top: 1rem;
}
}
@keyframes revealcardcontentslearnout2 {
from {
top: 1rem;
}
to {
top: 2rem;
}
}
.smarter-apps-card:hover .card__copy {
animation-name: revealcardcontentsin;
animation-duration: 500ms;
animation-fill-mode: forwards;
position: relative;
z-index: 1;
}
.smarter-apps-card .card__copy {
animation-name: revealcardcontentsout;
animation-duration: 500ms;
animation-fill-mode: forwards;
position: relative;
z-index: 1;
top: 50%;
}
.smarter-apps-card:hover .card__heading {
animation-name: revealcardcontentsheadingin;
animation-duration: 500ms;
animation-fill-mode: forwards;
}
.smarter-apps-card .card__heading {
animation-name: revealcardcontentsheadingout;
animation-duration: 500ms;
animation-fill-mode: forwards;
}
.smarter-apps-card:hover .card__img {
animation-name: revealcardcontentsout;
animation-duration: 500ms;
animation-fill-mode: forwards;
}
.smarter-apps-card .card__img {
animation-name: revealcardcontentsin;
animation-duration: 500ms;
animation-fill-mode: forwards;
}
.smarter-apps-card .card__learn-more {
animation-name: revealcardcontentslearnin;
animation-duration: 500ms;
animation-fill-mode: forwards;
color: #0a6190;
}
.smarter-apps-card:hover .card__learn-more {
animation-name: revealcardcontentslearnout;
animation-duration: 500ms;
animation-fill-mode: forwards;
}
.smarter-apps-card .card__learn-more-data {
animation-name: revealcardcontentslearnin2;
animation-duration: 500ms;
animation-fill-mode: forwards;
}
.smarter-apps-card:hover .card__learn-more-data {
animation-name: revealcardcontentslearnout2;
animation-duration: 500ms;
animation-fill-mode: forwards;
}
@media (max-width: 768px) {
.card__heading {
margin-top: -9rem !important;
}
.card__copy {
animation: none;
opacity: 1 !important;
top: -1rem !important;
}
.card__img {
display: none;
}
.card__learn-more {
bottom: -1.5rem !important;
animation: none !important;
}
.card .card__heading,
.card .card__heading:hover {
animation: none !important;
}
}
@media (max-width: 768px) {
.smarter-apps-card .card__heading {
margin-top: unset !important;
top: 0.5rem !important;
}
}
@media (min-width: 768px) and (max-width: 1023px) {
.smarter-apps-card .card__copy {
font-size: 12px;
top: 1rem !important;
}
.smarter-apps-card .card__heading {
font-size: 1.1rem;
}
}
@media (max-width: 768px) {
.smarter-apps-card .card__heading {
color: black;
font-size: 20px;
padding-top: 24px;
}
.smarter-apps-card .card__copy {
font-size: 16px;
color: black;
padding-top: 50px;
}
.smarter-apps-card .card__learn-more,
.smarter-apps-card .card__learn-more-2 {
top: 80%;
}
}
@media screen and (max-width: 1023px) {
#smarter-apps.smarter-apps__section {
background-image: url() !important;
}
#smarter-apps h2 {
font-size: 40px;
line-height: 48px;
}
#smarter-apps .card__learn-more {
font-weight: 600;
}
}
/* ========================== */
/* SECTION - dev-section */
/* ========================== */
#dev-section {
background: linear-gradient(8.35deg#041823 7.03%#09090A 105.38%);
color: white;
}
#dev-section .accordion,
#dev-section .build-critical .accordion-content {
background: transparent;
color: white;
border-radius: 0;
}
#dev-section .accordion-title {
padding: 2rem 1.5rem;
}
#dev-section .accordion-title:hover {
background: var(--theme-palette-primary-hover-weakrgba(481311570.08));
}
#dev-section .build-critical .accordion-content {
border-bottom: 1px solid #E2E3E5;
}
#dev-section .multi-level-image.accordion-item.is-active > a {
border: none;
border-radius: 0;
}
#dev-section .accordion-title {
text-decoration: none;
}
:last-child:not(.is-active)>.accordion-title {
border-radius: 0 !important;
}
:last-child>.accordion-content:last-child {
border-bottom: none;
}
/* Build Critical */
.build-critical .tabs {
background: #E7FAFB;
border-radius: 20px;
}
.build-critical a {
color: #0a6190;
}
@media (min-width: 768px) {
.build-critical .tabs {
border-radius: 1000px;
}
}
.build-critical .tabs a {
color: #0A6190
}
#build-critical-tabs {
display: inline-flex;
}
ul.build-critical-tabs {
list--type: none;
padding: 4px;
display: inline-flex;
gap: 4px;
margin: 0;
}
.build-critical .tabs-title>a:focus,
.build-critical .tabs-title>a[aria-selected=true],
.build-critical .tabs-title>a:hover {
border: 1px solid #0A6190;
background: #fff;
border-radius: 100px;
}
.build-critical .tabs .tabs-title {
padding: 0;
}
.build-critical .tabs-title>a {
padding: .75rem;
border: 1px solid #E7FAFB;
}
.build-critical .tabs-panel {
padding-left: 0;
}
.build-critical .left-content-tab {
margin-left: 0;
padding-left: 0;
}
.build-critical .accordion-title:focus,
.accordion-title:hover {
background: transparent;
}
.build-critical .accordion-title {
border: 0;
border-bottom: 1px solid #E2E3E5;
font-size: 20px;
font-weight: 700;
color: #fff;
}
.build-critical .accordion-content {
border: 0;
}
.build-critical .arrowed {
text-decoration: underline;
}
.build-critical .is-active>.accordion-title::before {
content: url("https://dist.neo4j.com/wp-content/uploads/20241024084939/baltic-arrow.svg");
}
.build-critical .accordion-title::before {
position: absolute;
top: 50%;
right: 1rem;
margin-top: -.5rem;
content: url("https://dist.neo4j.com/wp-content/uploads/20241024085046/baltic-arrow-down.svg");
}
.build-critical .accordion-item {
/* padding: 10px 0; */
}
.dev-cards {
margin-left: -0.5rem;
margin-right: -0.5rem;
}
.dev-card {
border: 1px solid rgba(1111171261);
border-radius: 8px;
padding: 1.2rem;
min-height: 270px;
margin: 0.5rem;
background: #090D10;
position: relative;
z-index: 2;
transition-timing-function: cubic-bezier(.4,0,.2,1);
transition-duration: .5s;
}
.dev-card:hover {
transform: translateY(-8px);
}
.dev-card a {
color: #8FE3E8;
font-weight: 600;
}
.dev-card p {
padding-right: 2rem;
}
.dev-card a::after {
content: url(https://dist.neo4j.com/wp-content/uploads/20241024092052/baltic-chevron-right.svg);
font-size: 16px;
margin-left: 6px;
}
#dev-section .left-node {
position: absolute;
left: 0;
}
#dev-section .right-node {
position: absolute;
right: 0;
}
#dev-section .image-display-tab1 {
border: 1px solid #6F757E;
border-radius: 8px;
}
@media screen and (max-width: 1023px) {
#dev-section .left-node,
#dev-section .right-node {
display: none;
}
#dev-section h2 {
font-size: 48px;
line-height: 60px;
}
#dev-section h2+p {
font-size: 20px;
line-height: 28px;
}
#dev-section h4 {
font-weight: 600;
}
#dev-section p {
font-size: 16px;
}
#dev-section a {
font-size: 16px;
font-weight: 600;
}
#dev-section .image-display-tab1 {
border: 1px solid #6F757E;
border-radius: 8px;
}
#dev-section li>a {
font-size: 20px;
line-height: 28px;
}
#dev-section .accordion {
margin: 0 1.5rem;
}
}
/* ========================== */
/* SECTION - testimonial-slider */
/* ========================== */
#testimonial-slider-section {
border: 1px solid #ECECEC;
background-color: #F5F6F6;
border-radius: 10px;
}
#testimonial-slider-section .card {
min-height: 400px;
justify-content: space-between;
}
#testimonial-slider-section .card>p {
font-size: 24px;
}
#testimonial-slider-section .orbit-next:active,
#testimonial-slider-section .orbit-next:focus,
#testimonial-slider-section .orbit-next:hover,
#testimonial-slider-section .orbit-previous:active,
#testimonial-slider-section .orbit-previous:focus,
#testimonial-slider-section .orbit-previous:hover {
background-color: transparent;
}
#testimonial-slider-section .orbit-bullets {
text-align: left;
}
#testimonial-slider-section .orbit-bullets button.is-active {
background-color: #0A6190;
}
#testimonial-slider-section .orbit-bullets button {
border-color: #0A6190;
height: 15px;
width: 15px;
}
#testimonial-slider-section .orbit-bullets button:hover {
background-color: #0A6190;
}
#testimonial-slider-section .logo-container {
display: flex;
align-items: end;
justify-content: space-between;
}
#testimonial-slider-section .orbit-bullets button {
height: 16px;
width: 16px;
}
#testimonial-slider-section .card>p {
font-size: 24px;
line-height: 35px;
font-weight: 400;
}
#testimonial-slider-section .logo-container {
flex-direction: column;
margin-top: 1rem;
align-items: center;
}
#testimonial-slider-section .logo-container img {
margin-top: 1rem;
}
#testimonial-slider-section .orbit-wrapper {
border: 1px solid #BBBEC3;
border-radius: 24px;
background: #fff
}
#testimonial-slider-section .card {
border: 0;
border-radius: 0;
background: none;
}
#testimonial-slider-section li.orbit-slide .grid-container {
margin-left: unset;
margin-right: unset;
}
.pricing .enterprise-row h3 {
font-size: 20px;
font-weight: 600;
}
.testimonial-slider-section .card-quote {
font-size: 24px;
line-height: 35px;
font-weight: 400;
}
#testimonial-slider-section .orbit .button {
color: #0A6190;
border: 1px solid #0A6190;
}
.orbit-container a {
color: #0A6190;
}
.orbit-container .arrowed::after {
content: url(https://dist.neo4j.com/wp-content/uploads/20241024110028/arrow-right-2.svg);
font-size: 16px;
}
.orbit-container {
height: auto !important;
}
li.orbit-slide.is-active {
position: relative !important;
}
#testimonial-slider-section .orbit-container a {
font-weight: 600;
}
@media screen and (max-width: 1023px) {
#testimonial-slider-section h2 {
font-size: 40px;
line-height: 48px;
}
#testimonial-slider-section h2 br {
display: none;
}
#testimonial-slider-section .orbit-bullets button {
height: 24px !important;
width: 24px !important;
}
}
/* ========================== */
/* SECTION - scrolling-logos */
/* ========================== */
/*
:root {
--body-bg: #000;
--autoscroller-counter: 20;
--autoscroller-loops: 4;
--item-width: 11rem;
}
.logos-scrolled {
width: 100%;
overflow: hidden;
}
.logos-scrolled__track {
display: flex;
width: calc(var(--item-width) * var(--autoscroller-counter));
animation: auto-scroll calc(var(--autoscroller-counter) * 1s) linear infinite;
animation-play-state: paused;
height: 5rem;
align-items: center;
}
@media screen and (min-width: 768px) {
.logos-scrolled__track:hover {
animation-play-state: running;
}
}
@media screen and (max-width: 767px) {
.logos-scrolled__track {
animation: auto-scroll calc(var(--autoscroller-counter) * 1s) linear infinite;
}
}
.logos-scrolled__item {
display: flex;
justify-content: center;
width: var(--item-width);
height: 3rem;
}
.logos-scrolled__item img {
width: 100%;
height: 100%;
padding: 0 1.6rem;
object-fit: contain;
}
*/
@keyframes auto-scroll {
0% {
transform: translateX(0px);
}
100% {
transform: translateX(calc((var(--item-width) * -1) * var(--autoscroller-counter) / var(--autoscroller-loops)));
}
}
:root {
--item-width: 7rem; /* Ensure uniform width for each logo */
--gap-between-logos: 1.4rem; /* Adjust this for consistent spacing */
}
.logos-scrolled__item {
display: flex;
justify-content: center;
align-items: center;
/* width: var(--item-width); */
height: 5rem; /* Adjust as needed */
margin-right: var(--gap-between-logos); /* Space between logos */
flex-shrink: 0; /* Prevent shrinking */
padding: 1rem 0;
max-width: 7rem;
}
.logos-scrolled__item img {
width: 100%;
height: 100%;
object-fit: contain; /* Maintain aspect ratio */
padding: 0; /* Remove unnecessary padding */
}
.logos-scrolled__track {
display: flex;
align-items: center;
gap: var(--gap-between-logos); /* Ensure equal gaps */
width: calc((var(--item-width) + var(--gap-between-logos)) * var(--autoscroller-counter));
animation: auto-scroll calc(var(--autoscroller-counter) * 1s) linear infinite;
animation-play-state: paused;
}
@media screen and (min-width: 768px) {
.logos-scrolled__track:hover {
animation-play-state: running;
}
}
@media screen and (max-width: 767px) {
.logos-scrolled__track {
animation: auto-scroll calc(var(--autoscroller-counter) * 1s) linear infinite;
}
}
/* ========================== */
/* SECTION - upcoming-events */
/* ========================== */
#upcoming-events {
padding-top: 4rem;
position: relative;
}
.left-node-events {
position: absolute;
left: 0;
bottom: 0;
z-index: 0;
}
.right-node-events {
position: absolute;
right: 0;
top: 0;
z-index: 0;
}
@media screen and (max-width: 1023px) {
#upcoming-events .left-node-events,
#upcoming-events .right-node-events {
display: none;
}
}
/* homepage s january 2025 */
.rotating-word {
display: inline-block;
color: #145439;
transform-origin: bottom; /* or 'bottom' depending on flip direction */
position: relative;
overflow: hidden;
vertical-align: bottom;
text-wrap: nowrap;
}
@media screen and (max-width: 1023px) {
.rotating-word {
text-wrap: wrap;
}
}
/* Flip Out */
.flip-out {
animation: flipOut 0.5s forwards;
}
@keyframes flipOut {
0% {
transform: rotateX(0deg);
/* opacity: 1; */
}
100% {
transform: rotateX(90deg); /* folds away from you */
/* opacity: 0; */
}
}
/* Flip In */
.flip-in {
animation: flipIn 0.5s forwards;
}
@keyframes flipIn {
0% {
transform: rotateX(-90deg); /* starts folded toward you */
opacity: 0;
}
100% {
transform: rotateX(0deg);
opacity: 1;
}
}
@media screen and (min-width: 1023px) {
#page-home .rotating-word {
white-space: nowrap;
}
}
/* Fade animation s */
#page-home .fade-in-start {
animation: fadeIn 1.5s forwards;
}
#page-home .fade-in {
animation: fadeIn 0.3s forwards;
}
#page-home .fade-out {
animation: fadeOut 0.3s forwards;
}
@keyframes fadeIn {
from {
opacity: 0;
}
to {
opacity: 1;
}
}
@keyframes fadeOut {
from {
opacity: 1;
}
to {
opacity: 0;
}
}
#page-home .hero-right {
width: 40%;
position: relative;
z-index: 1;
background-color: #145439;
}
#page-home .hero-left__copy {
position: relative;
z-index: 5;
}
/* Wrapper to hide overflow */
#page-home .hero-bg-animated-wrapper {
overflow: hidden;
width: 300%; /* Adjust to fit container width */
height: calc(100% + 4rem);
margin-left: 5rem;
position: absolute;
/* border-radius: 100rem 0 0 100rem; */
}
#page-home.dark-mode .hero-bg-animated-wrapper {
border-radius: 0;
}
#page-home .hero-bg-animated-wrapper .logo-fade {
height: 100%;
position: absolute;
border-radius: 100rem 0 0 100rem;
box-shadow: inset 2rem 0rem 6rem -2rem #181414;
width: 100%;
z-index: 2;
display: none;
}
#page-home.dark-mode .hero-bg-animated-wrapper .logo-fade {
display: none;
}
/* Carousel row */
#page-home .product-carousel-row {
display: flex;
gap: 0.8rem;
margin: 1rem 0;
width: max-content;
}
#page-home .product-carousel-row img {
/* height: 136px; */
flex-shrink: 0; /* Prevent shrinking */
/* min-width: 600px; */
max-height: 136px;
}
/* Keyframes for seamless scrolling */
@keyframes seamlessScroll {
0% {
transform: translateX(0);
}
100% {
transform: translateX(-50%);
}
}
#page-home .logo-row-1 {
animation: seamlessScroll 180s linear infinite;
}
#page-home .logo-row-2 {
animation: seamlessScroll 200s linear infinite;
}
#page-home .logo-row-3 {
animation: seamlessScroll 250s linear infinite;
}
#page-home .logo-row-4 {
animation: seamlessScroll 300s linear infinite;
}
#page-home #hero-section {
padding-top: 0;
}
#page-home .value-props {
border-radius: 8px;
padding: 1rem 0;
border: 1px solid darkgrey;
z-index: 3;
}
#page-home .value-props .cell:not(:last-child) {
border-right: 1px solid lightgray;
}
#page-home #hero-section.hero-section-v9 {
background: none !important;
max-height: 100%;
min-height: 100%;
}
#page-home .hero-left__copy .button {
font-size: 1rem;
}
/* ============================ */
/* ===== Dark Mode Styles ===== */
/* ============================ */
#page-home.dark-mode #hero-section {
/* background: linear-gradient(8.35deg#041823 7.03%#09090A 105.38%) !important; */
background-color: #041823 !important;
}
#page-home.dark-mode .hero-left__copy h1#page-home.dark-mode .hero-left__copy p {
color: #FCF9F6 !important;
}
#page-home.dark-mode .hero-left__copy .text-overline {
color: #FFC450 !important;
}
#page-home.dark-mode .hero-left__copy .rotating-word {
color: #90CB62;
}
#page-home.dark-mode .hero-left__copy .button {
background-color: #014063;
color: #fff;
border: 1px solid #fff;
}
#page-home.dark-mode .hero-left__copy .button:hover {
filter: brightness(0.8);
transition: all 0.3s;
}
#page-home.dark-mode .hero-left__copy .button.hollow {
background: white;
color: #1A1B1D;
}
#page-home .hero-right__node-img {
display: none;
position: absolute;
left: 0rem;
z-index: 99;
height: 100%;
box-shadow: inset 0 -10rem 25rem -40rem #181414;
/* transform: scaleY(-1); */
}
#page-home .hero-right__node-img-white {
position: absolute;
left: 0rem;
z-index: 99;
height: 100%;
/* box-shadow: inset 0rem -10rem 25rem -40rem #181414; */
box-shadow: inset 11rem 2rem 4rem -8rem #181414;
/* transform: scaleY(-1); */
}
#page-home.dark-mode .hero-right__node-img-white {
display: none;
}
#page-home.dark-mode .hero-right__node-img {
display: block;
}
#page-home.dark-mode .hero-right__node-img {
display: block;
}
#page-home.dark-mode .hero-right {
background: #145439;
}
#page-home.dark-mode .value-props {
background: #FCF9F6;
border: 1px solid #1A1B1D;
}
#page-home.dark-mode .value-props h2 {
color: #0a6190;
}
#page-home.dark-mode .value-props p {
color: #1A1B1D !important;
}
#page-home.dark-mode .value-props .cell:not(:last-child) {
border-right: 1px solid #1A1B1D;
}
#page-home #dark-mode-toggle {
position: absolute;
bottom: 1rem;
right: 1rem;
height: 1.5rem;
width: 1.5rem;
z-index: 99;
filter: invert(1);
cursor: pointer;
}
#page-home.dark-mode #data-callouts-section {
color: white;
background: linear-gradient(8.35deg#041823 7.03%#09090A 105.38%) !important;
}
#page-home.dark-mode #data-callouts-section .callout-boxes {
/* background: #90CB62; */
background: #014063;
}
#page-home.dark-mode #tech-partners {
background: linear-gradient(8.35deg#041823 7.03%#09090A 105.38%) !important;
color: white;
}
#page-home.dark-mode #tech-partners h2#page-home.dark-mode #tech-partners p {
/* color: #1A1B1D; */
color: white;
position: relative;
}
#page-home .data-callouts-section-nodes {
display: none;
position: absolute;
top: -8rem;
z-index: 0;
right: 0;
height: 14rem;
}
#page-home.dark-mode #data-callouts-section {
padding: 8rem 0 !important;
}
#page-home.dark-mode .data-callouts-section-nodes {
display: block;
}
#page-home.dark-mode #tech-partners {
color: #1A1B1D;
}
#page-home.dark-mode #data-callouts-section .callout-boxes h4 {
/* color: #1A1B1D; */
/* color: #8FE3E8; */
color: #90CB62;
}
#page-home.dark-mode #data-callouts-section .callout-boxes p {
/* color: #014063; */
color: #fff;
}
#page-home.dark-mode #data-callouts-section h3 {
font-weight: 600;
}
#page-home.dark-mode #genai-section#page-home.dark-mode #uncover-section#page-home.dark-mode #testimonial-slider-section#page-home.dark-mode #upcoming-events {
background-color: #FCF9F6;
}
#page-home #hero-left-node-img {
display: none;
}
#page-home.dark-mode #hero-left-node-img {
display: block;
}
#page-home .tech-partners-node {
display: none;
top: 0;
position: absolute;
max-width: 13rem;
height: 100%;
}
#page-home .tech-partners-node-2 {
display: none;
top: 0;
position: absolute;
right: 0;
transform: rotate(180deg);
max-width: 13rem;
}
#page-home.dark-mode .tech-partners-node#page-home.dark-mode .tech-partners-node-2 {
display: block;
}
/* ===== Dark Mode Toggle Switch Styles ===== */
#page-home .switch {
position: absolute;
display: none;
width: 34px;
height: 30px;
vertical-align: middle;
bottom: 0rem;
right: 1rem;
z-index: 2;
}
/* Hide the default checkbox */
#page-home .switch input {
display: none;
}
/* The slider “track” */
#page-home .slider {
position: absolute;
cursor: pointer;
inset: 0; /* top:0right:0bottom:0left:0 */
background-color: #ccc;
transition: 0.4s;
border-radius: 34px;
/* display: none; */
}
/* The “thumb” that you slide back and forth */
#page-home .slider:before {
position: absolute;
content: "";
height: 20px;
width: 20px;
left: 0px;
top: -6px;
background-color: #fff;
transition: 0.4s;
border-radius: 50%;
}
/* When checkedchange the track color */
#page-home input:checked + .slider {
background-color: #666;
}
/* Move the thumb to the right side when checked */
#page-home input:checked + .slider:before {
transform: translateX(14px);
}
@media screen and (max-width: 767px) {
#page-home .slider:before {
background-color: #0a6190;
}
#page-home input:checked + .slider:before {
background-color: #90CB62;
}
}
#scrolling-logos-section {
border-top: 1px solid lightgray;
border-bottom: 1px solid lightgray;
background: #F5F6F6;
}
#page-home.dark-mode #scrolling-logos-section {
background: #fff;
}
#page-home .events-button {
display: flex;
margin: 2rem auto;
background: white;
max-width: 175px;
text-align: center;
justify-content: center;
}
#page-home .main-content {
position: relative;
z-index: 5;
background: white;
box-shadow: 0rem 5rem 4rem 2rem black;
}
/* Top bar with fixed 8px height */
#page-home .top-bar {
height: 8px;
margin-bottom: 16px;
position: relative;
overflow: hidden;
}
/* Distinct colors for each bar */
#page-home .bar-green {
background-color: #90CB62;
}
#page-home .bar-blue {
background-color: #5DB3BF;
}
#page-home .bar-orange {
background-color: #FFB422;
}
#page-home .bar-orange + p a::after {
content: "";
}
<>
#why-neo4j {
padding-bottom: 4rem;
}
.blazing-fast {
display: block;
}
#callout-banner {
display: block;
}
.small-nodes-banner {
display: none;
}
.big-nodes-hero {
display: none;
}
#nodes-banner {
overflow: hidden;
}
#test {
display: inherit;
}
The World's Leading Graph Intelligence Platform
Build Intelligent Apps and AI For Real-Time Recommendations
AI-ready data by design
80+
Transform Your Data Into Knowledge for DeepContextual Understanding
Connect and organize your data with a knowledge graph to see the bigger picture. Capture all the relationships with their context for deeper understanding. Unify silos to improve model accuracy and make better predictions.
Learn More
ContextualAI-Ready Data
Get accurateexplainableand complete data for AI with a knowledge graph.
Quickly Build Next-Gen Apps
Build with a comprehensiveeasy-to-usetrusted database.
Build EverywhereWith Everyone
Run on any environment or infrastructure with any data source.
Enterprise-Grade
Securegovernand scale your graph with robust controlsencryptionand compliance across any cloud.
Manage Context to Build Smarter Agentic AI
Keep your agents intelligent with adaptive data capabilities that evolve as users interactrequirements shiftand AI advances. Provide accurateexplainable LLM outputs with Agentic GraphRAG.
Learn How
Get Started Your Way
Use our tools and tips to start building graph-powered apps today.
Developer Center
Get tutorialsGitHub repositoriesdriversand
code examples.
Learn More
Documentation
Everything you need to get started with Neo4j.
Learn More
GraphAcademy
Whether a beginner or an expertlevel up your skills with our free courses.
Learn More
Community
Join 300K+ devs to get tipstricksand share insights.
Learn More
Import & Model
Easily import data from CSVJSONAPIsor integrations like Kafka and Spark. Use our intuitive tools to model your data as a graphcapturing entities and relationships without rigid schemas.
Query
Use simpleintuitive queries with Cypher to find patterns in your data quickly — no more complicated JOINs or nested queries.
Explore
Visualize your data as graphs with our interactive tools. Spot patternsrefine queriesand explore relationships — no extra code required.
Loved by Devs.
First slide details.
Current Slide
Second slide details. Third slide details. Fourth slide details. Fourth slide details. Fourth slide details.
Previous Slide Next Slide
“Agentic AI without a knowledge graph is like a self-driving car with no GPS map. Kind of brilliantbut dangerously unaware.”
Natalie Romanov, Associate DirectorKnowledge Management & Data StrategyMerck Group
“Graph databases are a natural way to express interconnected data. The simplicity extends from humans to LLMs — making our configurations more accessible and explainable.”
Vignesh Murugesan, Senior Staff EngineerUber
“Our collaboration with Neo4j helped us develop a successful fraud detection model that met our expectations. It’s a win-win partnership.”
Mehdi Barchouchi, Head of Innovation Data & ToolsRisk Division
“With Neo4j we can map possible exposures in seconds — something that previously took engineers hours and days to manually figure out.”
Chad Cloes, Senior Staff Software Engineer
“Congestion costs London £6 billion a year. We can make a big dent in that through managing this operation in real-time with Neo4j.”
Andy Emmonds, Chief Transport Analyst
“Deploying on Neo4j AuraDB allows us to focus our efforts on optimizing our modelsknowing that the management of our graph database is under control.”
Eric Wespi, Data Scientist
<>
#tech-partners {
background: #014063;
position: relative;
padding-top:4rem;padding-bottom:4rem;
}
#tech-partners h2,
#tech-partners p {
color:#fff;
}
#tech-partners .elevate {
transition-timing-function: cubic-bezier(.4,0,.2,1);
transition-duration: .5s;
}
#tech-partners .elevate:hover {
transform: translateY(-8px);
}
#tech-partners .partner-card {
background-color: white;
border-radius: 8px;
width: 100%;
height: 128px;
display: flex;
justify-content: center;
align-items: center;
position: relative;
z-index: 1;
}
@media screen and (max-width: 1023px) {
#tech-partners h2 {
font-size: 40px;
line-height: 48px;
}
#tech-partners p {
font-size: 20px;
line-height: 28px;
}
#tech-partners .partner-card {
margin-top: 2rem;
}
#tech-partners .partner-card-row-2 {
margin-top: 0;
}
}
Works Seamlessly With Your Tech Stack
Neo4j integrates with leading technology providers
