/* Four enterprise processes share one ERP foundation. */
.site.premium .pr-erp-feature { padding: 90px 0; background: #fff; color: #1d1d1f; font-family: -apple-system, BlinkMacSystemFont, 'Helvetica Neue', Arial, sans-serif; }
.site.premium .pr-erp-feature *,
.site.premium .pr-erp-feature *::before,
.site.premium .pr-erp-feature *::after { box-sizing: border-box; }
.site.premium .pr-erp-layout { display: grid; grid-template-columns: minmax(0, 1.2fr) minmax(0, 1fr); align-items: center; gap: 64px; width: calc(100% - 80px); max-width: 1240px; margin: 0 auto; }
.site.premium .pr-erp-visual { width: 100%; min-width: 0; margin: 0; overflow: hidden; border-radius: 24px; background: #f5f5f7; }
.site.premium .pr-erp-canvas { display: block; width: 100%; max-width: 100%; height: auto; aspect-ratio: 680 / 520; overflow: hidden; font-family: inherit; }
.site.premium .pr-erp-hub-label { fill: #fff; font-size: 39px; font-weight: 600; letter-spacing: -.04em; }
.site.premium .pr-erp-module-label { fill: #5e6c80; font-size: 20px; font-weight: 500; letter-spacing: -.02em; }
.site.premium .pr-erp-caption { margin: -2px 18px 0; padding-bottom: 24px; color: #6e6e73; font-size: 12px; line-height: 1.5; font-weight: 400; text-align: center; }
.site.premium .pr-erp-copy { min-width: 0; padding: 10px 0; }
.site.premium .pr-erp-copy h2 { margin: 0; font-family: inherit; font-size: 52px; line-height: 1.05; font-weight: 600; letter-spacing: -.045em; color: #1d1d1f; }
.site.premium .pr-erp-copy .pr-erp-lead { margin: 18px 0 0; font-size: 32px; line-height: 1.18; font-weight: 500; letter-spacing: -.035em; color: #1d1d1f; }
.site.premium .pr-erp-copy .pr-erp-description { max-width: 455px; margin: 23px 0 0; font-size: 17px; line-height: 1.6; font-weight: 400; letter-spacing: -.01em; color: #6e6e73; }
.site.premium .pr-erp-actions { display: flex; flex-wrap: wrap; align-items: center; gap: 12px 23px; margin-top: 28px; }
.site.premium .pr-erp-button { display: inline-flex; justify-content: center; align-items: center; min-height: 44px; max-width: 100%; padding: 12px 23px; border: 1px solid #2864db; border-radius: 24px; background: #2864db; color: #fff; font-size: 14px; line-height: 1.4; font-weight: 400; text-decoration: none; text-align: center; }
.site.premium .pr-erp-button:hover { background: #1e55bf; border-color: #1e55bf; }
.site.premium .pr-erp-link { display: inline-flex; align-items: center; gap: 8px; min-height: 44px; max-width: 100%; color: #2864db; font-size: 14px; line-height: 1.4; font-weight: 400; text-decoration: none; }
.site.premium .pr-erp-link > span { font-size: 23px; line-height: 1; font-weight: 300; }
.site.premium .pr-erp-link:hover { text-decoration: underline; text-underline-offset: 4px; }
.site.premium .pr-erp-button:focus-visible,
.site.premium .pr-erp-link:focus-visible { outline: 3px solid #2864db; outline-offset: 4px; }

/* One document enters the shared system at a time. Motion is enabled centrally. */
.site.premium .pr-erp-stream { fill: none; stroke: #2864db; stroke-width: 2.5; stroke-dasharray: 12 88; stroke-dashoffset: 100; opacity: 0; animation: pr-erp-transfer 12s linear infinite paused; }
.site.premium .pr-erp-module-light { fill: #2864db; fill-opacity: .04; stroke: #2864db; stroke-width: 1.6; opacity: .14; animation: pr-erp-module-activity 12s ease-in-out infinite paused; }
.site.premium .pr-erp-core-light { opacity: .4; animation: pr-erp-core-activity 3s ease-in-out infinite paused; }
.site.premium .pr-erp-document { opacity: 0; animation: pr-erp-document-travel 12s linear infinite paused; }
.site.premium .pr-erp-document-sales { --pr-erp-travel-x: 56px; --pr-erp-travel-y: 28px; }
.site.premium .pr-erp-document-production { --pr-erp-travel-x: 0px; --pr-erp-travel-y: 43px; }
.site.premium .pr-erp-document-warehouse { --pr-erp-travel-x: -56px; --pr-erp-travel-y: 28px; }
.site.premium .pr-erp-document-finance { --pr-erp-travel-x: 0px; --pr-erp-travel-y: -44px; }
.site.premium .pr-erp-phase-sales { animation-delay: 0s; }
.site.premium .pr-erp-phase-production { animation-delay: -9s; }
.site.premium .pr-erp-phase-warehouse { animation-delay: -6s; }
.site.premium .pr-erp-phase-finance { animation-delay: -3s; }
.site.premium .pr-erp-feature [data-animate] { animation-play-state: paused; }
@keyframes pr-erp-transfer {
  0% { stroke-dashoffset: 100; opacity: 0; }
  4%, 21% { opacity: .8; }
  25%, 100% { stroke-dashoffset: 0; opacity: 0; }
}
@keyframes pr-erp-module-activity {
  0%, 25%, 100% { opacity: .14; }
  5%, 18% { opacity: .8; }
}
@keyframes pr-erp-document-travel {
  0% { transform: translate(0, 0); opacity: 0; }
  4% { opacity: 1; }
  20% { opacity: 1; }
  25%, 100% { transform: translate(var(--pr-erp-travel-x), var(--pr-erp-travel-y)); opacity: 0; }
}
@keyframes pr-erp-core-activity {
  0%, 100% { opacity: .4; }
  65%, 85% { opacity: 1; }
}

@media (max-width: 1050px) {
  .site.premium .pr-erp-feature { padding: 70px 0; }
  .site.premium .pr-erp-layout { width: calc(100% - 56px); gap: 36px; grid-template-columns: minmax(0, 1.1fr) minmax(0, 1fr); }
  .site.premium .pr-erp-copy h2 { font-size: 46px; }
  .site.premium .pr-erp-copy .pr-erp-lead { font-size: 28px; }
  .site.premium .pr-erp-copy .pr-erp-description { margin-top: 20px; font-size: 16px; }
  .site.premium .pr-erp-module-label { font-size: 23px; }
  .site.premium .pr-erp-actions { gap: 8px 18px; margin-top: 24px; }
  .site.premium .pr-erp-button { padding-inline: 20px; font-size: 13px; }
  .site.premium .pr-erp-link { font-size: 13px; }
}
@media (max-width: 760px) {
  .site.premium .pr-erp-feature { padding: 56px 0; }
  .site.premium .pr-erp-layout { width: calc(100% - 40px); grid-template-columns: minmax(0, 1fr); gap: 30px; }
  .site.premium .pr-erp-copy { grid-row: 1; max-width: 520px; padding: 0; margin: 0 auto; text-align: center; }
  .site.premium .pr-erp-copy h2 { font-size: 42px; line-height: 1.08; }
  .site.premium .pr-erp-copy .pr-erp-lead { margin-top: 15px; font-size: 29px; }
  .site.premium .pr-erp-copy .pr-erp-description { max-width: 490px; margin: 20px auto 0; font-size: 16px; line-height: 1.6; }
  .site.premium .pr-erp-actions { justify-content: center; gap: 8px 20px; }
  .site.premium .pr-erp-button,
  .site.premium .pr-erp-link { font-size: 14px; }
  .site.premium .pr-erp-visual { max-width: 570px; margin: 0 auto; border-radius: 20px; }
  .site.premium .pr-erp-module-label { font-size: 27px; }
  .site.premium .pr-erp-caption { padding-bottom: 20px; font-size: 11px; }
}
@media (max-width: 370px) {
  .site.premium .pr-erp-feature { padding: 46px 0; }
  .site.premium .pr-erp-layout { width: calc(100% - 32px); gap: 26px; }
  .site.premium .pr-erp-copy h2 { font-size: 38px; }
  .site.premium .pr-erp-copy .pr-erp-lead { font-size: 26px; }
  .site.premium .pr-erp-copy .pr-erp-description { font-size: 15px; }
  .site.premium .pr-erp-actions { gap: 6px 15px; }
  .site.premium .pr-erp-button { padding-inline: 18px; font-size: 13px; }
  .site.premium .pr-erp-link { font-size: 13px; }
  .site.premium .pr-erp-module-label { font-size: 28px; }
  .site.premium .pr-erp-visual { border-radius: 16px; }
  .site.premium .pr-erp-caption { margin-inline: 12px; padding-bottom: 18px; }
}
@media (prefers-reduced-motion: reduce) {
  .site.premium .pr-erp-feature [data-animate] { animation: none !important; transition: none !important; }
  .site.premium .pr-erp-stream,
  .site.premium .pr-erp-document { opacity: 0; }
  .site.premium .pr-erp-module-light { opacity: .14; }
  .site.premium .pr-erp-core-light { opacity: .6; }
}