/* V62 — Real-world creative workflow showcase. Distinct from the visual library fan section. */
.pm-v62-realwork{
  position:relative;
  padding:88px 22px;
  overflow:hidden;
  background:
    radial-gradient(circle at 8% 18%,rgba(45,116,255,.11),transparent 29%),
    radial-gradient(circle at 91% 84%,rgba(86,207,188,.10),transparent 27%),
    #f7f9fc;
}
.pm-v62-realwork::before{
  content:"";position:absolute;inset:0;pointer-events:none;
  background-image:linear-gradient(rgba(26,46,84,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(26,46,84,.035) 1px,transparent 1px);
  background-size:42px 42px;mask-image:linear-gradient(to bottom,transparent,black 18%,black 82%,transparent);
}
.pm-v62-realwork-shell{
  position:relative;z-index:1;max-width:1296px;margin:0 auto;display:grid;grid-template-columns:minmax(0,.83fr) minmax(560px,1.17fr);gap:64px;align-items:center;
}
.pm-v62-realwork-copy{max-width:570px}
.pm-v62-kicker{display:inline-flex;align-items:center;gap:9px;font-size:12px;font-weight:800;letter-spacing:.14em;color:#2761d8;margin-bottom:18px}
.pm-v62-kicker::before{content:"";width:26px;height:2px;border-radius:10px;background:#2761d8}
.pm-v62-realwork h2{margin:0;color:#101f3d;font-size:clamp(38px,4vw,58px);line-height:1.02;letter-spacing:-.045em;max-width:600px}
.pm-v62-realwork-copy>p{margin:22px 0 0;color:#667085;font-size:17px;line-height:1.76;max-width:555px}
.pm-v62-proof-row{display:grid;gap:11px;margin:30px 0 0}
.pm-v62-proof-row span{display:flex;align-items:center;gap:12px;color:#263b5f;font-size:14px;font-weight:700}
.pm-v62-proof-row i{display:grid;place-items:center;width:30px;height:30px;border:1px solid #dfe6f1;border-radius:9px;background:#fff;color:#2b67e8;font-size:10px;font-style:normal;box-shadow:0 6px 18px rgba(27,52,93,.05)}
.pm-v62-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:32px}
.pm-v62-actions a{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:0 20px;border-radius:12px;font-weight:800;text-decoration:none;transition:.22s ease}
.pm-v62-primary{background:#2362e7;color:#fff;box-shadow:0 12px 30px rgba(35,98,231,.18)}
.pm-v62-primary:hover{transform:translateY(-2px);box-shadow:0 16px 34px rgba(35,98,231,.24)}
.pm-v62-primary span{margin-left:9px}
.pm-v62-secondary{background:#fff;color:#17345f;border:1px solid #dce4ef}
.pm-v62-secondary:hover{border-color:#bfcce0;transform:translateY(-2px)}
.pm-v62-workspace{position:relative;background:#0f1f3a;border:1px solid rgba(255,255,255,.08);border-radius:28px;padding:20px;box-shadow:0 32px 80px rgba(18,39,75,.17);overflow:hidden}
.pm-v62-workspace::before{content:"";position:absolute;width:300px;height:300px;border-radius:50%;right:-120px;top:-150px;background:rgba(48,117,255,.23);filter:blur(12px);pointer-events:none}
.pm-v62-workspace-top{position:relative;z-index:1;display:flex;align-items:center;justify-content:space-between;padding:8px 8px 19px;color:#fff}
.pm-v62-workspace-top small{display:block;color:#91a5c4;font-size:10px;font-weight:800;letter-spacing:.15em;margin-bottom:5px}
.pm-v62-workspace-top strong{font-size:19px;letter-spacing:-.02em}
.pm-v62-status{display:inline-flex;align-items:center;gap:7px;padding:7px 10px;border-radius:999px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.1);font-size:11px;font-weight:700;color:#dbe7f8}
.pm-v62-status i{width:7px;height:7px;border-radius:50%;background:#69e3b1;box-shadow:0 0 0 4px rgba(105,227,177,.12)}
.pm-v62-workspace-grid{position:relative;z-index:1;display:grid;grid-template-columns:1fr 1fr;gap:12px}
.pm-v62-usecase{position:relative;min-height:184px;padding:20px;border-radius:18px;background:#fff;border:1px solid rgba(255,255,255,.08);overflow:hidden;transition:transform .22s ease,box-shadow .22s ease}
.pm-v62-usecase:hover{transform:translateY(-3px);box-shadow:0 18px 36px rgba(0,0,0,.12)}
.pm-v62-usecase-featured{background:linear-gradient(145deg,#eaf1ff,#fff 62%)}
.pm-v62-icon{display:grid;place-items:center;width:38px;height:38px;border-radius:11px;background:#e9f0ff;color:#245fd8;font-weight:900;font-size:14px;margin-bottom:18px}
.pm-v62-usecase:nth-child(2) .pm-v62-icon{background:#ebf8f6;color:#168b78}
.pm-v62-usecase:nth-child(3) .pm-v62-icon{background:#f5efff;color:#7a43c6}
.pm-v62-usecase:nth-child(4) .pm-v62-icon{background:#fff1ed;color:#d55d3f}
.pm-v62-usecase small{display:block;color:#7b8ca7;font-size:9px;font-weight:900;letter-spacing:.13em;margin-bottom:5px}
.pm-v62-usecase h3{margin:0;color:#152846;font-size:18px;letter-spacing:-.025em}
.pm-v62-usecase p{margin:8px 0 0;color:#6b788d;font-size:12.5px;line-height:1.55;max-width:220px}
.pm-v62-usecase>span{position:absolute;right:16px;top:16px;color:#c5cfdd;font-size:10px;font-weight:800}
.pm-v62-workspace-foot{position:relative;z-index:1;display:flex;flex-wrap:wrap;gap:8px;padding:16px 4px 2px}
.pm-v62-workspace-foot span{padding:7px 10px;border-radius:8px;background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.08);color:#b9c8dc;font-size:10px;font-weight:700}
@media(max-width:1050px){
  .pm-v62-realwork{padding:72px 22px}.pm-v62-realwork-shell{grid-template-columns:1fr;gap:42px}.pm-v62-realwork-copy{max-width:780px}.pm-v62-workspace{max-width:820px;width:100%}
}
@media(max-width:650px){
  .pm-v62-realwork{padding:56px 16px}.pm-v62-realwork h2{font-size:37px}.pm-v62-realwork-copy>p{font-size:15.5px}.pm-v62-actions{display:grid}.pm-v62-actions a{width:100%}.pm-v62-workspace{padding:13px;border-radius:22px}.pm-v62-workspace-top{align-items:flex-start;gap:12px}.pm-v62-status{display:none}.pm-v62-workspace-grid{grid-template-columns:1fr}.pm-v62-usecase{min-height:158px}.pm-v62-workspace-foot{gap:6px}.pm-v62-workspace-foot span{font-size:9px}
}