/* Four visual entry points, with service names kept prominent. */
.editorial-hero{padding-top:42px}
.hero-kicker{margin-bottom:25px}
.visual-pillars{gap:20px;margin-top:28px;border:0;align-items:stretch}
.hero-service-pillars.visual-pillars>a{display:flex;padding:0;margin:0;border:1px solid var(--line);background:#fffdfa;min-width:0;transition:border-color .18s ease,transform .18s ease}
.hero-service-pillars.visual-pillars>a:hover{border-color:var(--purple);transform:translateY(-3px)}
.pillar-visual{display:block;overflow:hidden;border-bottom:1px solid var(--line);aspect-ratio:8/5}
.pillar-visual img{width:100%;height:100%;object-fit:contain}
.pillar-copy{display:flex;flex-direction:column;position:relative;padding:20px 18px 22px;flex:1}
.visual-pillars .pillar-title{font-size:clamp(26px,2.15vw,32px);padding-right:15px;max-width:none}
.visual-pillars .pillar-detail{font-size:13px;line-height:1.55;max-width:240px;margin-top:10px}
.visual-pillars .pillar-arrow{top:22px;right:12px;font-size:17px}
.editorial-hero .hero-bottom{margin-top:25px}
.editorial-hero .hero-bottom>p{font-size:17px;max-width:760px}
.editorial-hero .hero-signature{margin-top:24px}
.proof-logos{grid-template-columns:repeat(8,minmax(0,1fr));gap:24px}
.proof-logos a:nth-last-child(-n+2) img{filter:none;opacity:1}
.proof-logos img[src*="davinci-transparent"]{filter:brightness(0)}
/* Let vendor marks sit directly on the cream page, without white tiles. */
.ecosystem-group .brand-logo{height:64px;max-width:220px;padding:0;background:transparent;border-radius:0;margin-bottom:18px}
.ecosystem-group .brand-logo img{max-width:100%;max-height:46px;object-fit:contain;object-position:left center;mix-blend-mode:multiply}
.ecosystem-group .brand-logo.brand-dark{background:transparent}
.ecosystem-group .brand-logo.brand-dark img{filter:brightness(0)}
#n8n .brand-logo img{max-height:40px}
#make .brand-logo img{height:40px;max-width:180px}
#power-bi .brand-logo img{width:48px;height:48px;max-height:48px}
@media(max-width:1100px){
  .visual-pillars{gap:14px}
  .pillar-copy{padding:17px 14px 20px}
  .visual-pillars .pillar-title{font-size:26px}
  .visual-pillars .pillar-arrow{right:10px;top:19px}
  .proof-logos{grid-template-columns:repeat(4,minmax(0,1fr));gap:18px 30px}
}
@media(max-width:800px){
  .editorial-hero{padding-top:30px}
  .visual-pillars{gap:16px;margin-top:24px}
  .hero-service-pillars.visual-pillars>a:nth-child(-n+2){border-bottom:1px solid var(--line)}
  .hero-service-pillars.visual-pillars>a:nth-child(2){border-right:1px solid var(--line)}
  .visual-pillars .pillar-title{font-size:27px}
  .visual-pillars .pillar-detail{font-size:13px}
  .editorial-hero .hero-bottom>p{font-size:16px}
  .proof-logos{gap:16px 20px}
}
@media(max-width:480px){
  .hero-kicker{margin-bottom:20px}
  .visual-pillars{gap:12px}
  .pillar-copy{padding:14px 12px 17px}
  .visual-pillars .pillar-title{font-size:24px;padding-right:0}
  .visual-pillars .pillar-detail{font-size:12px;margin-top:8px}
  .proof-logos{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}
}
@media(prefers-reduced-motion:reduce){
  .hero-service-pillars.visual-pillars>a{transition:none}
  .hero-service-pillars.visual-pillars>a:hover{transform:none}
}