/* Signal brand (Nov 2026): black, electric blue, Space Grotesk + JetBrains Mono, square edges.
   Loaded after styles.css and home.css on every page, so it wins without editing the older files. */

:root {
    --sig-black: #0A0A0B;
    --sig-black-2: #141416;
    --sig-paper: #F4F4F1;
    --sig-white: #FFFFFF;
    --sig-line: #D9D9D3;
    --sig-line-dark: #2C2C31;
    --sig-muted: #5D5D66;      /* 6.4:1 on paper */
    --sig-muted-dark: #A3A3AD; /* 7.9:1 on black */
    --sig-blue: #3D7DFF;       /* electric blue fill; pair with black text (5.3:1) */
    --sig-blue-hover: #6A9BFF;
    --sig-blue-ink: #1F55E0;   /* blue text on light (6.1:1 on white) */
    --sig-blue-on-dark: #7AA5FF; /* blue text on black (8:1) */
    --sig-display: 'Space Grotesk', system-ui, sans-serif;
    --sig-mono: 'JetBrains Mono', ui-monospace, 'SFMono-Regular', Menlo, Consolas, monospace;

    /* Re-point the older tokens so every page that uses them follows. */
    --hj-ink: var(--sig-black);
    --hj-blue: var(--sig-blue-ink);
    --hj-blue-pressed: #1745BF;
    --hj-sky: #E3EBFF;
    --hj-sky-soft: var(--sig-paper);
    --hj-deep: #0B2A80;
    --hj-sky-on-dark: var(--sig-blue-on-dark);
    --hj-slate: var(--sig-muted);
    --hj-line: var(--sig-line);
    --hj-paper: var(--sig-white);
    --jr-bg-main: var(--sig-white);
    --jr-bg-dark: var(--sig-black);
    --jr-bg-dark-soft: var(--sig-black);
    --jr-accent: var(--sig-blue);
    --jr-accent-hover: var(--sig-blue-hover);
    --jr-text-light: #E8E8EC;
}

/* Type */
body { font-family: var(--sig-display); color: var(--sig-black); background: var(--sig-white); }
h1, h2, h3, h4, h5, h6 { font-family: var(--sig-display); font-weight: 500; letter-spacing: -0.025em; }
h1 { letter-spacing: -0.035em; }
code, pre, kbd { font-family: var(--sig-mono); }
::selection { background: var(--sig-blue); color: var(--sig-black); }

/* Buttons: blue fill, black text, square. */
.primary-button, .cta-button, .hj .hj-btn-primary, .sticky-global-cta {
    background: var(--sig-blue) !important; color: var(--sig-black) !important;
    border: 2px solid var(--sig-blue) !important; border-radius: 0 !important;
    font-family: var(--sig-display); font-weight: 500; box-shadow: none !important;
}
.primary-button:hover, .cta-button:hover, .hj .hj-btn-primary:hover, .sticky-global-cta:hover {
    background: var(--sig-blue-hover) !important; border-color: var(--sig-blue-hover) !important;
}
.secondary-button, .hj .hj-btn, .hj .hj-btn-outline, .hj .hj-btn-ghost { border-radius: 0 !important; font-weight: 500; box-shadow: none; }
.hj .hj-btn-outline { background: transparent; border-color: var(--sig-black); color: var(--sig-black) !important; }
.hj .hj-btn-outline:hover { background: var(--sig-black); color: var(--sig-white) !important; border-color: var(--sig-black); }
.sticky-global-cta { font-size: 0.95rem; }

/* Nav: black bar, hairline under it. */
.navbar { background: var(--sig-black) !important; box-shadow: none !important; border-bottom: 1px solid var(--sig-line-dark); }
.navbar .nav-links a { color: #E8E8EC; font-family: var(--sig-display); font-weight: 400; }
.navbar .nav-links a:hover { color: var(--sig-blue-on-dark); }
.navbar .nav-links a.cta-button { color: var(--sig-black) !important; padding: 10px 16px; }
.navbar .my-story-link, .navbar .nav-login-link { color: #E8E8EC !important; border-color: var(--sig-line-dark) !important; background: transparent !important; border-radius: 0 !important; }
.navbar .my-story-link:hover, .navbar .nav-login-link:hover { color: var(--sig-blue-on-dark) !important; border-color: var(--sig-blue-on-dark) !important; }
.navbar .mobile-menu-toggle span { background: #E8E8EC !important; }
@media (max-width: 980px) {
    .navbar .nav-links { background: var(--sig-black) !important; border-top: 1px solid var(--sig-line-dark); box-shadow: none !important; }
    .navbar .nav-links a { border-bottom-color: var(--sig-line-dark) !important; }
}

/* Footer */
.footer, .footer.footer-dark { background: var(--sig-black) !important; color: #E8E8EC; border-top: 1px solid var(--sig-line-dark); }
.footer h4 { font-family: var(--sig-mono); font-size: 0.78rem; font-weight: 400; letter-spacing: 0; text-transform: lowercase; color: var(--sig-blue-on-dark); }
.footer h4::before { content: "// "; }
.footer a, .footer.footer-dark a { color: #E8E8EC !important; }
.footer a:hover { color: var(--sig-blue-on-dark) !important; }
.footer-bottom p { font-family: var(--sig-mono); font-size: 0.78rem; color: var(--sig-muted-dark); }

/* Older page heroes */
.hero-dark { background: var(--sig-black) !important; }
.hero-dark .hero-microcopy { color: var(--sig-blue-on-dark); font-family: var(--sig-mono); font-weight: 400; font-size: 0.9rem; }

/* ---------- Homepage and .hj pages ---------- */
.hj { background: var(--sig-white); }
.hj h1, .hj h2, .hj h3 { letter-spacing: -0.03em; }

/* Kickers become mono tags: [ how it works ] */
.hj .hj-kicker, .enterprise-band .eb-kicker {
    font-family: var(--sig-mono); font-weight: 400; font-size: 0.8rem; letter-spacing: 0;
    text-transform: lowercase; color: var(--sig-blue-ink);
}
.hj .hj-kicker::before, .enterprise-band .eb-kicker::before { content: "[ "; }
.hj .hj-kicker::after, .enterprise-band .eb-kicker::after { content: " ]"; }
.hj .hj-hero .hj-kicker, .hj .hj-quote .hj-kicker, .hj .hj-proof .hj-kicker, .hj .hj-final .hj-kicker { color: var(--sig-blue-on-dark); }

/* Pills: mono, square */
.hj .hj-pill { font-family: var(--sig-mono); font-weight: 400; border-radius: 0; background: transparent; border: 1px solid currentColor; color: var(--sig-blue-ink); text-transform: lowercase; }
.hj .hj-pill.dark { background: var(--sig-blue); border-color: var(--sig-blue); color: var(--sig-black); }

/* Hero */
.hj .hj-hero { background: var(--sig-black); border-bottom: 1px solid var(--sig-line-dark); }
.hj .hj-hero h1 { font-size: clamp(2.4rem, 5.4vw, 4rem); line-height: 1.02; font-weight: 500; }
.hj .hj-hero h1 em {
    color: var(--sig-black); background: var(--sig-blue); padding: 0 0.12em;
    -webkit-box-decoration-break: clone; box-decoration-break: clone;
}
.hj .hj-hero-sub { color: #C9C9D0; }
.hj .hj-hero-fine { color: var(--sig-muted-dark); }
.hj .hj-hero-fine a, .hj .hj-final .hj-hero-fine a { color: var(--sig-blue-on-dark); }

/* Hero reply stack reads like an event log */
.hj .hj-reply-stack { gap: 0; border: 1px solid var(--sig-line-dark); }
.hj .hj-reply, .hj .hj-reply.is-junior {
    background: var(--sig-black-2); color: #E8E8EC; border-radius: 0; box-shadow: none;
    border-bottom: 1px solid var(--sig-line-dark); padding: 16px 18px;
}
.hj .hj-reply:last-of-type { border-bottom: 0; }
.hj .hj-reply.is-junior { border-left: 3px solid var(--sig-blue); }
.hj .hj-reply-who { font-family: var(--sig-mono); font-weight: 400; font-size: 0.85rem; color: #FFFFFF; }
.hj .hj-reply p { color: #C9C9D0; }
.hj .hj-reply-meta { font-family: var(--sig-mono); color: var(--sig-muted-dark) !important; }
.hj .hj-reply .hj-pill { color: var(--sig-blue-on-dark); }
.hj .hj-reply .hj-pill.dark { color: var(--sig-black); }
.hj .hj-reply-caption { font-family: var(--sig-mono); font-size: 0.75rem; color: var(--sig-muted-dark); padding: 10px 18px; margin: 0; border-top: 1px solid var(--sig-line-dark); }

/* Audience paths */
.hj .hj-paths { gap: 0; border: 1px solid var(--sig-line-dark); }
.hj .hj-path { border-radius: 0; background: transparent; border: 0; border-right: 1px solid var(--sig-line-dark); }
.hj .hj-path:last-child { border-right: 0; }
.hj .hj-path:hover { background: var(--sig-black-2); transform: none; }
.hj .hj-path strong { font-weight: 500; }
.hj .hj-path span { color: var(--sig-muted-dark); }
.hj .hj-path em { font-family: var(--sig-mono); font-weight: 400; color: var(--sig-blue-on-dark); }
.hj .hj-path.is-primary { background: var(--sig-blue); }
.hj .hj-path.is-primary:hover { background: var(--sig-blue-hover); }
.hj .hj-path.is-primary strong, .hj .hj-path.is-primary span, .hj .hj-path.is-primary em { color: var(--sig-black); }

/* Proof numbers: black band, big blue numerals */
.hj .hj-proof { background: var(--sig-black); color: #E8E8EC; border-bottom: 1px solid var(--sig-line-dark); }
.hj .hj-stat { border-top: 1px solid var(--sig-line-dark); padding-top: 14px; }
.hj .hj-stat strong { font-size: clamp(2.6rem, 5vw, 3.6rem); font-weight: 500; letter-spacing: -0.04em; color: var(--sig-blue-on-dark); }
.hj .hj-stat span { color: var(--sig-muted-dark); }
.hj .hj-proof-note { font-family: var(--sig-mono); font-size: 0.75rem; color: var(--sig-muted-dark); }
.hj .hj-proof .hj-kicker, .hj .hj-proof-note a { color: var(--sig-blue-on-dark) !important; }

/* Shared light surfaces: square cards, hairlines, no shadows */
.hj .hj-features, .hj .hj-video-section, .hj .hj-safety { background: var(--sig-paper); }
.hj .hj-step, .hj .hj-mini, .hj .hj-case, .hj .hj-plan, .hj .hj-price-box, .hj .hj-proof-card,
.hj .hj-proof-shot, .hj .hj-pricing-company, .hj .hj-quote, .hj .hj-hero-quote, .enterprise-band .eb-shot,
.hj .hj-shot, .hj .hj-video-frame, .hj .hj-tabs, .hj .hj-tab, .hj .hj-safety-note {
    border-radius: 0 !important; box-shadow: none !important;
}
.hj .hj-shot, .hj .hj-video-frame, .enterprise-band .eb-shot { border: 1px solid var(--sig-black); }
.hj .hj-proof-shot img, .hj .hj-proof-card img, .hj .hj-proof-imgs img, .hj .hj-hero-quote img { border-radius: 0; box-shadow: none; }
.hj .hj-shot-cap, .hj .hj-proof-shot figcaption, .hj .hj-proof-card figcaption, .enterprise-band .eb-cap, .hj .hj-price-fine {
    font-family: var(--sig-mono); font-size: 0.75rem;
}

/* How it works: a ruled row, mono step numbers */
.hj .hj-steps { gap: 0; border-top: 1px solid var(--sig-black); }
.hj .hj-step { border: 0; border-right: 1px solid var(--sig-line); background: transparent; padding: 22px 22px 8px 0; }
.hj .hj-step + .hj-step { padding-left: 22px; }
.hj .hj-step:last-child { border-right: 0; }
.hj .hj-step::before {
    content: counter(step, decimal-leading-zero); width: auto; height: auto; border-radius: 0; background: none;
    color: var(--sig-blue-ink); font-family: var(--sig-mono); font-weight: 400; font-size: 0.85rem; display: block;
}
.hj .hj-step h3 { font-weight: 500; }

/* Checks become square blue markers */
.hj .hj-checks li::before { border-radius: 0; width: 8px; height: 8px; top: 8px; left: 4px; background: var(--sig-blue); }
.hj .hj-checks li { padding-left: 24px; }

.hj .hj-feature h3 { font-size: clamp(1.6rem, 2.6vw, 2rem); font-weight: 500; }
.hj .hj-mini, .hj .hj-case, .hj .hj-plan { background: var(--sig-white); border: 1px solid var(--sig-line); }
.hj .hj-mini h4, .hj .hj-plan h4 { font-weight: 500; }
.hj .hj-case:hover { border-color: var(--sig-black); transform: none; background: var(--sig-paper); }
.hj .hj-case strong { font-weight: 500; }
.hj .hj-case em, .hj .hj-also a, .hj .hj-pricing-foot a, .hj .hj-safety-note a, .hj .hj-faq details a { color: var(--sig-blue-ink) !important; }
.hj .hj-case em { font-family: var(--sig-mono); font-weight: 400; }

/* Testimonial */
.hj .hj-quote { background: var(--sig-black); border-left: 3px solid var(--sig-blue); }
.hj .hj-quote blockquote { font-weight: 400; letter-spacing: -0.01em; }
.hj .hj-quote cite { color: var(--sig-muted-dark); }
.hj .hj-quote a { color: var(--sig-blue-on-dark); }
.hj .hj-proof-shot, .hj .hj-proof-card { background: var(--sig-paper); border: 1px solid var(--sig-line); }

/* Safety note */
.hj .hj-safety-note { border-left: 3px solid var(--sig-blue); }

/* Pricing */
.hj .hj-pricing-company { background: var(--sig-black); color: #E8E8EC; }
.hj .hj-pricing-company h3, .hj .hj-pricing-company > div > p { color: #FFFFFF; }
.hj .hj-pricing-company .hj-kicker { color: var(--sig-blue-on-dark); }
.hj .hj-pricing-company .hj-checks li { color: #C9C9D0; }
.hj .hj-price { font-weight: 500; letter-spacing: -0.04em; }
.hj .hj-price small { font-family: var(--sig-mono); font-size: 0.85rem; letter-spacing: 0; }
.hj .hj-plan.popular { border: 2px solid var(--sig-black); }
.hj .hj-plan .hj-pill { background: var(--sig-blue); border-color: var(--sig-blue); color: var(--sig-black); }
.hj .hj-tabs { background: transparent; border: 1px solid var(--sig-black); padding: 0; gap: 0; }
.hj .hj-tab { font-family: var(--sig-display); font-weight: 500; color: var(--sig-black); }
.hj .hj-tab[aria-selected="true"] { background: var(--sig-black); color: var(--sig-white); }

/* FAQ */
.hj .hj-faq details { border-bottom-color: var(--sig-line); }
.hj .hj-faq summary { font-weight: 500; }
.hj .hj-faq summary::after { font-family: var(--sig-mono); color: var(--sig-blue-ink); }

/* Final CTA */
.hj .hj-final { background: var(--sig-black); border-top: 1px solid var(--sig-line-dark); }
.hj .hj-final h2 { font-size: clamp(2rem, 4.4vw, 3.2rem); font-weight: 500; letter-spacing: -0.035em; }
.hj .hj-final p { color: #C9C9D0; }

.hj a:focus-visible, .hj button:focus-visible, .hj summary:focus-visible, a:focus-visible, button:focus-visible {
    outline: 2px solid var(--sig-blue); outline-offset: 2px;
}

@media (max-width: 980px) {
    .hj .hj-path { border-right: 0; border-bottom: 1px solid var(--sig-line-dark); }
    .hj .hj-path:last-child { border-bottom: 0; }
    .hj .hj-step { border-right: 0; border-bottom: 1px solid var(--sig-line); padding: 18px 0 !important; }
    .hj .hj-steps { grid-template-columns: 1fr; }
}

/* Logo row: company pages that replied to Junior's comments */
.hj .hj-logos { background: var(--sig-black); color: #E8E8EC; padding: 36px 0; border-bottom: 1px solid var(--sig-line-dark); }
.hj .hj-logos-title { font-family: var(--sig-mono); font-size: 0.8rem; text-transform: lowercase; color: var(--sig-blue-on-dark); margin: 0 0 18px; }
.hj .hj-logos-title::before { content: "[ "; }
.hj .hj-logos-title::after { content: " ]"; }
.hj .hj-logos-row { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: repeat(6, minmax(0, 1fr)); gap: 1px; background: var(--sig-line-dark); border: 1px solid var(--sig-line-dark); }
.hj .hj-logos-row li {
    display: flex; align-items: center; justify-content: center; gap: 10px; min-height: 76px; padding: 12px;
    background: var(--sig-black); font-family: var(--sig-display); font-weight: 500; font-size: 1.05rem;
    letter-spacing: -0.02em; color: #E8E8EC;
}
.hj .hj-logo-mark { width: 24px; height: 24px; flex: none; background: currentColor; -webkit-mask: var(--logo) center / contain no-repeat; mask: var(--logo) center / contain no-repeat; }
.hj .hj-logo-mark.is-hubspot { --logo: url("../images/logos/hubspot.svg"); }
.hj .hj-logo-mark.is-hootsuite { --logo: url("../images/logos/hootsuite.svg"); }
.hj .hj-logo-mark.is-okta { --logo: url("../images/logos/okta.svg"); }
.hj .hj-logo-mark.is-agorapulse { --logo: url("../images/logos/agorapulse.svg"); }
.hj .hj-logo-mark.is-sendible { --logo: url("../images/logos/sendible.svg"); width: 27px; }
.hj .hj-logo-word { display: block; height: 16px; width: 83px; background: currentColor; -webkit-mask: var(--logo) center / contain no-repeat; mask: var(--logo) center / contain no-repeat; }
.hj .hj-logo-word.is-koinova { --logo: url("../images/logos/koinova.png"); }
.hj .hj-logo-tile { width: 24px; height: 24px; flex: none; display: inline-flex; align-items: center; justify-content: center; border: 1.5px solid currentColor; font-family: var(--sig-mono); font-size: 0.75rem; font-weight: 400; }
.hj .hj-logos-note { font-family: var(--sig-mono); font-size: 0.72rem; color: var(--sig-muted-dark); margin: 14px 0 0; }
@media (max-width: 980px) { .hj .hj-logos-row { grid-template-columns: repeat(3, minmax(0, 1fr)); } }
@media (max-width: 560px) {
    .hj .hj-logos-row { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .hj .hj-logos-row li { font-size: 0.95rem; min-height: 60px; }
}

/* ---------- Dial-down (Nov 2026): easier to read, one thing pops per screen ----------
   Only the hero, the company pricing card and the final CTA stay black. Mono is kept for
   small section labels and step numbers; everything people read is in Space Grotesk. */

/* Headline: blue text instead of a solid blue block */
.hj .hj-hero h1 em { background: none; color: var(--sig-blue-on-dark); padding: 0; }
.hj .hj-hero h1 { font-size: clamp(2.3rem, 5vw, 3.6rem); line-height: 1.06; }
.hj .hj-hero-sub { color: #E4E4EA; font-size: 1.2rem; }
.hj .hj-hero-fine { color: #B9B9C2; }
.hj .hj-hero .hj-hero-ctas { margin: 4px 0 18px; }
.hj .hj-hero .hj-btn { min-height: 52px; padding: 14px 24px; font-size: 1.05rem; }
.hj .hj-btn-ghost { color: #FFFFFF !important; border-color: #4A4A52 !important; }
.hj .hj-btn-ghost:hover { border-color: #FFFFFF !important; background: transparent !important; }

/* Section labels: mono, sentence case, no brackets */
.hj .hj-kicker, .enterprise-band .eb-kicker, .hj .hj-logos-title { text-transform: none; font-size: 0.82rem; letter-spacing: 0.01em; }
.hj .hj-kicker::before, .hj .hj-kicker::after, .enterprise-band .eb-kicker::before, .enterprise-band .eb-kicker::after,
.hj .hj-logos-title::before, .hj .hj-logos-title::after { content: none; }
.footer h4 { text-transform: none; }
.footer h4::before { content: none; }

/* Readable text back in the sans face */
.hj .hj-pill, .hj .hj-reply-who, .hj .hj-reply-meta, .hj .hj-reply-caption, .hj .hj-path em, .hj .hj-proof-note,
.hj .hj-shot-cap, .hj .hj-proof-shot figcaption, .hj .hj-proof-card figcaption, .enterprise-band .eb-cap,
.hj .hj-price-fine, .hj .hj-price small, .hj .hj-case em, .hj .hj-logos-note, .footer-bottom p, .hero-dark .hero-microcopy {
    font-family: var(--sig-display);
}
.hj .hj-pill { text-transform: none; font-weight: 500; }
.hj .hj-reply-who { font-weight: 500; font-size: 0.95rem; }
.hj .hj-reply-meta, .hj .hj-reply-caption, .hj .hj-proof-note, .hj .hj-logos-note { font-size: 0.85rem; }
.hj .hj-shot-cap, .hj .hj-proof-shot figcaption, .hj .hj-proof-card figcaption, .hj .hj-price-fine { font-size: 0.85rem; }
.hj .hj-path em, .hj .hj-case em { font-weight: 500; }

/* Hero reply cards: light cards on the black hero, for contrast */
.hj .hj-reply-stack { gap: 10px; border: 0; }
.hj .hj-reply, .hj .hj-reply.is-junior { background: var(--sig-paper); color: var(--sig-black); border: 0; padding: 16px 18px; }
.hj .hj-reply.is-junior { background: #E6EDFF; box-shadow: inset 3px 0 0 var(--sig-blue); }
.hj .hj-reply-who { color: var(--sig-black); }
.hj .hj-reply p { color: #2A2A30; }
.hj .hj-reply-meta { color: var(--sig-muted) !important; }
.hj .hj-reply .hj-pill { color: var(--sig-blue-ink); border-color: var(--sig-blue-ink); }
.hj .hj-reply .hj-pill.dark { background: var(--sig-blue-ink); border-color: var(--sig-blue-ink); color: #FFFFFF; }
.hj .hj-reply-caption { border-top: 0; padding: 2px 2px 0; color: #B9B9C2; }

/* Audience paths: no solid blue panel competing with the button */
.hj .hj-path.is-primary { background: transparent; box-shadow: inset 0 3px 0 var(--sig-blue); }
.hj .hj-path.is-primary:hover { background: var(--sig-black-2); }
.hj .hj-path.is-primary strong { color: #FFFFFF; }
.hj .hj-path.is-primary span { color: var(--sig-muted-dark); }
.hj .hj-path.is-primary em { color: var(--sig-blue-on-dark); }
.hj .hj-path span { color: #B9B9C2; }

/* Logo row and results move to light backgrounds, so the hero ends and the page breathes */
.hj .hj-logos { background: var(--sig-paper); color: var(--sig-black); border-bottom: 1px solid var(--sig-line); }
.hj .hj-logos-title { color: var(--sig-muted); }
.hj .hj-logos-row { background: var(--sig-line); border-color: var(--sig-line); }
.hj .hj-logos-row li { background: var(--sig-paper); color: #2A2A30; }
.hj .hj-logos-note { color: var(--sig-muted); }

.hj .hj-proof { background: var(--sig-white); color: var(--sig-black); border-bottom: 1px solid var(--sig-line); }
.hj .hj-proof .hj-kicker { color: var(--sig-blue-ink) !important; }
.hj .hj-stat { border-top-color: var(--sig-black); }
.hj .hj-stat strong { color: var(--sig-black); }
.hj .hj-stat:first-child strong, .hj .hj-proof-group:last-child .hj-stat:first-child strong { color: var(--sig-blue-ink); }
.hj .hj-stat span { color: var(--sig-muted); }
.hj .hj-proof-note { color: var(--sig-muted); }
.hj .hj-proof-note a { color: var(--sig-blue-ink) !important; }

/* Light sections: body copy a little darker for contrast */
.hj .hj-section-head p, .hj .hj-feature p, .hj .hj-step p, .hj .hj-mini p, .hj .hj-case span { color: #45454D; }

/* Logo row in the hero (Nov 2026): white marks on black, right under the hero, so it reads as proof */
.hj .hj-hero-logos { margin-top: 64px; padding-top: 32px; border-top: 1px solid var(--sig-line-dark); }
.hj .hj-hero-logos .hj-logos-title { font-family: var(--sig-display); font-size: 1rem; font-weight: 500; letter-spacing: -0.01em; color: #FFFFFF; margin: 0 0 22px; }
.hj .hj-hero-logos .hj-logos-row {
    display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 22px 40px;
    background: none; border: 0;
}
.hj .hj-hero-logos .hj-logos-row li {
    background: none; padding: 0; min-height: 0; justify-content: flex-start; gap: 12px;
    color: #FFFFFF; font-size: 1.45rem; font-weight: 500; letter-spacing: -0.03em;
}
.hj .hj-hero-logos .hj-logo-mark { width: 32px; height: 32px; }
.hj .hj-hero-logos .hj-logo-mark.is-sendible { width: 36px; }
.hj .hj-hero-logos .hj-logo-word { height: 24px; width: 125px; }
.hj .hj-hero-logos .hj-logos-note { color: #8E8E98; font-size: 0.8rem; margin-top: 20px; }
@media (max-width: 1180px) {
    .hj .hj-hero-logos .hj-logos-row { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 24px 20px; }
}
@media (max-width: 980px) {
    .hj .hj-hero-logos { margin-top: 48px; }
}
@media (max-width: 560px) {
    .hj .hj-hero-logos .hj-logos-row { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .hj .hj-hero-logos .hj-logos-row li { font-size: 1.2rem; }
    .hj .hj-hero-logos .hj-logo-mark { width: 26px; height: 26px; }
    .hj .hj-hero-logos .hj-logo-word { height: 20px; width: 104px; }
}