/* Clear reading order: platform, business task, capabilities. */
#solutions .platform-grid{display:block;border:0}
#solutions .platform-grid article{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr) minmax(0,1fr);gap:12px 40px;padding:32px;margin:0;background:var(--paper-alt);align-items:start}
#solutions .platform-grid article+article{margin-top:12px;border:0}
#solutions .platform-grid article:nth-child(2){background:#e8e8df}
#solutions .platform-use{grid-column:1;grid-row:2;font-size:15px;line-height:1.45;margin:0;color:var(--ink);max-width:250px}
#solutions .platform-grid h3{grid-column:1;grid-row:1;min-height:0;font-size:30px;line-height:1.08;max-width:300px}
#solutions .platform-grid p{grid-column:2;grid-row:1/3;margin:0;max-width:340px;font-size:17px}
#solutions .platform-grid ul{grid-column:3;grid-row:1/3;list-style:none;margin:0;padding:0;font-size:15px;line-height:1.5}
#solutions .platform-grid li{margin:0 0 10px;padding-left:20px;position:relative}
#solutions .platform-grid li:before{content:'+';position:absolute;left:0;font-weight:700}
#solutions .connections{background:var(--ink);color:var(--paper);padding:40px;margin-top:56px}
#solutions .connections-intro{display:grid;grid-template-columns:1.4fr 1fr;gap:40px;align-items:start}
#solutions .connections-intro h3{font-size:clamp(28px,3.2vw,44px);line-height:1.08;color:var(--accent)}
#solutions .connections-intro>p{max-width:390px;font-size:16px}
#solutions .integrations{grid-template-columns:repeat(2,minmax(0,1fr));gap:36px 56px;margin-top:40px}
#solutions .integrations>div{display:grid;grid-template-columns:minmax(0,1fr);gap:8px;align-content:start}
#solutions .integrations h3{font-size:23px;line-height:1.15}
#solutions .integrations p{margin:0;font-size:15px;max-width:440px}
#solutions .integrations p:first-of-type{color:var(--accent)}
@media(max-width:1000px){#solutions .platform-grid article{gap:12px 24px;padding:24px}#solutions .platform-grid h3{font-size:26px}#solutions .platform-grid p{font-size:16px}}
@media(max-width:700px){#solutions .platform-grid article{grid-template-columns:1fr;gap:0;padding:24px}#solutions .platform-grid h3{grid-column:1;grid-row:1;font-size:28px;max-width:none}#solutions .platform-use{grid-column:1;grid-row:2;margin-top:10px;max-width:none}#solutions .platform-grid p{grid-column:1;grid-row:3;margin-top:24px;max-width:none}#solutions .platform-grid ul{grid-column:1;grid-row:4;margin-top:20px}#solutions .connections{padding:28px 24px;margin-top:36px}#solutions .connections-intro{grid-template-columns:1fr;gap:20px}#solutions .integrations{grid-template-columns:1fr;gap:28px;margin-top:32px}#solutions .connections-intro h3{font-size:30px}}

/* Hover follows the reading row; content stays visible and stationary. */
@media (hover:hover) and (pointer:fine){
  #solutions .platform-grid article{position:relative;isolation:isolate}
  #solutions .platform-grid article::before{content:"";position:absolute;inset:0;background:var(--accent);z-index:-1;transform:scaleX(0);transform-origin:left;transition:transform 420ms cubic-bezier(.16,1,.3,1);pointer-events:none}
  #solutions .platform-grid article:hover::before{transform:scaleX(1)}
  #solutions .platform-grid article h3{transition:transform 320ms cubic-bezier(.16,1,.3,1)}
  #solutions .platform-grid article:hover h3{transform:translateX(6px)}
  #solutions .integrations>div{position:relative;isolation:isolate}
  #solutions .integrations>div::before{content:"";position:absolute;inset:-14px -16px;background:rgba(255,255,255,.065);z-index:-1;opacity:0;transition:opacity 240ms ease-out;pointer-events:none}
  #solutions .integrations>div h3{transition:color 240ms ease-out,transform 320ms cubic-bezier(.16,1,.3,1)}
  #solutions .integrations>div:hover::before{opacity:1}
  #solutions .integrations>div:hover h3{color:var(--accent);transform:translateX(4px)}
}
@media (hover:hover) and (pointer:fine) and (prefers-reduced-motion:reduce){
  #solutions .platform-grid article::before{transition:none}
  #solutions .platform-grid article h3,#solutions .integrations>div h3,#solutions .integrations>div::before{transition:none}
  #solutions .platform-grid article:hover h3,#solutions .integrations>div:hover h3{transform:none}
}