/* P1S product story, built on the shared product-detail foundation. */
.ss-p1s-hero__visual img { width:150%; }
.ss-p1s-connect { color:#fff; background:var(--navy); }
.ss-p1s-diagram { display:grid; grid-template-columns:minmax(0,1fr) 36px minmax(0,1fr) 36px minmax(0,1.1fr); align-items:center; gap:16px; }
.ss-p1s-diagram__node,.ss-p1s-diagram__outputs li { padding:28px; border:1px solid rgba(255,255,255,.16); border-radius:14px; background:var(--navy-2); }
.ss-p1s-diagram__node--splitter { border-color:var(--orange); }
.ss-p1s-diagram small { display:block; margin-bottom:9px; color:var(--orange); font-size:11px; font-weight:800; letter-spacing:.1em; text-transform:uppercase; }
.ss-p1s-diagram strong { display:block; color:#fff; font-size:22px; line-height:1.3; }
.ss-p1s-diagram__node span { display:block; margin-top:10px; color:#b9c6d3; font-size:14px; }
.ss-p1s-diagram__arrow { color:var(--orange); text-align:center; font-size:32px; }
.ss-p1s-diagram__outputs { display:grid; gap:12px; margin:0; padding:0; list-style:none; }
.ss-p1s-diagram__outputs li { padding:20px 24px; }
.ss-p1s-diagram__outputs strong { font-size:18px; }
.ss-p1s-diagram__note { margin:22px 0 0; color:#b9c6d3; font-size:14px; }
.ss-p1s-steps { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:30px; margin:48px 0 0; padding:0; list-style:none; counter-reset:p1s-step; }
.ss-p1s-steps li { padding-top:26px; border-top:1px solid rgba(255,255,255,.16); counter-increment:p1s-step; }
.ss-p1s-steps li::before { display:block; margin-bottom:16px; color:var(--orange); font-size:12px; font-weight:800; content:"0" counter(p1s-step); }
.ss-p1s-steps h3 { margin-bottom:12px; color:#fff; font-size:22px; }
.ss-p1s-steps p { margin-bottom:0; color:#b9c6d3; font-size:15px; }
@media (max-width:980px) {
  .ss-p1s-hero__visual { max-width:560px; }
  .ss-p1s-diagram { gap:10px; }
  .ss-p1s-diagram__node { padding:22px 16px; }
  .ss-p1s-diagram strong { font-size:19px; }
}
@media (max-width:720px) {
  .ss-p1s-diagram,.ss-p1s-steps { grid-template-columns:1fr; }
  .ss-p1s-diagram__node { text-align:center; }
  .ss-p1s-diagram__arrow { transform:rotate(90deg); }
  .ss-p1s-steps { gap:26px; }
  .ss-p1s-main .ss-d1mc-compare { grid-template-columns:1fr; }
}