.gx-features-page #page,
.gx-features-page .site-content,
.gx-features-page #content,
.gx-features-page #primary,
.gx-features-page #main,
.gx-features-page article,
.gx-features-page .inside-article,
.gx-features-page .entry-content,
.gx-features-page.separate-containers .site-content,
.gx-features-page.separate-containers .inside-article,
.gx-features-page.one-container .site-content,
.gx-features-page.one-container .inside-article {
    width: 100%;
    max-width: none;
    margin: 0;
    padding: 0;
    background: transparent;
    border: 0;
    box-shadow: none;
}

.gx-features-page .entry-header,
.gx-features-page .page-header,
.gx-features-page .gx-inner-banner {
    display: none;
}

.gx-features-hero {
    padding: 72px 0 80px;
    background: linear-gradient(180deg, #fdfaf7 0%, #fffdfa 58%, #ffffff 100%);
    text-align: center;
}

.gx-features-hero-inner {
    max-width: 760px;
}

.gx-features-hero h1 {
    margin: 0 0 16px;
    color: var(--gx-navy);
    font: 800 42px/1.15 var(--brand-font);
    letter-spacing: -1.2px;
}

.gx-features-hero p {
    max-width: 700px;
    margin: 0 auto;
    color: var(--gx-muted);
    font: 16px/1.65 var(--brand-font);
}

@media (max-width: 700px) {
    .gx-features-hero {
        padding: 44px 0 52px;
    }

    .gx-features-hero h1 {
        font-size: 30px;
        letter-spacing: -0.8px;
    }

    .gx-features-hero p {
        font-size: 15px;
    }
}

/* Features page redesign */
.gx-features-hero { padding: 86px 0 92px; background: linear-gradient(115deg, #fdfaf7 0%, #fff7ef 62%, #f7f9fb 100%); text-align: left; }
.gx-features-hero-inner { display: grid; grid-template-columns: minmax(0, 1.05fr) minmax(340px, .8fr); gap: 80px; align-items: center; max-width: 1180px; }
.gx-features-hero h1 { max-width: 650px; margin: 12px 0 20px; font-size: 52px; line-height: 1.08; letter-spacing: -2px; }
.gx-features-hero p { max-width: 610px; margin: 0; font-size: 17px; line-height: 1.7; }
.gx-features-eyebrow { color: var(--gx-blue); font: 800 11px/1.2 var(--brand-font); letter-spacing: 1.7px; }
.gx-features-hero-actions { display: flex; align-items: center; gap: 24px; margin-top: 30px; }
.gx-features-text-link { color: var(--gx-navy); font: 700 13px var(--brand-font); text-decoration: none; }.gx-features-text-link span { color: var(--gx-blue); margin-left: 5px; }
.gx-features-hero-visual { min-height: 320px; padding: 26px; border: 1px solid #e9d7c5; border-radius: 18px; background: rgba(255,255,255,.8); box-shadow: 18px 22px 50px rgba(55,38,24,.1); transform: rotate(2deg); }
.gx-features-visual-top { display: flex; gap: 6px; margin-bottom: 34px; }.gx-features-visual-top span { width: 8px; height: 8px; border-radius: 50%; background: #e6b181; }.gx-features-visual-heading { width: 62%; height: 13px; margin-bottom: 28px; border-radius: 8px; background: #25313d; }
.gx-features-visual-row { display: grid; grid-template-columns: 1.25fr 2fr .7fr; gap: 12px; align-items: center; margin: 15px 0; }.gx-features-visual-row i, .gx-features-visual-row b, .gx-features-visual-row em { display: block; height: 9px; border-radius: 5px; background: #e9edf1; }.gx-features-visual-row b { background: #f0d1b3; }.gx-features-visual-row em { background: #d8efe9; }.gx-features-visual-row--short { opacity: .65; }
.gx-features-visual-chart { display: flex; align-items: end; gap: 9px; height: 75px; margin-top: 30px; padding: 12px 15px 0; border-radius: 10px; background: #f5f7f8; }.gx-features-visual-chart span { flex: 1; border-radius: 5px 5px 0 0; background: var(--gx-blue); }.gx-features-visual-chart span:nth-child(1){height:35%}.gx-features-visual-chart span:nth-child(2){height:58%}.gx-features-visual-chart span:nth-child(3){height:45%}.gx-features-visual-chart span:nth-child(4){height:78%}.gx-features-visual-chart span:nth-child(5){height:92%}.gx-features-hero-visual strong { display: block; margin-top: 15px; color: var(--gx-muted); font: 700 11px var(--brand-font); }
.gx-features-intro { padding: 54px 0; background: #fff; border-bottom: 1px solid var(--gx-border); }.gx-features-intro-grid { display: grid; grid-template-columns: 1.5fr 1.2fr .7fr; gap: 55px; align-items: end; }.gx-features-intro h2 { max-width: 430px; margin: 12px 0 0; color: var(--gx-text); font: 800 30px/1.18 var(--brand-font); letter-spacing: -1px; }.gx-features-intro p { margin: 0; color: var(--gx-muted); font: 15px/1.65 var(--brand-font); }.gx-features-stat { padding-left: 26px; border-left: 1px solid var(--gx-border); }.gx-features-stat strong { display: block; color: var(--gx-blue); font: 800 36px/1 var(--brand-font); }.gx-features-stat span { display: block; margin-top: 8px; color: var(--gx-muted); font: 12px/1.4 var(--brand-font); }
@media (max-width: 700px) { .gx-features-hero { padding: 58px 0 64px; }.gx-features-hero-inner, .gx-features-intro-grid { grid-template-columns: 1fr; gap: 34px; }.gx-features-hero h1 { font-size: 36px; }.gx-features-hero-visual { min-height: 260px; transform: none; }.gx-features-intro { padding: 44px 0; }.gx-features-stat { padding: 18px 0 0; border-top: 1px solid var(--gx-border); border-left: 0; } }

/* Give the feature grid a clear, finished product-section treatment. */
.gx-features-page .gx-section { padding: 86px 0 96px; background: #f7f9fb; }
.gx-features-page .gx-section-title { margin-bottom: 8px; }
.gx-features-page .gx-cards { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 24px; margin-top: 46px; }
.gx-features-page .gx-cards article { min-height: 292px; padding: 30px; border: 1px solid #e1e6eb; border-radius: 14px; background: #fff; box-shadow: 0 8px 24px rgba(37,42,48,.055); transition: transform .2s ease, box-shadow .2s ease, border-color .2s ease; }
.gx-features-page .gx-cards article:hover { transform: translateY(-5px); border-color: #e4c3a6; box-shadow: 0 16px 32px rgba(37,42,48,.11); }
.gx-features-page .gx-cards .gx-card-icon { width: 46px; height: 46px; border: 1px solid #f2dfcf; border-radius: 12px; }
.gx-features-page .gx-cards h3 { margin-top: 22px; font-size: 19px; }
.gx-features-page .gx-cards p { min-height: 66px; }
.gx-features-page .gx-cards a, .gx-features-page .gx-cards small { margin-top: 22px; }
@media (max-width: 900px) { .gx-features-page .gx-cards { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (max-width: 700px) { .gx-features-page .gx-section { padding: 58px 0 68px; }.gx-features-page .gx-cards { grid-template-columns: 1fr; gap: 16px; }.gx-features-page .gx-cards article { min-height: 0; padding: 25px; } }