/* Compact Graph landing hero. The desktop illustration keeps its existing scale. */
.gh-knowledge-illustration picture{display:contents}
.graphhub-landing .gh-header .gh-brand,.graphhub-landing .gh-header .gh-brand strong{color:#17243a!important}
.graphhub-landing .gh-header .gh-brand span{color:#60708a!important}
.graphhub-landing .gh-header .gh-brand i{background:#60708a!important}
@media(max-width:899px){
  .graphhub-landing .gh-header{height:60px}
  .graphhub-landing .gh-header .gh-brand{font-size:18px}
  .graphhub-landing .gh-header .gh-brand i{height:20px;margin-inline:7px}
  .graphhub-landing .gh-header .gh-inquiry{min-height:36px;padding:7px 10px;font-size:11px}
  .graphhub-landing .gh-hero-grid{min-height:0;gap:18px;padding-block:88px 28px}
  .graphhub-landing .gh-hero-copy{min-width:0}
  .graphhub-landing .gh-hero .gh-eyebrow{gap:9px;margin-bottom:14px;font-size:9px;line-height:1.6;letter-spacing:.12em}
  .graphhub-landing .gh-hero .gh-eu-flag{width:24px;height:16px}
  .graphhub-landing .gh-hero h1{font-size:clamp(42px,11.8vw,60px);line-height:1.02;letter-spacing:-.055em}
  .graphhub-landing .gh-hero-lead{margin-top:16px;font-size:14px;line-height:1.55;max-width:36em}
  .graphhub-landing .gh-hero-actions{gap:6px;margin-top:20px}
  .graphhub-landing .gh-hero-actions .gh-button{min-height:44px;height:auto;padding:10px 16px;font-size:13px;line-height:1.4}
  .graphhub-landing .gh-hero-actions .gh-button--glass{min-height:38px;border-color:transparent;background:transparent}
  .graphhub-landing .gh-hero-proof{gap:8px 16px;margin-top:12px;font-size:10px;line-height:1.5}
  .graphhub-landing .gh-hero-proof span{gap:5px}
  .graphhub-landing .gh-hero-proof svg{width:12px;height:12px}
  .graphhub-landing .gh-knowledge-illustration{width:100%;max-width:580px;aspect-ratio:1240 / 650;margin-inline:auto}
  .graphhub-landing .gh-knowledge-illustration img{position:static;width:100%;height:auto;aspect-ratio:1240 / 650;max-width:100%;object-fit:contain}
}
@media(min-width:540px) and (max-width:899px){
  .graphhub-landing .gh-hero-actions{flex-direction:row;align-items:center;gap:12px}
  .graphhub-landing .gh-hero-actions .gh-button{width:auto}
  .graphhub-landing .gh-hero-grid{padding-block:92px 32px;gap:24px}
}
