/* Shared invoice summary design. */

    .ps-page {
      --ps-accent: #1268e8;
      --ps-navy: #071d3a;
      --ps-ink: #102640;
      --ps-muted: #62748a;
      color: var(--ps-ink);
      overflow: hidden;
      background: #fff
    }

    .ps-page * {
      box-sizing: border-box
    }

    .ps-wrap {
      width: min(1160px, calc(100% - 32px));
      margin: auto
    }

    .ps-hero {
      position: relative;
      padding: 64px 0;
      color: #fff;
      background: linear-gradient(125deg, #061830, #0b376d 64%, var(--ps-accent));
      overflow: hidden
    }

    .ps-hero:before {
      content: "";
      position: absolute;
      inset: 0;
      opacity: .2;
      background-image: radial-gradient(circle, rgba(255, 255, 255, .7) 2px, transparent 2.5px);
      background-size: 17px 17px;
      mask-image: linear-gradient(115deg, #000, transparent 45%);
      -webkit-mask-image: linear-gradient(115deg, #000, transparent 45%)
    }

    .ps-hero-grid {
      position: relative;
      display: grid;
      grid-template-columns: 1.25fr .75fr;
      gap: 55px;
      align-items: center
    }

    .ps-kicker {
      display: inline-flex;
      align-items: center;
      gap: 9px;
      padding: 8px 14px;
      border: 1px solid rgba(255, 255, 255, .22);
      border-radius: 99px;
      background: rgba(255, 255, 255, .08);
      font-size: 12px;
      font-weight: 800;
      letter-spacing: .09em;
      text-transform: uppercase
    }

    .ps-hero h1 {
      max-width: 760px;
      margin: 18px 0 14px;
      color: #fff;
      font-size: clamp(25px, 4vw, 40px);
      line-height: 1.1;
      letter-spacing: -.035em;
      font-weight: 800
    }

    .ps-hero h1 span {
      color: #6ee8f1
    }

    .ps-hero p {
      max-width: 720px;
      margin: 0;
      color: #d8e6f7;
      font-size: 17px;
      line-height: 1.7
    }

    .ps-panel {
      padding: 22px;
      border: 1px solid rgba(255, 255, 255, .18);
      border-radius: 23px;
      background: rgba(4, 24, 50, .68);
      box-shadow: 0 24px 60px rgba(0, 0, 0, .24);
      backdrop-filter: blur(12px);
      transition: .3s
    }

    .ps-panel:hover {
      transform: translateY(-6px);
      border-color: rgba(110, 232, 241, .5)
    }

    .ps-panel-head {
      display: flex;
      align-items: center;
      gap: 12px;
      margin-bottom: 17px;
      font-weight: 800
    }

    .ps-panel-head i {
      width: 42px;
      height: 42px;
      display: grid;
      place-items: center;
      border-radius: 50%;
      color: #072348;
      background: #6ee8f1
    }

    .ps-panel-item {
      display: flex;
      align-items: center;
      gap: 10px;
      padding: 11px 0;
      border-top: 1px solid rgba(255, 255, 255, .1);
      color: #dbe9f7;
      font-size: 13px
    }

    .ps-panel-item i {
      color: #69e2b2
    }

    .ps-panel-item b {
      margin-left: auto;
      color: #95f0ce;
      font-size: 10px;
      text-transform: uppercase
    }

    .ps-section {
      padding: 60px 0 30px;
    }

    .ps-section-soft {
      background: #f4f8fd
    }

    .ps-center {
      text-align: center
    }

    .ps-eyebrow {
      color: var(--ps-accent);
      font-size: 12px;
      font-weight: 800;
      letter-spacing: .12em;
      text-transform: uppercase
    }

    .ps-title {
      max-width: 820px;
      margin: 9px auto 14px;
      font-size: clamp(27px, 3vw, 37px);
      line-height: 1.2;
      letter-spacing: -.025em;
      font-weight: 800
    }

    .ps-copy {
      max-width: 850px;
      margin: 0 auto;
      color: var(--ps-muted);
      font-size: 16px;
      line-height: 1.75
    }

    .ps-feature-grid {
      display: grid;
      grid-template-columns: repeat(3, 1fr);
      gap: 18px;
      margin-top: 38px;
      align-items: stretch
    }

    .ps-card {
      display: grid;
      grid-template-columns: 47px minmax(0, 1fr);
      column-gap: 15px;
      align-content: start;
      text-align: left;
      height: 100%;
      padding: 25px;
      border: 1px solid #dfe9f4;
      border-radius: 17px;
      background: #fff;
      box-shadow: 0 9px 28px rgba(22, 67, 115, .06);
      transition: .28s
    }

    .ps-card:hover {
      transform: translateY(-7px);
      border-color: color-mix(in srgb, var(--ps-accent) 45%, white);
      box-shadow: 0 19px 42px rgba(22, 67, 115, .13)
    }

    .ps-icon {
      width: 47px;
      height: 47px;
      display: grid;
      place-items: center;
      margin-bottom: 17px;
      border-radius: 13px;
      color: var(--ps-accent);
      background: #eaf3ff;
      font-size: 19px;
      transition: .28s
    }

    .ps-card:hover .ps-icon {
      border-radius: 50%;
      color: #fff;
      background: var(--ps-accent);
      transform: scale(1.08)
    }

    .ps-card h3 {
      align-self: center;
      margin: 0 0 9px;
      font-size: 17px;
      line-height: 1.4;
      font-weight: 800
    }

    .ps-card p {
      grid-column: 1/-1;
      margin: 0;
      color: var(--ps-muted);
      font-size: 15.5px;
      line-height: 1.7
    }

    .ps-split {
      display: grid;
      grid-template-columns: .8fr 1.2fr;
      gap: 65px;
      align-items: center
    }

    .ps-split .ps-title,
    .ps-split .ps-copy {
      margin-left: left;
      margin-left: 0
    }

    .ps-benefits {
      display: grid;
      grid-template-columns: 1fr 1fr;
      gap: 13px
    }

    .ps-benefit {
      display: flex;
      align-items: flex-start;
      gap: 11px;
      padding: 17px;
      border: 1px solid #e3ebf5;
      border-radius: 14px;
      background: #fff;
      font-weight: 700;
      line-height: 1.5;
      transition: .25s
    }

    .ps-benefit:hover {
      transform: translateY(-4px);
      border-color: #b9d5f6;
      box-shadow: 0 12px 25px rgba(20, 63, 110, .09)
    }

    .ps-benefit i {
      color: #0cad79;
      font-size: 19px;
      margin-top: 2px
    }

    .ps-industries {
      display: flex;
      flex-wrap: wrap;
      justify-content: center;
      gap: 10px;
      margin-top: 27px
    }

    .ps-industries span {
      padding: 10px 16px;
      border: 1px solid #d9e5f3;
      border-radius: 99px;
      font-weight: 700;
      transition: .25s
    }

    .ps-industries span:hover {
      transform: translateY(-3px);
      color: #fff;
      border-color: var(--ps-accent);
      background: var(--ps-accent)
    }

    .ps-cta {
      padding: 0 0 38px
    }

    .ps-cta-box {
      position: relative;
      overflow: hidden;
      padding: 36px 28px;
      border-radius: 23px;
      color: #fff;
      text-align: center;
      background: linear-gradient(115deg, #092750, var(--ps-accent));
      box-shadow: 0 22px 55px rgba(13, 79, 160, .2)
    }

    .ps-cta-box:before {
      content: "";
      position: absolute;
      width: 420px;
      height: 220px;
      left: -40px;
      top: -60px;
      opacity: .25;
      background-image: radial-gradient(circle, #62c6ff 3px, transparent 3.5px);
      background-size: 15px 15px;
      mask-image: radial-gradient(ellipse, #000, transparent 70%);
      -webkit-mask-image: radial-gradient(ellipse, #000, transparent 70%)
    }

    .ps-cta-box h2 {
      position: relative;
      margin: 0 0 9px;
      color: #fff;
      font-size: clamp(25px, 2.8vw, 34px);
      font-weight: 800
    }

    .ps-cta-box p {
      position: relative;
      max-width: 720px;
      margin: 0 auto 20px;
      color: #dceaff
    }

    .ps-demo-access {
      position: relative;
      width: min(460px, 100%);
      margin: 22px auto 0;
      padding: 8px 18px 14px;
      border: 1px solid rgba(255, 255, 255, .25);
      border-radius: 16px;
      background: rgba(5, 30, 68, .32);
      box-shadow: 0 10px 25px rgba(3, 24, 59, .12);
      text-align: left
    }

    .ps-demo-details { margin: 0 0 12px }

    .ps-demo-details > div {
      display: grid;
      grid-template-columns: 100px minmax(0, 1fr);
      align-items: center;
      gap: 12px;
      padding: 12px 0
    }

    .ps-demo-details > div + div {
      border-top: 1px solid rgba(255, 255, 255, .14)
    }

    .ps-demo-details dt {
      margin: 0;
      color: #dceaff;
      font-size: 13px;
      font-weight: 600
    }

    .ps-demo-details dt i {
      width: 15px;
      margin-right: 7px;
      color: #91dcff;
      text-align: center
    }

    .ps-demo-details dd {
      margin: 0;
      color: #fff;
      font-size: 14px;
      font-weight: 500;
      overflow-wrap: anywhere
    }

    .ps-demo-password {
      font-family: ui-monospace, Consolas, monospace;
      letter-spacing: .1em
    }

    .ps-demo-open {
      display: flex;
      align-items: center;
      justify-content: center;
      gap: 10px;
      min-height: 38px;
      padding: 8px 16px;
      border-radius: 9px;
      background: #fff;
      color: #0c52b5 !important;
      font-size: 14px;
      font-weight: 700;
      text-decoration: none !important;
      transition: background .2s
    }

    .ps-demo-open:hover { background: #e5f3ff }
    .ps-demo-open:focus-visible { outline: 2px solid #91dcff; outline-offset: 4px }

    @media (max-width: 480px) {
      .ps-demo-access { padding: 6px 14px 12px }
      .ps-demo-details > div { grid-template-columns: 88px minmax(0, 1fr); gap: 8px }
      .ps-demo-details dd { font-size: 13px }
    }

    .ps-reveal {
      opacity: 0;
      transform: translateY(25px);
      transition: opacity .65s ease, transform .65s ease
    }

    .ps-reveal.ps-show {
      opacity: 1;
      transform: none
    }

    .ps-card.ps-show:hover,
    .ps-benefit.ps-show:hover {
      transform: translateY(-6px)
    }

  

/* Chatbox design system for QR and invoice summaries. */
.ps-page { --ps-accent:#167aff; --ps-ink:#102e54; --ps-muted:#647c99; background:#fff; }
.ps-page .ps-wrap { width:min(1160px,calc(100% - 40px)); }
.ps-page .ps-hero { padding:38px 0 44px; background:radial-gradient(ellipse at 74% 110%,#3c67ef80,transparent 48%),radial-gradient(ellipse at 22% -70%,#2c68d9,transparent 57%),linear-gradient(110deg,#071f42,#092557 60%,#102d71); }
.ps-page .ps-hero:before { opacity:.08; }
.ps-page .ps-hero-grid { grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr); gap:55px; align-items:center; }
.ps-page .ps-kicker { padding:7px 13px; border-radius:8px; background:#1f71e62b; border-color:#6eb7ff35; color:#cce6ff; font-size:11px; letter-spacing:.07em; }
.ps-page .ps-hero h1 { max-width:580px; margin:12px 0 10px; font-size:clamp(30px,3.2vw,42px); line-height:1.15; letter-spacing:-.035em; }
.ps-page .ps-hero h1 span { color:#62ddff; }
.ps-page .ps-hero p { max-width:560px; margin:0; color:#d5e2f5; font-size:16px; line-height:1.75; }
.ps-page .ps-panel { position:relative; padding:28px; border:1px solid #c0d9ff80; border-radius:18px; color:#173c67; background:linear-gradient(135deg,#fff,#edf5ff); box-shadow:5px 5px 0 #7398ca,9px 9px 0 #365888,0 24px 42px #00153650; backdrop-filter:none; transform:perspective(1000px) rotateY(-7deg); }
.ps-page .ps-panel:hover { transform:perspective(1000px) rotateY(-7deg); border-color:#c0d9ff80; }
.ps-page .ps-panel-head { gap:14px; margin:0 0 18px; color:#12345f; font-size:18px; }
.ps-page .ps-panel-head > i { width:58px; height:58px; border-radius:16px; color:#fff; background:linear-gradient(135deg,#238cff,#1556ce); box-shadow:0 7px 17px #166de62b; font-size:27px; }
.ps-page .ps-panel-item { gap:10px; padding:16px 0; border-color:#dbe7f6; color:#496786; font-size:14px; }
.ps-page .ps-panel-item i { color:#13b887; }.ps-page .ps-panel-item b { color:#158664; background:#e0f6ed; padding:4px 7px; border-radius:5px; }
.ps-page .ps-section { padding:40px 0; }
.ps-page .ps-section.ps-center { background:radial-gradient(ellipse at 0 85%,#dcefff90,transparent 46%),radial-gradient(ellipse at 100% 5%,#eee9ff70,transparent 40%),linear-gradient(180deg,#fbfdff,#f3f8ff); }
.ps-page .ps-eyebrow { color:#267af2; font-size:11px; letter-spacing:.15em; }
.ps-page .ps-title { margin:8px auto 14px; font-size:clamp(28px,3vw,37px); line-height:1.2; color:#112f56; }
.ps-page .ps-copy { max-width:850px; color:#647c99; font-size:16px; line-height:1.8; }
.ps-page .ps-feature-grid { grid-template-columns:repeat(3,minmax(0,1fr)); gap:22px; margin-top:30px; }
.ps-page .ps-feature-grid .ps-card { --card-accent:#2179fb; --card-tint:#e9f1ff; position:relative; overflow:hidden; isolation:isolate; grid-template-columns:48px minmax(0,1fr); gap:5px 15px; align-content:start; padding:26px 24px; border:0; border-radius:16px; background:#fff; box-shadow:0 7px 28px #173e7210; transition:transform .25s,box-shadow .25s; }
.ps-page .ps-card:nth-child(6n+2) { --card-accent:#10b780; --card-tint:#e5f8f0; }
.ps-page .ps-card:nth-child(6n+3) { --card-accent:#8952ee; --card-tint:#f0eaff; }
.ps-page .ps-card:nth-child(6n+4) { --card-accent:#f19b28; --card-tint:#fff3e0; }
.ps-page .ps-card:nth-child(6n+5) { --card-accent:#ea5b99; --card-tint:#ffebf3; }
.ps-page .ps-card:nth-child(6n+6) { --card-accent:#16b3c8; --card-tint:#e2f8fc; }
.ps-page .ps-feature-grid .ps-icon { grid-column:1; grid-row:1; align-self:center; display:grid; place-items:center; width:48px; height:48px; margin:0; border-radius:12px; color:var(--card-accent); background:var(--card-tint); font-size:23px; transition:transform .25s,background .25s,color .25s; }
.ps-page .ps-feature-grid .ps-card h3 { grid-column:2; grid-row:1; align-self:center; margin:0; font-size:17px; line-height:1.45; }
.ps-page .ps-feature-grid .ps-card p { grid-column:1/-1; grid-row:2; margin:0; font-size:15.5px; line-height:1.75; color:#647c99; }
.ps-page .ps-feature-grid .ps-card:before { content:""; position:absolute; inset:auto -28px -55px auto; width:110px; height:110px; border-radius:50%; background:var(--card-tint); opacity:0; transform:scale(.7); transition:opacity .25s,transform .25s; z-index:-1; pointer-events:none; }
@media(hover:hover) and (pointer:fine) {
 .ps-page .ps-feature-grid .ps-card.ps-show:hover,.ps-page .ps-feature-grid .ps-card:hover { border:0; transform:translateY(-5px); box-shadow:0 14px 34px #173e7216; }
 .ps-page .ps-feature-grid .ps-card:hover:before { opacity:1; transform:scale(1.3); }
 .ps-page .ps-feature-grid .ps-card:hover .ps-icon { border-radius:12px; transform:translateY(-2px) rotate(-5deg); color:#fff; background:var(--card-accent); }
}
.ps-page .ps-section-soft { padding:36px 0; background:#fff; }
.ps-page .ps-split { gap:32px; padding:28px; border-radius:20px; background:linear-gradient(120deg,#f2f8ff,#f7faff); }
.ps-page .ps-split .ps-title { margin-left:0; font-size:29px; }
.ps-page .ps-split .ps-copy { font-size:15px; }
.ps-page .ps-benefits { gap:12px; }
.ps-page .ps-benefit { padding:17px 15px; border:0; border-radius:12px; background:#fff; color:#234871; font-size:14px; box-shadow:0 5px 18px #173e7207; }
.ps-page .ps-benefit i { color:#12b885; font-size:18px; }
.ps-page .ps-industries { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:14px; margin-top:24px; }
.ps-page .ps-industries > span { display:flex; align-items:center; justify-content:center; padding:18px 15px; border:0; border-radius:12px; color:#28517e; background:#fff; box-shadow:0 5px 18px #173e7208; font-size:15px; font-weight:600; }
.ps-page .ps-cta { padding:28px 0 36px; background:#fff; }
.ps-page .ps-cta-box { display:grid; grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr); align-items:center; gap:12px 40px; padding:34px; border-radius:18px; text-align:left; background-color:#022d62; background-image:linear-gradient(#022d62c7,#022d62c7),url('global-path-file/images/bg/map-bg.png'); background-position:center; box-shadow:0 14px 35px #022d6229; }
.ps-page .ps-cta-box:before { content:none; }
.ps-page .ps-cta-box h2 { grid-column:1; grid-row:1; margin:0; color:#f4f8ff; font-size:clamp(25px,2.5vw,31px); line-height:1.35; letter-spacing:-.025em; }
.ps-page .ps-cta-box > p { grid-column:1; grid-row:2; max-width:none; margin:0; color:#c6ddf5; font-size:15px; line-height:1.7; }
.ps-page .ps-demo-access { grid-column:2; grid-row:1 / span 2; width:100%; margin:0; padding:12px 20px 18px; border:1px solid #d6edff4d; border-radius:14px; background:linear-gradient(135deg,#ffffff2b,#ffffff11); backdrop-filter:blur(12px); box-shadow:inset 0 1px 0 #ffffff30; }
.ps-page .ps-demo-details > div { grid-template-columns:85px minmax(0,1fr); gap:10px; }
.ps-page .ps-demo-open { display:flex; justify-content:center; align-items:center; gap:12px; width:100%; min-height:43px; border-radius:9px; background:linear-gradient(110deg,#1688ff,#2463ee); color:#fff!important; font-size:15px; box-shadow:0 7px 18px #006bff25; }
.ps-page .ps-demo-open:hover { background:#287cf0; }.ps-page .ps-demo-open:focus-visible { outline:3px solid #88d4ff; outline-offset:4px; }
@media(max-width:1000px) { .ps-page .ps-hero-grid { gap:30px; }.ps-page .ps-card { padding:24px 20px; } }
@media(max-width:800px) {
 .ps-page .ps-hero-grid,.ps-page .ps-split { grid-template-columns:1fr; gap:25px; }
 .ps-page .ps-hero h1 { max-width:650px; font-size:36px; }.ps-page .ps-hero p { max-width:650px; }
 .ps-page .ps-panel { max-width:580px; margin:0 auto; transform:none; }.ps-page .ps-panel:hover { transform:none; }
 .ps-page .ps-feature-grid { grid-template-columns:repeat(2,minmax(0,1fr)); gap:18px; }
 .ps-page .ps-industries { grid-template-columns:repeat(2,minmax(0,1fr)); }
 .ps-page .ps-cta-box { grid-template-columns:1fr; gap:14px; }
 .ps-page .ps-demo-access { grid-column:1; grid-row:3; margin-top:8px; }
}
@media(max-width:540px) {
 .ps-page .ps-wrap { width:calc(100% - 32px); }.ps-page .ps-hero { padding:26px 0 34px; }
 .ps-page .ps-hero h1 { font-size:30px; }.ps-page .ps-hero p { font-size:15px; }
 .ps-page .ps-panel { padding:22px 18px; }.ps-page .ps-panel-head { font-size:16px; }.ps-page .ps-panel-item { font-size:13px; }
 .ps-page .ps-section { padding:32px 0; }.ps-page .ps-title { font-size:28px; }.ps-page .ps-copy { font-size:15px; }
 .ps-page .ps-feature-grid { grid-template-columns:1fr; gap:16px; margin-top:24px; }
 .ps-page .ps-feature-grid .ps-card { padding:24px 21px; grid-template-columns:42px minmax(0,1fr); gap:5px 13px; }
 .ps-page .ps-feature-grid .ps-icon { width:42px; height:42px; font-size:21px; }
 .ps-page .ps-split { padding:22px 18px; }.ps-page .ps-benefits { grid-template-columns:1fr; gap:10px; }
 .ps-page .ps-industries { gap:10px; }.ps-page .ps-industries > span { padding:15px 10px; font-size:13px; }
 .ps-page .ps-cta-box { padding:25px 21px; }.ps-page .ps-cta-box h2 { font-size:25px; }
 .ps-page .ps-demo-access { padding:8px 14px 15px; }
}
@media(prefers-reduced-motion:reduce) {
 .ps-page .ps-feature-grid .ps-card,.ps-page .ps-feature-grid .ps-card .ps-icon,.ps-page .ps-feature-grid .ps-card:before { transition:none; }
 .ps-page .ps-feature-grid .ps-card:hover,.ps-page .ps-feature-grid .ps-card.ps-show:hover,.ps-page .ps-feature-grid .ps-card:hover .ps-icon { transform:none; }
}

  

.ps-page .ps-panel { padding:0; background:none; border:0; box-shadow:none; transform:none; }
.ps-page .ps-panel:hover { transform:none; border:0; }
.ps-page .product-banner-image { width:100%; height:auto; max-height:310px; object-fit:contain; margin:0 auto 10px; filter:drop-shadow(0 14px 20px #00173540); }
.ps-page .ps-panel-head { margin:0 0 6px; color:#eaf4ff; font-size:14px; gap:8px; }
.ps-page .ps-panel-head > i { width:28px; height:28px; border-radius:8px; font-size:14px; }
.ps-page .ps-panel-item { color:#d5e4f8; padding:7px 0; font-size:12px; border-color:#ffffff18; }
.ps-page .ps-panel-item b { font-size:9px; }
.ps-page .ps-feature-grid .ps-card { padding:20px 21px; gap:4px 13px; }
.ps-page .ps-feature-grid .ps-card p { line-height:1.65; }
.ps-page .ps-industries { grid-template-columns:repeat(4,minmax(0,1fr)); gap:12px; }
.ps-page .ps-industries > span { justify-content:flex-start; gap:11px; padding:12px 14px; min-height:62px; font-size:14px; text-align:left; line-height:1.4; }
.ps-page .ps-industries > span > i { display:grid; place-items:center; flex:0 0 34px; width:34px; height:34px; border-radius:10px; color:#237aff; background:#eaf2ff; font-size:17px; }
.ps-page .ps-industries > span:nth-child(3n+2) > i { color:#10a97c; background:#e6f8f0; }
.ps-page .ps-industries > span:nth-child(3n) > i { color:#8752e4; background:#f0eaff; }
@media(max-width:800px) { .ps-page .ps-industries { grid-template-columns:repeat(2,minmax(0,1fr)); }.ps-page .product-banner-image { max-height:280px; } }
@media(max-width:540px) { .ps-page .product-banner-image { max-height:240px; }.ps-page .ps-industries > span { padding:11px 10px; font-size:12px; gap:8px; }.ps-page .ps-feature-grid .ps-card { padding:20px; } }


.ps-page .ps-section-soft .ps-split { display:grid; grid-template-columns:minmax(0,1.65fr) minmax(0,1fr); gap:20px 30px; align-items:center; }
.ps-page .ps-section-soft .ps-split > div:first-child { grid-column:1; grid-row:1; }
.ps-page .ps-section-soft .ps-split .ps-title { max-width:none; margin:8px 0 12px; }
.ps-page .ps-section-soft .ps-split .ps-copy { max-width:none; }
.ps-page .ps-section-soft .ps-benefits { grid-column:1; grid-row:2; grid-template-columns:repeat(2,minmax(0,1fr)); gap:10px; }
.ps-page .ps-section-soft .ps-benefit { padding:13px 12px; font-size:13px; line-height:1.5; }
.ps-page .product-benefits-image { grid-column:2; grid-row:1 / span 2; align-self:center; width:100%; max-width:100%; height:auto; object-fit:contain; filter:drop-shadow(0 14px 20px #2362a51f); }
@media(max-width:800px) {
 .ps-page .ps-section-soft .ps-split { grid-template-columns:1fr; gap:22px; }
 .ps-page .ps-section-soft .ps-benefits { grid-column:1; grid-row:2; }
 .ps-page .product-benefits-image { grid-column:1; grid-row:3; max-width:420px; justify-self:center; }
}
@media(max-width:540px) {
 .ps-page .ps-section-soft .ps-benefits { grid-template-columns:1fr; }
 .ps-page .product-benefits-image { max-width:340px; }
}


.ps-page .ps-hero-grid > div:first-child { min-width:0; }
.ps-page .product-hero-overview { display:flex; flex-wrap:wrap; gap:8px 15px; margin-top:18px; }
.ps-page .product-hero-overview .ps-panel-head { flex-basis:100%; font-size:13px; margin:0 0 2px; }
.ps-page .product-hero-overview .ps-panel-item { display:flex; gap:6px; padding:0; border:0; font-size:11px; }
.ps-page .product-hero-overview .ps-panel-item b { font-size:9px; padding:2px 5px; }
.ps-page .ps-hero .ps-panel { display:flex; align-items:center; justify-content:center; }
.ps-page .ps-hero .product-banner-image { max-height:365px; margin:0; }
@media(max-width:540px) { .ps-page .ps-hero .product-banner-image { max-height:260px; }.ps-page .product-hero-overview { gap:10px 14px; } }


.ps-page .ps-section-soft { position:relative; width:100vw; max-width:none; margin-left:calc(50% - 50vw); margin-right:calc(50% - 50vw); border-radius:0; background:linear-gradient(110deg,#edf7ff,#e5f2ff); }
.ps-page .ps-section-soft .ps-split { grid-template-columns:minmax(0,1fr) minmax(0,1.65fr); background:none; border-radius:0; padding:8px 0; gap:20px 35px; }
.ps-page .ps-section-soft .product-benefits-image { grid-column:1; grid-row:1 / span 2; }
.ps-page .ps-section-soft .ps-split > div:first-child { grid-column:2; grid-row:1; }
.ps-page .ps-section-soft .ps-benefits { grid-column:2; grid-row:2; }
@media(max-width:800px) {
 .ps-page .ps-section-soft .ps-split { grid-template-columns:1fr; gap:22px; }
 .ps-page .ps-section-soft .product-benefits-image { grid-column:1; grid-row:1; }
 .ps-page .ps-section-soft .ps-split > div:first-child { grid-column:1; grid-row:2; }
 .ps-page .ps-section-soft .ps-benefits { grid-column:1; grid-row:3; }
}


.ps-page .ps-cta-box .invoice-cta-copy { grid-column:1; grid-row:1 / span 2; align-self:center; text-align:left; }
.ps-page .ps-cta-box .invoice-cta-copy h2 { margin:0 0 10px; line-height:1.3; }
.ps-page .ps-cta-box .invoice-cta-copy p { margin:0; max-width:none; color:#c6ddf5; font-size:15px; line-height:1.6; }
@media(max-width:800px) { .ps-page .ps-cta-box .invoice-cta-copy { grid-column:1; grid-row:1; }.ps-page .ps-cta-box .ps-demo-access { grid-row:2; } }