/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: May 29 2026 | 18:08:33 */
/*
    Copyright (C) Hoefler & Co.
    Subset for landing-page: 300 (Light), 400 (Book), 700 (Bold).
*/

@font-face {
    font-family: 'HCo Gotham';
    src: url('https://www.neuropace.com/wp-content/themes/salient/ecog-fonts/woff2/Gotham-Light_Web.woff2') format('woff2'),
         url('https://www.neuropace.com/wp-content/themes/salient/ecog-fonts/woff/Gotham-Light_Web.woff') format('woff');
    font-weight: 300;
    font-style: normal;
}

@font-face {
    font-family: 'HCo Gotham';
    src: url('https://www.neuropace.com/wp-content/themes/salient/ecog-fonts/woff2/Gotham-Book_Web.woff2') format('woff2'),
         url('https://www.neuropace.com/wp-content/themes/salient/ecog-fonts/woff/Gotham-Book_Web.woff') format('woff');
    font-weight: 400;
    font-style: normal;
}

@font-face {
    font-family: 'HCo Gotham';
    src: url('https://www.neuropace.com/wp-content/themes/salient/ecog-fonts/woff2/Gotham-Bold_Web.woff2') format('woff2'),
         url('https://www.neuropace.com/wp-content/themes/salient/ecog-fonts/woff/Gotham-Bold_Web.woff') format('woff');
    font-weight: 700;
    font-style: normal;
}


:root {
    --brand-dark-blue:     #39499C;
    --brand-teal:          #00B4E4;
    --brand-lightest-blue: #DCECF2;
    --brand-light-blue:    #8BD5EE;
    --brand-yellow:        #FFDD35;
    --brand-blue-black:    #05142D;
    --brand-button-blue:   #257BD4;

    --gray-100: #F5F5F5;
    --gray-200: #E9EAEB;
    --gray-300: #D5D7DA;
    --gray-500: #717680;
    --gray-600: #535862;
    --gray-700: #414651;
    --gray-900: #181D27;

    --color-white:            #fff;
    --color-border:           #E7E5E4;
    --color-bg-section:       #F6F6F6;
    --color-body-text:        #474747;
    --color-footnote:         #6B6B6B;
    --color-text-dark:        #0F0F0F;
    --color-placeholder-pink: #F2BAC9;
}

/* ==========================================================================
   Reset & Base
   ========================================================================== */

*, *::before, *::after {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
}

html, body {
    overflow-x: hidden;
}

body {
    font-family: 'HCo Gotham', sans-serif;
    font-weight: 400;
    background: var(--color-white);
    color: var(--color-body-text);
}

img {
    max-width: 100%;
    display: block;
}

sup {
    font-size: 0.6em;
    line-height: 0;
    position: relative;
    top: -0.6em;
    vertical-align: baseline;
}

ol, ul { list-style: none; }
a { color: inherit; text-decoration: none; }

/* ==========================================================================
   Container
   ========================================================================== */

.container {
    max-width: 1210px;
    width: 100%;
    margin: 0 auto;
    padding: 0 24px;
}

/* ==========================================================================
   S1 — Logo bar (94px tall)
   ========================================================================== */

.main-nav {
    width: 100%;
    height: 94px;
    background: var(--color-white);
    border-bottom: 1px solid var(--color-border);
}

.main-nav__inner {
    max-width: 1210px;
    width: 100%;
    height: 100%;
    margin: 0 auto;
    padding: 0 24px;
    display: flex;
    align-items: center;
}

.main-nav__left {
    display: flex;
    align-items: center;
}

.main-nav__logo {
    display: flex;
    align-items: center;
}

.main-nav__logo img {
    height: 46px;
    width: auto;
    display: block;
}

/* ==========================================================================
   S2 — Hero (574px tall, dark navy, right-aligned content)
   ========================================================================== */

.hero {
    background:
        url('https://www.neuropace.com/wp-content/themes/salient/ecog-images/hero-wide-bg.png') center / cover no-repeat,
        var(--brand-blue-black);
    min-height: 574px;
    display: flex;
    align-items: center;
}

.hero__inner {
    display: flex;
    justify-content: flex-end;
    width: 100%;
}

.hero__col {
    max-width: 495px;
    text-align: left;
    color: var(--color-white);
}

.hero__eyebrow {
    font-size: 13px;
    font-weight: 700;
    line-height: 1;
    letter-spacing: 0.12em;
    color: var(--brand-teal);
    margin-bottom: 22px;
	padding-bottom:0
}

.hero__title {
    font-style: normal;
    font-weight: 400!important;
    font-size: 49px;
    line-height: 56px;
    color: #FFFFFF!important;
    margin-bottom: 26px;
}

.hero__body {
    font-style: normal;
    font-weight: 400;
    font-size: 19px;
    line-height: 25px;
    color: #FFFFFF;
    padding-left: 12px;
    border-left: 2px solid #86D3E8;
    max-width: 495px;
}

/* ==========================================================================
   Cards wrapper (gray bg behind S3-S5)
   ========================================================================== */

.cards-wrap {
    background: var(--color-bg-section);
    padding: 60px 0;
}

.cards-wrap__inner {
    display: flex;
    flex-direction: column;
    gap: 40px;
}

/* ==========================================================================
   S3 — Gradient pill banner
   ========================================================================== */

.pill {
    width: 100%;
    padding: 22px 48px;
    border-radius: 16px;
    background: linear-gradient(90deg, #00B4E4 0%, #39499C 100%);
    color: var(--color-white);
    font-size: 38px;
    font-weight: 400;
    line-height: 49px;
    text-align: center;
}

/* ==========================================================================
   S4 / S5 — Card row + split card
   ========================================================================== */

.card-row {
    display: flex;
    gap: 40px;
    align-items: stretch;
}

.card {
    background: var(--color-white);
    border-radius: 16px;
    padding: 36px 36px 40px;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.04);
    display: flex;
    flex-direction: column;
}

.card-row .card { flex: 1 1 0; min-width: 0; }

.card__heading {
    font-style: normal!important;
    font-weight: 700!important;
    font-size: 25px!important;
    line-height: 32px!important;
    color: #39499C;
    margin-bottom: 12px;
}

.card__body {
    font-size: 18px!important;
    font-weight: 400!important;
    line-height: 24px;
    color: var(--color-body-text);
}

.card__placeholder {
    background: var(--color-placeholder-pink);
    border-radius: 8px;
    margin-top: 28px;
    height: 320px;
}

.card__image {
    margin-top: 28px!important;
    width: 100%;
    height: auto;
    display: block;
}

/* split card variant (S5) */
.card--split {
    flex-direction: row;
    align-items: stretch;
	gap:0
}

.card--split .card__text {
    flex: 1 1 45%;
    min-width: 0;
    max-width: 400px;
}

.card--split .card__body {
    margin-top: 8px;
}

.card--split .card__placeholder {
    flex: 1 1 50%;
    margin-top: 0;
    height: auto;
    min-height: 160px;
}

.card__image--split {
    flex: 0 0 auto;
    width: auto;
    margin-top: 0;
    margin-left: auto;
    margin-right: auto;
    align-self: center;
    max-height: 235px;
}

/* ==========================================================================
   S6 — Stats / bar chart section
   ========================================================================== */

.stats-section {
    background: var(--color-white);
    padding: 80px 0 100px;
}

.stats-heading {
    margin-bottom: 24px;
}

.stats-heading__title {
    font-size: 48px!important;
    font-weight: 400!important;
    line-height: 1.1!important;
    letter-spacing: -0.02em!important;
    color: var(--color-text-dark)!important;
    margin-bottom: 6px!important;
}

.stats-heading__sub {
    font-size: 18px;
    font-weight: 700;
    color: var(--brand-dark-blue);
}

.stats-divider {
    height: 4px;
    background: #EFF3F4;
    margin-bottom: 32px;
}

.stats {
    display: flex;
    flex-wrap: wrap;
    gap: 24px;
    align-items: stretch;
}

.stat {
    flex: 1 1 0;
    min-width: 0;
    min-height: 320px;
    display: flex;
    flex-direction: column;
    position: relative;
}

.stat + .stat::before {
    content: '';
    position: absolute;
    top: 0;
    bottom: 0;
    left: -33px;
    width: 4px;
    background: #EFF3F4;
}

.stat__head {
    display: flex;
    flex-direction: column;
    gap: 6px;
    margin-bottom: 36px;
    min-height: 120px;
}

.stat__pct {
    font-size: 32px;
    font-weight: 700;
    line-height: 1;
    color: var(--color-text-dark);
}

.stat__label {
    font-size: 32px;
    font-weight: 400;
    line-height: 1.2;
    color: var(--color-text-dark);
}

.stat__chart {
    height: 220px;
    display: flex;
    align-items: flex-end;
}

.stat__bar {
    width: calc(100% - 12px);
    max-width: 235px;
    border-radius: 7px;
    transform-origin: bottom center;
}

.stat__bar--xs { height: 60px;  background: #D7E1E6; }
.stat__bar--sm { height: 95px;  background: #D7E1E6; }
.stat__bar--lg {
    height: 220px;
    background: linear-gradient(176.04deg, #39499C -19.75%, #00B4E4 107.1%);
}

.stat__caption {
    font-size: 20px;
    line-height: 32px;
    font-weight: 700;
    color: var(--gray-600);
    margin-top: 20px;
}

.stat__caption-sub {
    display: block;
    font-size: 16px;
    line-height: 24px;
    font-weight: 400;
    color: var(--gray-500);
    margin-top: 2px;
}
/* col 4 — no bar, has arrow + cyan 00% */
.stat__callout-head {
    display: flex;
    align-items: flex-start;
    gap: 16px;
    margin-bottom: 24px;
}

.stat__arrow--img {
    height: 52px;
    width: auto;
    display: block;
    flex-shrink: 0;
}

.stat--callout .stat__callout-label {
    font-weight: 700;
    font-size: 20px;
    line-height: 24px;
    color: #05142D;
    margin: 0;
    letter-spacing: 0.06em;
    text-transform: uppercase;
    margin-bottom: 24px;
}

/* col 4 — no bar, has arrow + cyan 00% */
.stat--callout .stat__arrow {
    margin-bottom: 8px;
    display: inline-block;
}

.stat__arrow--img {
    height: 52px;
    width: auto;
    display: block;
    margin-bottom: 12px;
}

.stat--callout .stat__big {
    margin-top: auto;
    font-size: 72px;
    font-weight: 400;
    line-height: 1;
    color: var(--brand-teal);
    letter-spacing: -0.02em;
}

/* ==========================================================================
   S7 — CTA section
   ========================================================================== */

.cta-section {
    background: var(--color-white);
    padding: 20px 0 80px;
}

.cta {
    border-radius: 24px;
    padding: 56px;
    background:
        url('https://www.neuropace.com/wp-content/themes/salient/ecog-images/bottom-cta-bg.png') center / cover no-repeat,
        #000E37;
    color: var(--color-white);
}

.cta__text {
    font-size: 39px;
    font-weight: 300;
    line-height: 48px;
    color: var(--color-white);
    margin-bottom: 40px;
}

.cta__text strong {
    font-weight: 700;
}

.cta__logo {
    max-height: 74px;
    width: auto;
    height: auto;
    display: block;
}

/* ==========================================================================
   S8 — page-refs (lifted from assets/css/style.css:1783-1820)
   ========================================================================== */

.page-refs {
    background: var(--color-bg-section);
    padding: 80px 0;
}

.page-refs__inner {
    max-width: 1210px;
    width: 100%;
    margin: 0 auto;
    padding: 0 24px;
    display: flex;
    flex-direction: column;
	
    color: var(--color-footnote);
    font-weight: 400;
    font-size: 16px;
	line-height:140%!important;
    gap: 20px;
}

.page-refs__inner p,
.page-refs__list li {
    font-weight: 400;
    font-size: 16px;
    line-height: 140%;
    color: var(--color-footnote);
}

.page-refs__list {
    padding-left: 20px;
    list-style: decimal;
    display: flex;
    flex-direction: column;
    gap: 4px;
    margin-bottom: 0px!important;
}

.page-refs__note {
    font-style: italic;
    margin-top: 24px;
}

/* ==========================================================================
   Responsive
   ========================================================================== */

@media (max-width: 900px) {
    .main-nav { height: 72px; }
    .main-nav__logo img { height: 36px; width: auto; }

    .pill { font-size: 24px; line-height: 33px; padding: 18px 28px; }

    .cards-wrap__inner { gap: 24px; }
    .card-row { flex-direction: column; gap: 24px; }
    .card { padding: 28px; text-align: center; }
    .card__heading { font-size: 20px; line-height: 24px; }
    .card__body { font-size: 16px; line-height: 22px; }
    .card__placeholder { height: 240px; }

    .card--split { flex-direction: column; }
    .card--split .card__text { text-align: center; }
    .card--split .card__placeholder { min-height: 200px; margin-top: 24px; }

    .stats-section { padding: 60px 0 70px; }
    .stats-heading__title { font-size: 36px; }
    .stats { gap: 20px; }
    .stat { flex: 1 1 calc(33.333% - 14px); min-height: 260px; }
    .stat__head { margin-bottom: 28px; min-height: 90px; }
    .stat__chart { height: 200px; }
    .stat__pct, .stat__label { font-size: 22px; }
    .stat--callout {
        flex: 1 1 100%;
        min-height: 0;
        margin-top: 24px;
        padding-top: 28px;
        border-top: 4px solid #EFF3F4;
    }
    .stat + .stat::before { left: -18px; }
    .stat + .stat--callout::before { display: none; }
    .stat--callout .stat__big { font-size: 84px; margin-top: 8px; }
    .stat__callout-head { margin-bottom: 8px; }
    .stat--callout .stat__callout-label { font-size: 16px; line-height: 18px; }

    .cta-section { padding: 0 0 60px; }
    .cta { padding: 24px; border-radius: 20px; }
    .cta__text { font-size: 24px; line-height: 32px; }

    .page-refs { padding: 60px 0; }
}

@media (max-width: 767px) {
    .hero {
        flex-direction: column;
        align-items: stretch;
        min-height: 0;
        background: var(--brand-blue-black);
        padding-bottom: 48px;
    }
    .hero::before {
        content: '';
        display: block;
        width: 100%;
        aspect-ratio: 1 / 1;
        background: url('https://www.neuropace.com/wp-content/themes/salient/ecog-images/hero-wide-bg-mobile.png') center / cover no-repeat;
    }
    .hero__inner { justify-content: flex-start; padding-top: 32px; }
    .hero__col { max-width: 100%; text-align: left; }
    .hero__body { max-width: 100%; }
}

@media (max-width: 600px) {
    .main-nav { height: 64px; }
    .main-nav__logo img { height: 32px; width: auto; }

    .hero__title { font-size: 40px; }

    .pill { padding: 16px 22px; }

    /* Bar cols stay as 3-col row even at small widths; callout already wraps via 900px rule */
    .stats { gap: 14px; }
    .stat { min-height: 220px; flex: 1 1 calc(33.333% - 10px); }
    .stat__head { margin-bottom: 20px; gap: 4px; min-height: 70px; }
    .stat__chart { height: 160px; }
    .stat__pct, .stat__label { font-size: 18px; }
    .stat__bar { width: calc(100% - 20px); }
    .stat__bar--xs { height: 40px; }
    .stat__bar--sm { height: 70px; }
    .stat__bar--lg { height: 160px; }
    .stat__caption { margin-top: 14px; }

}
#header-outer, #header-space, .mob-menu-header-holder {
	display:none!important
}
.container::before{display:none}

@media screen and (max-width: 690px) {
    body h1 {
        font-size: 32px !important;
		line-height:40px!important
    }
}
@media screen and  (max-width: 767px) {
    .cards-wrap .container, .stats-section .container {
        max-width: 450px !important;
    }
}