/* Parent-company pages use option 1's colourful palette and shared components. */
.company-page { --sans: 'Segoe UI', system-ui, sans-serif; }
.company-logo { display: block; flex: 1; max-width: 330px; }
.company-logo .company-wordmark { width: 100%; display: block; }
.company-nav { display: flex; margin-left: auto; gap: .3rem; align-items: center; }
.company-nav a { padding: .6rem .8rem; border-radius: 999px; font-weight: 600; text-decoration: none; white-space: nowrap; }
.company-nav a[aria-current="page"] { color: #fff; background: var(--c1); }
.company-nav .company-header-cta { display: inline-flex; align-items: center; gap: .5rem; padding: .4rem 1rem .4rem .5rem; margin-left: .6rem; background: #9c2456; color: #fff; min-height: 48px; }
.company-nav .company-header-cta:hover { background: #7c1c44; color: #fff; }
.company-header-cta img { width: 36px; height: 36px; flex-shrink: 0; }
.company-hero { overflow: visible; z-index: 1; background: linear-gradient(120deg, #1d5a6c 25%, #4a9ab6 70%, #a77ba6); }
.company-hero .wrap { grid-template-columns: minmax(0, 1fr); padding-block: 1.75rem; min-height: 360px; }
.company-hero-copy { position: relative; z-index: 2; max-width: 65%; }
.company-hero .company-horse-backdrop { display: block; position: absolute; right: 0; top: 0; bottom: -90px; width: 300px; pointer-events: none; }
.company-hero .lead { max-width: 42rem; }
.company-hero .company-wordmark { filter: brightness(0) invert(1); width: 260px; }
.company-horse { position: absolute; width: 300px; height: auto; top: 16px; filter: drop-shadow(0 12px 18px #151c4833); }
.company-page .eyebrow { font-family: var(--sans); font-size: 1rem; font-weight: 600; }
.company-first-solution { max-width: 36rem; margin: 1rem 0 0; font-size: 1rem; }
.company-grid { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: 3rem; align-items: center; }
.company-grid h2 { font-size: clamp(1.8rem, 4vw, 2.5rem); line-height: 1.15; margin: .4rem 0 1rem; }
.company-kicker { color: var(--c1); font-weight: 700; text-transform: uppercase; letter-spacing: .12em; font-size: .8rem; }
.company-story { background: #fff; padding-top: 10rem; }
.founder-card { background: #f4eaf1; border-top: 5px solid #9c2456; }
.founder-role { color: #9c2456; font-weight: 600; }
.company-product { --c1: #4b2150; --c2: #a77ba6; background: #eee9f3; }
.company-promise { display: grid; gap: 1rem; font-size: clamp(1.7rem, 4vw, 2.7rem); font-weight: 700; }
.company-promise span { padding: 1.1rem 1.5rem; border-radius: 18px; color: #fff; }
.company-promise span:nth-child(1) { background: #1d5a6c; transform: rotate(-2deg); }
.company-promise span:nth-child(2) { background: #9c2456; transform: rotate(2deg); }
.company-promise span:nth-child(3) { background: #4b2150; transform: rotate(-1deg); }
.company-demo-note { font-size: .9rem; color: #5b6474; }
.company-contact { display: grid; gap: 1rem; align-content: start; }
.company-contact p { margin: .5rem 0 0; }
.company-contact dd, .company-contact a { overflow-wrap: anywhere; }
.company-page .site-footer { background: linear-gradient(110deg, #1d5a6c, #4b2150); }
@media (max-width: 820px) {
  .company-page .site-header .wrap { flex-wrap: wrap; justify-content: center; padding-block: .8rem; gap: .8rem; }
  .company-logo { flex: 0 0 100%; max-width: 280px; }
  .company-nav { margin: 0; flex-wrap: wrap; justify-content: center; }
  .company-nav .company-header-cta { margin-left: .2rem; }
}
@media (max-width: 640px) {
  .company-page .site-header { position: relative; }
  .company-nav { gap: .2rem; width: 100%; }
  .company-nav a { min-height: 44px; display: inline-flex; align-items: center; }
  .company-nav .company-header-cta { margin: 0; justify-content: center; flex-basis: 100%; max-width: 280px; }
  .company-hero .wrap { padding-block: 1.5rem; min-height: 0; }
  .company-hero-copy { max-width: 100%; }
  .company-hero .company-horse-backdrop { position: relative; right: auto; top: auto; bottom: auto; width: 220px; height: 260px; margin: 0 auto -5rem; }
  .company-horse { width: 220px; top: 0; transform: none; }
  .company-story { padding-top: 6rem; }
  .company-grid { grid-template-columns: 1fr; gap: 2rem; }
  .company-promise { padding: .5rem; }
}
@media (min-width: 641px) and (max-width: 980px) {
  .company-hero .company-horse-backdrop { width: 240px; bottom: -60px; }
  .company-horse { width: 240px; }
  .company-hero-copy { max-width: 60%; }
}