/* Brand match: app.emceehub.com. Ghost still controls accent, fonts, logo and color scheme. */
.eh-page {
    --eh-palette-background: #060606;
    --eh-ink: #eeeeee;
    --eh-muted: #909090;
    --eh-surface: #191b1d;
    --eh-panel: #0e1216;
    --eh-line: #27292b;
    --eh-deep: #060606;
    --eh-accent: var(--ghost-accent-color, #d4fd00);
    --eh-brand-logo-filter: brightness(0) invert(1);
    --eh-heading-font: var(--gh-font-heading, var(--font-family-one, ui-sans-serif, system-ui, sans-serif));
    --eh-body-font: var(--gh-font-body, var(--font-family-three, ui-sans-serif, system-ui, sans-serif));
    color-scheme: dark;
    background: var(--eh-background, var(--eh-palette-background));
    color: var(--eh-ink);
    font-size: 16px;
}
.eh-theme-light, .eh-theme-auto-light {
    --eh-palette-background: #ffffff;
    --eh-ink: #18181b;
    --eh-muted: #62626b;
    --eh-surface: #f4f4f5;
    --eh-panel: #ffffff;
    --eh-line: #e4e4e7;
    --eh-brand-logo-filter: brightness(0);
    color-scheme: light;
}
.eh-theme-sepia, .eh-theme-auto-sepia {
    --eh-palette-background: #fef8f1;
    --eh-ink: #282622;
    --eh-muted: #68655f;
    --eh-surface: #f1ede6;
    --eh-panel: #fffaf4;
    --eh-line: #ded8cf;
    --eh-brand-logo-filter: brightness(0);
    color-scheme: light;
}
@media (prefers-color-scheme: dark) {
    .eh-theme-auto-light, .eh-theme-auto-sepia {
        --eh-palette-background: #060606; --eh-ink: #eeeeee; --eh-muted: #909090;
        --eh-surface: #191b1d; --eh-panel: #0e1216; --eh-line: #27292b;
        --eh-brand-logo-filter: brightness(0) invert(1); color-scheme: dark;
    }
}
.eh-container { width: min(1280px, calc(100% - 64px)); }
.eh-section { padding-block: 80px; }
.eh-page h1, .eh-page h2, .eh-page h3 { font-weight: 700; letter-spacing: -.025em; }
.eh-page h1 { font-size: clamp(44px, 4.7vw, 64px); line-height: 1.2; }
.eh-page h2 { font-size: clamp(30px, 3vw, 42px); line-height: 1.2; }
.eh-page h3 { font-size: 21px; line-height: 1.4; }
.eh-page em { font-family: inherit; font-style: normal; font-weight: inherit; letter-spacing: inherit; color: var(--eh-accent); }
.eh-page a:focus-visible, .eh-page button:focus-visible, .eh-page summary:focus-visible { outline-color: var(--eh-accent); }
.eh-eyebrow {
    display: inline-flex; align-items: center; width: fit-content; max-width: 100%;
    padding: 7px 14px; border: 1px solid color-mix(in srgb, var(--eh-accent) 25%, transparent);
    border-radius: 999px; background: color-mix(in srgb, var(--eh-accent) 8%, transparent);
    color: var(--eh-ink); font-size: 11px; font-weight: 500; line-height: 1.5;
    letter-spacing: .015em; text-transform: none;
}
.eh-heading-row { gap: 48px; }
.eh-heading-row > p, .eh-heading-row > div { max-width: 390px; font-size: 16px; line-height: 1.75; }
.eh-heading-row .eh-text-link { margin-top: 20px; }
.eh-button {
    min-height: 48px; padding: 13px 20px; gap: 22px; border-radius: 9px;
    font-size: 15px; font-weight: 600;
    transition: box-shadow .2s, background-color .2s, transform .2s;
}
.eh-button > span { font-size: 20px; }
.eh-button:hover { transform: translateY(-1px); box-shadow: 0 0 22px color-mix(in srgb, var(--eh-accent) 25%, transparent); }
.eh-button-small { min-height: 40px; font-size: 13px; padding: 10px 17px; gap: 16px; }
.eh-text-link { color: var(--eh-ink); font-size: 14px; font-weight: 600; border-bottom: 0; padding-bottom: 0; }
.eh-text-link:hover { color: var(--eh-accent); }
.eh-small-note { font-size: 12px; }
/* Compact app-like navigation. */
.eh-header { background: var(--eh-background, var(--eh-palette-background)); border-bottom: 1px solid var(--eh-line); }
.eh-header-inner { min-height: 68px; gap: 30px; }
.eh-brand img { max-height: 32px; max-width: 172px; }
.eh-navigation, .eh-navigation-links { gap: 26px; }
.eh-navigation > a:not(.eh-button), .eh-navigation-links a { font-size: 13px; color: var(--eh-muted); font-weight: 500; }
.eh-navigation > a:not(.eh-button):hover, .eh-navigation-links a:hover { color: var(--eh-accent); text-decoration: none; }
.eh-menu-toggle { border-radius: 8px; background: var(--eh-panel); }
/* Hero typography and image panel retain the brand's authored story, not unsupported app statistics. */
.eh-hero { grid-template-columns: 1.05fr 1fr; gap: 62px; padding-top: 64px; padding-bottom: 64px; }
.eh-hero-copy { padding-block: 0; }
.eh-hero-copy > .eh-eyebrow { margin-bottom: 30px; }
.eh-hero h1 em { white-space: normal; }
.eh-hero h1 em::after { display: none; }
.eh-hero-description { max-width: 540px; font-size: 19px; line-height: 1.7; margin-top: 24px!important; margin-bottom: 30px!important; }
.eh-hero .eh-actions { gap: 16px; }
.eh-hero .eh-actions > .eh-text-link { min-height: 48px; padding: 11px 20px; border: 1px solid var(--eh-line); border-radius: 9px; justify-content: center; }
.eh-hero-proof { max-width: 500px; margin-top: 30px; padding-top: 23px; }
.eh-hero-proof p { font-size: 12px; }
.eh-hero-proof strong { font-size: 13px; }
.eh-hero-visual { padding: 0; }
.eh-visual-topline, .eh-visual-bottomline { display: none; }
.eh-hero-photo { height: 520px; border: 1px solid var(--eh-line); border-radius: 17px; background: var(--eh-panel); }
.eh-hero-photo > img { opacity: .92; }
.eh-photo-caption { bottom: 28px; left: 28px; right: 28px; gap: 9px; }
.eh-photo-caption > span { color: var(--eh-accent); font-size: 10px; font-weight: 600; letter-spacing: .07em; }
.eh-photo-caption strong { font-size: 28px; font-weight: 700; }
.eh-photo-caption small { font-size: 13px; }
.eh-hero-stamp {
    top: auto; bottom: 132px; left: 24px; width: auto; height: auto; max-width: 230px;
    padding: 13px 20px; border-radius: 12px; transform: none;
    background: #080b0de8; color: #eeeeee; border: 1px solid #303234;
    align-items: flex-start; text-align: left;
}
.eh-hero-stamp > span:first-child { color: var(--eh-accent); font-size: 10px; }
.eh-hero-stamp strong { font-size: 18px; line-height: 1.25; }
.eh-hero-stamp > span:last-child { display: none; }
.eh-context { background: var(--eh-panel); padding-block: 30px; }
.eh-context p { font-size: 13px; margin-bottom: 19px; }
.eh-event-types { font-size: 15px; font-weight: 500; }
.eh-event-dot { color: var(--eh-accent); }
/* App-style rounded cards and readable body copy. */
.eh-problem-grid, .eh-process-grid { gap: 24px; margin-top: 38px; }
.eh-problem-grid article, .eh-process-grid article { padding: 26px; border: 1px solid var(--eh-line); border-radius: 12px; background: var(--eh-panel); }
.eh-card-number, .eh-step { color: var(--eh-accent); }
.eh-problem-grid h3 { max-width: none; margin-top: 22px; font-size: 20px; }
.eh-problem-grid p, .eh-process-grid p { font-size: 15px; line-height: 1.7; max-width: none; }
.eh-process-grid h3 { font-size: 21px; margin-top: 25px; }
.eh-step { font-size: 40px; }
.eh-process-label { border-radius: 999px; font-size: 9px; background: var(--eh-surface); color: var(--eh-muted); }
.eh-process-cta p { font-size: 13px; }
.eh-solution, .eh-community { background: var(--eh-panel); padding-block: 74px; border-block: 1px solid var(--eh-line); }
.eh-solution-image { border: 1px solid var(--eh-line); border-radius: 16px; background: var(--eh-deep); }
.eh-solution-copy h2, .eh-community-copy h2 { font-size: clamp(30px, 3vw, 42px); line-height: 1.2; }
.eh-solution-copy > p:not(.eh-eyebrow), .eh-community-copy > p:not(.eh-eyebrow):not(.eh-small-note) { font-size: 15px; line-height: 1.75; }
.eh-image-note p { font-size: 15px; }
.eh-talent-grid { gap: 24px; margin-top: 34px; }
.eh-talent-card { background: var(--eh-panel); border: 1px solid var(--eh-line); border-radius: 13px; overflow: hidden; transition: border-color .2s, box-shadow .2s, transform .2s; }
.eh-talent-card:hover { border-color: color-mix(in srgb, var(--eh-accent) 50%, var(--eh-line)); box-shadow: 0 8px 26px #00000025; transform: translateY(-3px); }
.eh-talent-photo { height: 340px; border-radius: 0; background: var(--eh-surface); }
.eh-talent-info { padding: 21px; gap: 16px; }
.eh-talent-info h3 { font-size: 21px; margin-bottom: 8px; }
.eh-talent-info p { font-size: 12px; line-height: 1.6; }
.eh-talent-tag { border-radius: 999px; padding: 5px 11px; color: #eeeeee; background: #080b0ddb; font-size: 9px; }
.eh-featured-verified { border-radius: 999px; font-size: 10px; padding: 5px 11px; }
.eh-arrow-circle { background: var(--eh-surface); border-color: var(--eh-line); }
.eh-directory-note { font-size: 12px; line-height: 1.7; }
.eh-featured-empty, .eh-featured-placeholder { border-radius: 12px; background: var(--eh-panel); }
.eh-featured-status { font-size: 12px; }
.eh-benefits { background: var(--eh-deep); color: #eeeeee; border-block: 1px solid #27292b; padding-block: 74px; }
.eh-benefits-intro h2 { font-size: clamp(34px, 3.8vw, 48px); line-height: 1.2; }
.eh-benefits-intro > .eh-eyebrow { color: #eeeeee; }
.eh-benefits-intro > p:not(.eh-eyebrow) { color: #a0a0a0; font-size: 15px; line-height: 1.75; }
.eh-benefit-list article { padding: 23px; border: 1px solid #27292b; border-radius: 12px; background: #0e1216; }
.eh-benefit-list article:last-child { border: 1px solid #27292b; padding-bottom: 23px; }
.eh-benefit-list h3 { font-size: 20px; }
.eh-benefit-list p { font-size: 14px; color: #a0a0a0; }
.eh-benefit-icon { color: var(--eh-accent); border-color: color-mix(in srgb, var(--eh-accent) 30%, #27292b); background: color-mix(in srgb, var(--eh-accent) 8%, #0e1216); }
.eh-button-light { background: var(--eh-accent); color: var(--eh-on-accent)!important; }
.eh-check-list { font-size: 14px; gap: 15px; }
.eh-check-list li::before { color: var(--eh-accent); }
.eh-mission-card { background: var(--eh-background, var(--eh-palette-background)); border: 1px solid var(--eh-line); border-radius: 16px; padding: 34px; }
.eh-quote-mark { font-family: var(--eh-heading-font); color: var(--eh-accent); font-weight: 700; }
.eh-mission-card blockquote { font-size: 28px; font-weight: 600; letter-spacing: -.02em; line-height: 1.5; }
.eh-mission-attribution p { font-size: 12px; }
.eh-mission-attribution a { font-size: 11px; }
.eh-journal-card { background: var(--eh-panel); border: 1px solid var(--eh-line); border-radius: 12px; overflow: hidden; padding-bottom: 23px; }
.eh-journal-image { border-radius: 0; height: 225px; }
.eh-journal-meta, .eh-journal-card h3, .eh-journal-card > p, .eh-journal-card > .eh-text-link { margin-left: 23px; margin-right: 23px; }
.eh-journal-meta { font-size: 10px; }
.eh-journal-card h3 { font-size: 20px; }
.eh-journal-card > p { font-size: 14px; line-height: 1.75; }
.eh-journal-image-empty { background: var(--eh-surface); color: var(--eh-ink)!important; font-family: var(--eh-heading-font); }
.eh-faq { padding-top: 70px; padding-bottom: 80px; }
.eh-faq-intro > p:not(.eh-eyebrow) { font-size: 15px; }
.eh-faq-list { display: flex; flex-direction: column; gap: 12px; }
.eh-faq-list details, .eh-faq-list details:first-child { border: 1px solid var(--eh-line); border-radius: 10px; background: var(--eh-panel); padding-inline: 20px; }
.eh-faq-list summary { font-size: 15px; padding-block: 18px; }
.eh-faq-list details > div { font-size: 14px; padding-bottom: 21px; }
/* Match the app's dark closing band with lime action, rather than a full lime poster. */
.eh-final-cta { background: var(--eh-panel); color: var(--eh-ink); border-block: 1px solid var(--eh-line); padding-block: 74px; }
.eh-cta-grid h2 { font-size: clamp(38px, 4.5vw, 60px); line-height: 1.2; }
.eh-cta-actions > p { font-size: 16px; }
.eh-button-dark { background: var(--eh-accent); color: var(--eh-on-accent)!important; }
.eh-cta-secondary { font-size: 13px; color: var(--eh-muted); border-bottom: 0; }
.eh-cta-secondary:hover { color: var(--eh-accent); }
.eh-footer { --eh-ink: #eeeeee; --eh-muted: #909090; background: #060606; color: #eeeeee; border-top: 1px solid #27292b; }
.eh-footer-brand > p, .eh-footer-column > a, .eh-footer-column .eh-navigation-links a { font-size: 13px; color: #909090; }
.eh-footer-column h2 { font-size: 13px; color: #eeeeee; }
.eh-footer-location, .eh-footer-bottom { font-size: 11px; color: #909090; }
.eh-footer-bottom a { font-size: 12px; }
@media (max-width: 1100px) {
    .eh-header-inner { gap: 22px; }
    .eh-navigation, .eh-navigation-links { gap: 18px; }
    .eh-navigation > a:not(.eh-button), .eh-navigation-links a { font-size: 12px; }
    .eh-hero { gap: 38px; }
    .eh-page h1 { font-size: 52px; }
    .eh-hero-description { font-size: 17px; }
    .eh-heading-row > p, .eh-heading-row > div { font-size: 15px; }
    .eh-problem-grid article, .eh-process-grid article { padding: 22px; }
    .eh-problem-grid h3, .eh-process-grid h3 { font-size: 19px; }
}
@media (max-width: 980px) {
    .eh-container { width: calc(100% - 48px); }
    .eh-header-inner { min-height: 68px; }
    .eh-brand img { max-width: 150px; }
    .eh-navigation .eh-button { font-size: 12px; }
    .eh-hero { gap: 28px; }
    .eh-page h1 { font-size: 44px; }
    .eh-hero-photo { height: 470px; }
    .eh-hero-description { font-size: 16px; }
    .eh-talent-photo { height: 280px; }
    .eh-talent-info { padding: 17px; }
    .eh-talent-info h3 { font-size: 17px; }
    .eh-talent-info p { font-size: 11px; }
    .eh-journal-meta, .eh-journal-card h3, .eh-journal-card > p, .eh-journal-card > .eh-text-link { margin-left: 17px; margin-right: 17px; }
}
@media (max-width: 760px) {
    .eh-container { width: calc(100% - 40px); }
    .eh-section { padding-block: 58px; }
    .eh-header-inner { min-height: 64px; }
    .eh-navigation { background: var(--eh-background, var(--eh-palette-background)); padding-inline: 20px; }
    .eh-navigation > a:not(.eh-button), .eh-navigation-links a { font-size: 14px; }
    .eh-navigation .eh-button { font-size: 14px; min-height: 44px; }
    .eh-brand img { max-width: 160px; max-height: 32px; }
    .eh-hero { grid-template-columns: 1fr; gap: 34px; padding-top: 38px; padding-bottom: 48px; }
    .eh-page h1 { font-size: clamp(38px, 8.5vw, 56px); line-height: 1.2; }
    .eh-hero-description { font-size: 17px; }
    .eh-hero .eh-button { font-size: 14px; padding: 13px 18px; }
    .eh-hero .eh-actions > .eh-text-link { font-size: 14px; padding: 12px 17px; }
    .eh-hero-visual { margin-left: 0; margin-right: 0; }
    .eh-hero-photo { height: 460px; }
    .eh-hero-stamp { left: 18px; bottom: 120px; padding: 11px 16px; width: auto; height: auto; }
    .eh-hero-stamp strong { font-size: 17px; }
    .eh-photo-caption { left: 22px; right: 22px; bottom: 23px; }
    .eh-photo-caption strong { font-size: 24px; }
    .eh-page h2, .eh-community-copy h2, .eh-solution-copy h2 { font-size: 32px; }
    .eh-heading-row > p, .eh-heading-row > div { font-size: 15px; }
    .eh-problem-grid article { display: block; padding: 23px; }
    .eh-problem-grid h3 { margin-top: 14px; }
    .eh-problem-grid p, .eh-process-grid p { font-size: 15px; }
    .eh-context p { font-size: 12px; }
    .eh-event-types { font-size: 13px; }
    .eh-talent-photo { height: 375px; }
    .eh-talent-info { padding: 22px; }
    .eh-talent-info h3 { font-size: 22px; }
    .eh-talent-info p { font-size: 13px; }
    .eh-talent-grid { gap: 24px; }
    .eh-benefits, .eh-solution, .eh-community, .eh-final-cta { padding-block: 58px; }
    .eh-benefit-list h3 { font-size: 20px; }
    .eh-benefit-list p { font-size: 14px; }
    .eh-mission-card { padding: 26px; }
    .eh-mission-card blockquote { font-size: 25px; }
    .eh-journal-image { height: 235px; }
    .eh-journal-card h3 { font-size: 21px; }
    .eh-journal-card > p { font-size: 14px; }
    .eh-faq { padding-block: 58px; }
    .eh-faq-list summary { font-size: 14px; }
    .eh-cta-grid h2 { font-size: 40px; }
    .eh-footer-column > a, .eh-footer-column .eh-navigation-links a { font-size: 12px; }
}
@media (max-width: 390px) {
    .eh-container { width: calc(100% - 32px); }
    .eh-navigation { padding-inline: 16px; }
    .eh-page h1 { font-size: 38px; }
    .eh-hero .eh-actions { gap: 12px; }
    .eh-hero .eh-button { font-size: 13px; }
    .eh-hero-photo { height: 430px; }
}
