/* P1EP additions on top of the shared D1MC product-story foundation. */

.ss-p1ep-main { --orange:#ff8a21; --blue:#267395; }
.ss-p1ep-hero__visual img { width:126%; filter:drop-shadow(0 34px 30px rgba(0,0,0,.5)); }

.ss-p1ep-software { color:#fff; background:var(--navy); }
.ss-p1ep-route-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:18px; }
.ss-p1ep-route-grid article { min-height:420px; display:flex; flex-direction:column; padding:38px; border:1px solid rgba(255,255,255,.13); border-radius:16px; background:var(--navy-2); }
.ss-p1ep-route-grid article.is-default { border-color:var(--orange); box-shadow:inset 0 4px 0 var(--orange); }
.ss-p1ep-route-grid small { margin-bottom:24px; color:var(--orange); font-size:11px; font-weight:850; letter-spacing:.13em; text-transform:uppercase; }
.ss-p1ep-route-grid h3 { margin-bottom:14px; color:#fff; font-size:34px; }
.ss-p1ep-route-grid p,.ss-p1ep-route-grid ul { color:#afbdca; }
.ss-p1ep-route-grid ul { margin:10px 0 26px; padding-left:20px; }
.ss-p1ep-route-grid li { margin:8px 0; }
.ss-p1ep-route-grid a { margin-top:auto; color:#fff; font-size:14px; font-weight:800; }
.ss-p1ep-route-grid a::after { margin-left:8px; color:var(--orange); content:"→"; }

.ss-p1ep-output .ss-d1mc-product-stage img { width:123%; mix-blend-mode:multiply; }
.ss-p1ep-output .ss-d1mc-copy h2 { margin-bottom:24px; }

.ss-p1ep-order-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:20px; }
.ss-p1ep-order-grid>div { padding:42px; border:1px solid var(--line); border-radius:16px; background:#fff; }
.ss-p1ep-order-grid h2 { margin-bottom:28px; font-size:clamp(31px,3vw,42px); line-height:1.1; }
.ss-p1ep-order-list { margin:0; padding:0; list-style:none; }
.ss-p1ep-order-list li { position:relative; padding:14px 0 14px 26px; border-top:1px solid var(--line); color:#405163; }
.ss-p1ep-order-list li::before { position:absolute; top:23px; left:2px; width:8px; height:8px; border-radius:50%; background:var(--orange); content:""; }
.ss-p1ep-order-note { margin:22px 0 0; color:var(--muted); font-size:14px; }

@media (max-width:720px) {
  .ss-p1ep-route-grid,.ss-p1ep-order-grid { grid-template-columns:1fr; }
  .ss-p1ep-route-grid article { min-height:0; }
  .ss-p1ep-order-grid>div,.ss-p1ep-route-grid article { padding:30px 24px; }
}

@media (max-width:620px) {
  .ss-p1ep-hero__visual img { width:125%; }
  .ss-p1ep-output .ss-d1mc-product-stage img { width:112%; }
}