@charset "UTF-8";
:root {
    --pm-ink: #18233d;
    --pm-muted: #5c6780;
    --pm-paper: #f6f8fc;
    --pm-line: #d9e0ee;
    --pm-accent: #344ed3;
    --pm-orange-soft: #e8edff;
    --pm-action: #344ed3;
    --pm-action-hover: #263aa5;
}
* {
    box-sizing: border-box;
}
html {
    scroll-behavior: smooth;
    scroll-padding-top: 90px;
}
body.pm-page {
    margin: 0;
    background: var(--pm-paper);
    color: var(--pm-ink);
    font-family:
        Inter,
        system-ui,
        -apple-system,
        BlinkMacSystemFont,
        "Segoe UI",
        sans-serif;
    -webkit-font-smoothing: antialiased;
}
/* Product illustrations keep their own palette when the marketing page changes. */
.pm-hero-scene,
.pm-mini-site,
.pm-mini-host,
.pm-network-map {
    --pm-ink: #202926;
    --pm-muted: #68716a;
    --pm-paper: #f9f7f2;
    --pm-line: #dedfd6;
    --pm-accent: #ec664b;
    --pm-orange-soft: #f8e2d8;
    --pm-action: #c94d34;
    --pm-action-hover: #b6422b;
    color: var(--pm-ink);
}
.pm-workspace {
    --pm-ink: #25283d;
    --pm-muted: #8d8fa8;
    --pm-paper: #edf3ff;
    --pm-line: #edf3ff;
    --pm-accent: #6d4aff;
    --pm-orange-soft: #f5f6fc;
    --pm-action: #6d4aff;
    --pm-action-hover: #6d4aff;
    color: var(--pm-ink);
}
button,
a {
    -webkit-tap-highlight-color: transparent;
}
a {
    color: inherit;
    text-decoration: none;
}
button {
    font: inherit;
    color: inherit;
}
button:not(:disabled),
summary {
    cursor: pointer;
}
button:focus-visible,
a:focus-visible,
summary:focus-visible,
[tabindex]:focus-visible {
    outline: 3px solid var(--pm-accent);
    outline-offset: 5px;
}
button[hidden] {
    display: none !important;
}
img,
svg {
    max-width: 100%;
}
p,
h1,
h2,
h3 {
    margin: 0;
}
p {
    line-height: 1.65;
}
ul,
dl {
    margin: 0;
    padding: 0;
}
button {
    border: 0;
}
.pm-wrap {
    width: min(1240px, calc(100% - 80px));
    margin-inline: auto;
}
.pm-icon {
    width: 22px;
    height: 22px;
    flex-shrink: 0;
}
.pm-sr {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
}
.pm-skip {
    position: fixed;
    top: -100px;
    left: 20px;
    z-index: 100;
    background: var(--pm-ink);
    color: #fff;
    padding: 16px;
    border-radius: 8px;
}
.pm-skip:focus {
    top: 15px;
}
.pm-header {
    position: relative;
    z-index: 10;
    border-bottom: 1px solid var(--pm-line);
}
.pm-nav-row {
    min-height: 94px;
    display: flex;
    align-items: center;
    gap: 40px;
}
.pm-brand {
    display: inline-flex;
    align-items: center;
    gap: 14px;
    flex-shrink: 0;
}
.pm-brand img {
    display: block;
    width: 110px;
    height: 34px;
    object-fit: contain;
}
.pm-brand > span {
    padding: 5px 9px;
    border: 1px solid #c9d3f2;
    border-radius: 6px;
    font-size: 12px;
    font-weight: 650;
    color: var(--pm-accent);
    background: #e9eeff;
}
.pm-nav {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 29px;
    flex: 1;
    font-size: 12px;
    font-weight: 600;
}
.pm-nav a {
    padding: 12px 0;
}
.pm-nav a:hover,
.pm-login:hover {
    color: var(--pm-accent);
}
.pm-login {
    display: inline-flex;
    align-items: center;
    gap: 14px;
    font-size: 12px;
    font-weight: 650;
}
.pm-login .pm-icon {
    width: 18px;
    height: 18px;
}
.pm-menu {
    display: none;
    background: transparent;
    width: 42px;
    height: 42px;
    padding: 10px;
}
.pm-menu > span:not(.pm-sr) {
    display: block;
    width: 22px;
    height: 2px;
    margin: 6px 0;
    background: var(--pm-ink);
}
.pm-hero {
    display: grid;
    grid-template-columns: 1.07fr 1fr;
    gap: 32px 70px;
    padding-top: 94px;
    padding-bottom: 34px;
    align-items: center;
}
.pm-eyebrow {
    display: flex;
    align-items: center;
    gap: 9px;
    font-size: 11px;
    font-weight: 700;
    line-height: 1.6;
    letter-spacing: 0.09em;
    text-transform: uppercase;
}
.pm-pulse {
    width: 7px;
    height: 7px;
    border-radius: 50%;
    background: var(--pm-accent);
    box-shadow: 0 0 0 5px color-mix(in srgb, var(--pm-accent) 10%, transparent);
}
.pm-hero h1 {
    margin-top: 30px;
    font-size: clamp(53px, 5.5vw, 79px);
    line-height: 1.04;
    font-weight: 650;
    letter-spacing: -0.065em;
}
.pm-page em,
.pm-page i {
    font-style: normal;
}
.pm-page em {
    font-family: inherit;
    font-weight: inherit;
}
.pm-hero h1 em {
    color: var(--pm-accent);
    letter-spacing: -0.055em;
}
.pm-lead {
    max-width: 510px;
    margin-top: 28px;
    font-size: 17px;
    color: var(--pm-muted);
}
.pm-hero-proof {
    display: grid;
    gap: 11px;
    margin-top: 23px;
    list-style: none;
    font-size: 13px;
    font-weight: 600;
}
.pm-hero-proof li {
    display: flex;
    align-items: center;
    gap: 10px;
}
.pm-hero-proof .pm-icon {
    width: 17px;
    height: 17px;
    color: var(--pm-accent);
}
.pm-actions {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 22px;
    margin-top: 34px;
}
.pm-button {
    display: inline-flex;
    align-items: center;
    justify-content: space-between;
    gap: 28px;
    min-height: 52px;
    padding: 15px 21px;
    border: 1px solid var(--pm-accent);
    border-radius: 9px;
    background: var(--pm-action);
    color: #fff;
    font-size: 13px;
    font-weight: 650;
    text-align: left;
    transition:
        background 0.16s,
        transform 0.16s;
}
.pm-button:hover {
    background: var(--pm-action-hover);
    border-color: var(--pm-action-hover);
    transform: translateY(-2px);
}
.pm-button-outline {
    background: transparent;
    border-color: #bdc8de;
    color: var(--pm-ink);
}
.pm-button-outline:hover {
    background: #e8edfb;
    border-color: var(--pm-ink);
}
.pm-demo-link {
    display: flex;
    align-items: center;
    gap: 10px;
    font-size: 12px;
    font-weight: 650;
}
.pm-demo-link > span {
    display: grid;
    place-items: center;
    width: 30px;
    height: 30px;
    border: 1px solid #c4cde3;
    border-radius: 50%;
    font-size: 9px;
}
.pm-demo-link .pm-icon {
    width: 13px;
    height: 13px;
}
.pm-hero-note {
    margin-top: 30px;
    color: var(--pm-muted);
    font-size: 11px;
    line-height: 1.7;
}
.pm-hero-scene {
    position: relative;
    min-width: 0;
    padding: 18px 32px 42px 20px;
    min-height: 525px;
    display: grid;
    align-items: center;
}
.pm-orbit {
    position: absolute;
    width: 450px;
    height: 450px;
    max-width: 100%;
    left: 5%;
    top: 12%;
    border-radius: 50%;
    background: radial-gradient(
        circle at 40% 40%,
        #f6d8c8 0,
        #f5ddd0 42%,
        #ecebe0 69%,
        transparent 70%
    );
    transform: rotate(-20deg);
}
.pm-receipt {
    position: relative;
    background: #ffffff;
    border: 1px solid #e5e2f1;
    border-radius: 18px;
    box-shadow:
        0 28px 65px #25283d16,
        0 4px 9px #25283d0a;
    transform: rotate(-5deg);
    padding: 23px;
    max-width: 365px;
    width: 100%;
    margin-inline: auto;
}
.pm-receipt-top {
    display: flex;
    align-items: center;
    gap: 10px;
    font-size: 12px;
    font-weight: 650;
}
.pm-square-logo {
    display: inline-grid;
    place-items: center;
    width: 33px;
    height: 33px;
    border-radius: 8px;
    background: var(--pm-ink);
    color: #ffffff;
    font-size: 19px;
    font-weight: 750;
    letter-spacing: -0.08em;
    flex-shrink: 0;
}
.pm-receipt-top small {
    display: block;
    margin-top: 3px;
    color: var(--pm-muted);
    font-size: 9px;
    font-weight: 450;
}
.pm-live-tag {
    margin-left: auto;
    border: 1px solid #eaf8f2;
    border-radius: 99px;
    padding: 4px 8px;
    background: #eaf8f2;
    color: #117c5a;
    font-size: 8px;
    white-space: nowrap;
}
.pm-receipt-number {
    margin-top: 25px;
    padding-bottom: 20px;
    border-bottom: 1px dashed #c5bddf;
}
.pm-receipt-number > span,
.pm-receipt-number small {
    display: block;
    font-size: 10px;
    color: var(--pm-muted);
}
.pm-receipt-number strong {
    display: block;
    margin: 7px 0;
    font-size: 34px;
    line-height: 1.1;
    font-weight: 550;
    letter-spacing: -0.05em;
}
.pm-hero-product {
    display: flex;
    align-items: center;
    gap: 13px;
    padding: 20px 0;
}
.pm-tool-picture {
    width: 100px;
    height: 76px;
    border-radius: 9px;
    background: #f6f3ec;
    display: grid;
    place-items: center;
}
.pm-tool-picture svg {
    width: 95px;
}
.pm-hero-product strong,
.pm-hero-product span {
    display: block;
    font-size: 12px;
}
.pm-hero-product span {
    font-size: 10px;
    color: var(--pm-muted);
    margin-top: 5px;
}
.pm-receipt-money {
    border-block: 1px solid #e5e2f1;
    padding-block: 13px;
    display: grid;
    gap: 12px;
    font-size: 11px;
}
.pm-receipt-money > div {
    display: flex;
    justify-content: space-between;
    gap: 8px;
}
.pm-receipt-money dt {
    color: var(--pm-muted);
}
.pm-receipt-money dd {
    font-size: 15px;
    font-weight: 650;
    margin: 0;
}
.pm-receipt-bottom {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    margin-top: 17px;
}
.pm-receipt-bottom > span {
    display: flex;
    align-items: center;
    gap: 5px;
    font-size: 9px;
}
.pm-receipt-bottom .pm-icon {
    width: 13px;
    height: 13px;
    color: #444960;
}
.pm-receipt-bottom > i {
    height: 25px;
    width: 70px;
    background: repeating-linear-gradient(
        90deg,
        #25283d 0 2px,
        transparent 2px 4px,
        #25283d 4px 5px,
        transparent 5px 8px
    );
    opacity: 0.5;
}
.pm-float {
    position: absolute;
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 14px 18px;
    border: 1px solid #e5e2f1;
    border-radius: 10px;
    background: #ffffff;
    box-shadow: 0 12px 30px #25283d0b;
    transform: rotate(4deg);
    font-size: 9px;
    color: var(--pm-muted);
}
.pm-float strong {
    display: block;
    margin-top: 4px;
    color: var(--pm-ink);
    font-size: 12px;
}
.pm-float .pm-icon {
    color: #444960;
}
.pm-float-stock {
    left: -10px;
    top: 53px;
}
.pm-float-return {
    right: -12px;
    bottom: 74px;
    transform: rotate(6deg);
}
.pm-float-return .pm-icon {
    color: var(--pm-accent);
}
.pm-scene-caption {
    position: absolute;
    bottom: 4px;
    left: 0;
    right: 0;
    text-align: center;
    font-size: 9px;
    color: var(--pm-muted);
}
.pm-hero-bottom {
    grid-column: 1/-1;
    display: flex;
    align-items: center;
    gap: 28px;
    padding-top: 40px;
    margin-top: 14px;
    border-top: 1px solid var(--pm-line);
    font-size: 10px;
    color: var(--pm-muted);
}
.pm-hero-bottom > span {
    font-weight: 600;
}
.pm-hero-bottom > p {
    margin-left: auto;
    font-size: 10px;
    max-width: 175px;
}
.pm-sectors {
    display: flex;
    gap: 6px;
    flex-wrap: wrap;
}
.pm-sectors button {
    border: 1px solid transparent;
    border-radius: 99px;
    background: transparent;
    padding: 9px 12px;
    font-size: 12px;
    font-weight: 600;
    color: var(--pm-muted);
}
.pm-sectors button[aria-pressed="true"] {
    border-color: #bdcaee;
    background: #e8edfb;
    color: var(--pm-ink);
}
.pm-workflow {
    padding: 108px 0 80px;
}
.pm-section-heading {
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
    gap: 40px;
    margin-bottom: 38px;
}
.pm-section-heading h2,
.pm-network h2,
.pm-everyday h2,
.pm-faq h2 {
    font-size: clamp(35px, 4.2vw, 57px);
    line-height: 1.12;
    font-weight: 650;
    letter-spacing: -0.055em;
    margin-top: 19px;
}
.pm-section-heading > p {
    font-size: 13px;
    color: var(--pm-muted);
    max-width: 290px;
}
.pm-workspace {
    overflow: hidden;
    border: 1px solid #c5bddf;
    border-radius: 16px;
    background: #ffffff;
    box-shadow: 0 24px 70px #25283d0a;
}
.pm-workspace-top {
    min-height: 64px;
    display: flex;
    align-items: center;
    gap: 11px;
    padding: 15px 23px;
    border-bottom: 1px solid #e5e2f1;
    font-size: 12px;
}
.pm-workspace-top .pm-square-logo {
    width: 28px;
    height: 28px;
    font-size: 16px;
    border-radius: 6px;
}
.pm-workspace-point {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    margin-left: 32px;
    font-size: 11px;
    color: var(--pm-muted);
}
.pm-workspace-point .pm-icon {
    width: 14px;
    height: 14px;
}
.pm-sample {
    margin-left: auto;
    border: 1px solid #e5e2f1;
    border-radius: 4px;
    padding: 5px 8px;
    font-size: 9px;
    color: #696e83;
}
.pm-workspace-body {
    display: grid;
    grid-template-columns: 240px minmax(0, 1fr);
}
.pm-stages {
    padding: 24px 14px;
    background: #f5f6fc;
    border-right: 1px solid #e5e2f1;
    display: flex;
    flex-direction: column;
    gap: 8px;
}
.pm-stages button {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 15px 12px;
    border: 1px solid transparent;
    border-radius: 8px;
    background: transparent;
    text-align: left;
    font-size: 11px;
    color: #444960;
}
.pm-stages button > span {
    font-size: 9px;
    letter-spacing: 0.05em;
    font-variant-numeric: tabular-nums;
}
.pm-stages button > strong {
    font-weight: 550;
    flex: 1;
}
.pm-stages .pm-icon {
    width: 15px;
    height: 15px;
    opacity: 0;
}
.pm-stages button[aria-selected="true"] {
    background: #ffffff;
    border-color: #e5e2f1;
    color: #25283d;
    box-shadow: 0 3px 7px #25283d03;
}
.pm-stages button[aria-selected="true"] > span {
    color: var(--pm-accent);
}
.pm-stages button[aria-selected="true"] .pm-icon {
    opacity: 1;
}
.pm-flow-panel {
    padding: 30px 34px;
    min-width: 0;
}
.pm-flow-heading {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 18px;
}
.pm-overline {
    font-size: 9px;
    font-weight: 650;
    color: var(--pm-muted);
    letter-spacing: 0.07em;
    text-transform: uppercase;
}
.pm-flow-heading h3 {
    margin-top: 8px;
    font-size: 21px;
    letter-spacing: -0.035em;
    font-weight: 600;
}
.pm-status {
    border: 1px solid #c5bddf;
    color: #696e83;
    background: #f5f6fc;
    border-radius: 99px;
    padding: 6px 10px;
    font-size: 9px;
    white-space: nowrap;
}
.pm-flow-panel[data-stage="1"] .pm-status {
    color: #2563eb;
    border-color: #edf3ff;
    background: #edf3ff;
}
.pm-flow-panel[data-stage="2"] .pm-status {
    color: #444960;
    border-color: #e5e2f1;
    background: #f5f6fc;
}
.pm-flow-panel[data-stage="3"] .pm-status {
    color: #444960;
    border-color: #c5bddf;
    background: #f5f6fc;
}
.pm-flow-description {
    font-size: 11px;
    line-height: 1.7;
    color: var(--pm-muted);
    margin-top: 12px;
    max-width: 660px;
    min-height: 38px;
}
.pm-flow-product {
    display: flex;
    align-items: center;
    gap: 15px;
    border: 1px solid #e5e2f1;
    border-radius: 9px;
    padding: 15px;
    margin-top: 20px;
}
.pm-flow-product > .pm-icon {
    width: 43px;
    height: 43px;
    padding: 10px;
    border-radius: 7px;
    color: #c23b58;
    background: #f5f6fc;
}
.pm-flow-product strong {
    display: block;
    font-size: 12px;
    font-weight: 650;
}
.pm-flow-product div > span {
    display: block;
    font-size: 10px;
    margin-top: 4px;
    color: var(--pm-muted);
}
.pm-flow-price {
    margin-left: auto;
    text-align: right;
    font-size: 16px;
    font-weight: 650;
    white-space: nowrap;
}
.pm-flow-price small {
    display: block;
    font-size: 9px;
    margin-top: 4px;
    color: var(--pm-muted);
    font-weight: 400;
}
.pm-stock-row {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 12px;
    margin-top: 16px;
}
.pm-stock-row > div {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 12px 2px;
    font-size: 10px;
}
.pm-stock-row strong {
    font-size: 23px;
    font-weight: 550;
    letter-spacing: -0.04em;
    font-variant-numeric: tabular-nums;
}
.pm-stock-row > div > span:last-child {
    color: var(--pm-muted);
}
.pm-stock-dot {
    width: 7px;
    height: 7px;
    border-radius: 50%;
    flex-shrink: 0;
}
.pm-ready {
    background: #117c5a;
}
.pm-out {
    background: #2563eb;
}
.pm-check {
    background: #6d4aff;
}
.pm-flow-money {
    display: grid;
    grid-template-columns: 1fr 1fr;
    border-block: 1px solid #e5e2f1;
    margin-top: 4px;
    padding-block: 18px;
    gap: 22px;
}
.pm-flow-money > div + div {
    padding-left: 22px;
    border-left: 1px solid #e5e2f1;
}
.pm-flow-money span {
    font-size: 10px;
    color: var(--pm-muted);
}
.pm-flow-money strong {
    display: block;
    margin-top: 8px;
    font-size: 27px;
    letter-spacing: -0.035em;
    font-weight: 550;
    font-variant-numeric: tabular-nums;
}
.pm-flow-money small {
    display: block;
    font-size: 9px;
    line-height: 1.6;
    color: var(--pm-muted);
    margin-top: 7px;
    max-width: 270px;
}
.pm-flow-action {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
    margin-top: 22px;
}
.pm-flow-action p {
    font-size: 10px;
    color: var(--pm-muted);
    max-width: 290px;
}
.pm-button-small {
    min-height: 39px;
    padding: 10px 13px;
    font-size: 10px;
    gap: 15px;
    border-radius: 6px;
    flex-shrink: 0;
}
.pm-button-small .pm-icon {
    width: 15px;
    height: 15px;
}
.pm-workflow-notes {
    display: flex;
    flex-wrap: wrap;
    gap: 15px 30px;
    justify-content: center;
    margin-top: 24px;
    font-size: 10px;
    color: var(--pm-muted);
}
.pm-workflow-notes > span {
    display: flex;
    align-items: center;
    gap: 7px;
}
.pm-workflow-notes .pm-icon {
    width: 16px;
    height: 16px;
}
.pm-channels {
    padding-block: 38px 100px;
}
.pm-channel-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 24px;
}
.pm-channel-grid > article {
    border: 1px solid var(--pm-line);
    border-radius: 15px;
    overflow: hidden;
    display: flex;
    flex-direction: column;
}
.pm-channel-site {
    background: #edf1fb;
}
.pm-channel-widget {
    background: #edf3f8;
}
.pm-channel-copy {
    padding: 34px 36px 26px;
}
.pm-channel-label {
    font-size: 10px;
    letter-spacing: 0.05em;
    text-transform: uppercase;
    font-weight: 650;
    color: var(--pm-muted);
}
.pm-channel-copy h3 {
    margin-top: 18px;
    font-size: 35px;
    line-height: 1.12;
    font-weight: 550;
    letter-spacing: -0.045em;
}
.pm-channel-copy p {
    margin-top: 17px;
    font-size: 14px;
    color: var(--pm-muted);
    max-width: 430px;
}
.pm-mini-site {
    margin: 8px 36px 0;
    padding: 21px 24px 0;
    border: 1px solid #dddccf;
    background: #fbfaf4;
    border-radius: 9px 9px 0 0;
    overflow: hidden;
    min-height: 280px;
    box-shadow: 0 8px 30px #26352b0c;
}
.pm-mini-site > div:first-child {
    display: flex;
    justify-content: space-between;
    gap: 10px;
    font-size: 7px;
    letter-spacing: 0.04em;
    color: #737a69;
}
.pm-mini-site > div:first-child > span:first-child {
    color: var(--pm-ink);
    font-weight: 800;
    letter-spacing: 0.08em;
}
.pm-mini-site > strong {
    display: block;
    line-height: 1.05;
    font-size: 39px;
    font-weight: 550;
    letter-spacing: -0.06em;
    margin-top: 23px;
}
.pm-mini-site > strong em {
    color: #8b6945;
}
.pm-mini-site-search {
    display: flex;
    justify-content: space-between;
    align-items: center;
    background: #fff;
    padding: 12px;
    border: 1px solid #e4e4d8;
    border-radius: 5px;
    margin-top: 18px;
    font-size: 8px;
    color: #7a806e;
}
.pm-mini-site-search b {
    color: #fff;
    background: #9b7650;
    border-radius: 3px;
    padding: 4px 8px;
}
.pm-mini-products {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 9px;
    margin-top: 17px;
}
.pm-mini-products > span {
    display: grid;
    place-items: center;
    background: #eeeee3;
    border-radius: 5px 5px 0 0;
    min-height: 75px;
    padding: 10px;
}
.pm-mini-products .pm-icon {
    color: #a58d6d;
}
.pm-mini-products small {
    display: block;
    font-size: 6px;
    text-align: center;
    margin-top: 8px;
}
.pm-channel-bottom {
    display: flex;
    align-items: center;
    gap: 9px;
    padding: 19px 35px;
    font-size: 10px;
    border-top: 1px solid var(--pm-line);
    margin-top: auto;
}
.pm-channel-bottom .pm-icon {
    width: 15px;
    height: 15px;
}
.pm-mini-host {
    position: relative;
    margin: 8px 36px 0;
    min-height: 280px;
    border: 1px solid #d4d6ca;
    background: linear-gradient(120deg, #e9eae1, #e1e4d9);
    border-radius: 9px 9px 0 0;
    padding: 20px 23px 0;
    overflow: hidden;
}
.pm-mini-host-lines {
    display: grid;
    gap: 8px;
    max-width: 160px;
}
.pm-mini-host-lines > i {
    height: 7px;
    background: #cdd2c2;
    border-radius: 2px;
}
.pm-mini-host-lines > i:nth-child(2) {
    width: 65%;
}
.pm-mini-host-lines > i:nth-child(3) {
    width: 40%;
}
.pm-mini-widget {
    width: 265px;
    max-width: 95%;
    margin: 13px 0 0 auto;
    padding: 19px 20px;
    background: #fff;
    border: 1px solid #d8ddd0;
    border-radius: 9px 9px 0 0;
    box-shadow: -12px 8px 35px #26352b12;
}
.pm-mini-widget > span {
    font-size: 7px;
    letter-spacing: 0.07em;
    text-transform: uppercase;
    color: #7b8372;
}
.pm-mini-widget > strong {
    display: block;
    font-size: 17px;
    font-weight: 550;
    margin-top: 9px;
    letter-spacing: -0.025em;
}
.pm-mini-widget > div:not(.pm-mini-duration) {
    margin-top: 14px;
}
.pm-mini-widget small {
    display: block;
    font-size: 6px;
    margin-bottom: 4px;
    color: #808875;
}
.pm-mini-widget b {
    display: block;
    font-size: 8px;
    font-weight: 550;
}
.pm-mini-widget b > span {
    float: right;
}
.pm-mini-widget b .pm-icon {
    width: 10px;
    height: 10px;
    float: right;
}
.pm-mini-dates {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 6px;
}
.pm-mini-dates > span {
    border: 1px solid #e3e6dc;
    border-radius: 4px;
    padding: 10px 5px;
    font-size: 6px;
}
.pm-mini-duration {
    display: flex;
    gap: 5px;
    margin-top: 9px;
    font-size: 6px;
}
.pm-mini-duration > * {
    padding: 5px 7px;
    background: #f4f5ef;
    border: 1px solid #e3e6dc;
    border-radius: 4px;
}
.pm-mini-duration > b {
    font-size: 6px;
    background: #f9e0d8;
    border-color: #ebc8ba;
    color: #a64f38;
}
.pm-mini-widget > i {
    display: block;
    font-style: normal;
    background: #bd614b;
    color: white;
    margin-top: 13px;
    padding: 10px;
    font-size: 8px;
    text-align: center;
    border-radius: 4px;
}
.pm-channel-note {
    max-width: 680px;
    margin: 22px auto 0;
    text-align: center;
    font-size: 11px;
    color: var(--pm-muted);
}
.pm-network {
    background: #172642;
    color: #f2f5ff;
    padding: 88px 0;
}
.pm-network-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 100px;
    align-items: center;
}
.pm-network .pm-eyebrow {
    color: #c9d5ed;
}
.pm-network h2 {
    font-size: clamp(39px, 4.5vw, 61px);
}
.pm-network h2 em {
    color: #bfcdff;
}
.pm-network-grid > div:first-child > p:not(.pm-eyebrow) {
    max-width: 420px;
    margin-top: 25px;
    font-size: 13px;
    color: #c2cee4;
}
.pm-check-list {
    list-style: none;
    display: grid;
    gap: 13px;
    margin-top: 28px;
}
.pm-check-list li {
    display: flex;
    align-items: center;
    gap: 9px;
    font-size: 11px;
}
.pm-check-list .pm-icon {
    width: 17px;
    height: 17px;
    color: #b8c6ff;
}
.pm-network-map {
    padding: 28px;
    border: 1px solid #5778b25c;
    border-radius: 16px;
    background: radial-gradient(ellipse at 50% 0%, #345b9838, transparent 65%), #142239;
    color: #edf4ff;
    box-shadow: inset 0 1px 0 #ffffff0c, 0 18px 55px #070f2026;
}
.pm-network-owner {
    position: relative;
    display: flex;
    align-items: center;
    gap: 13px;
    background: #293f66;
    border: 1px solid #789bd378;
    border-radius: 10px;
    padding: 20px;
    max-width: 375px;
    margin: 0 auto 44px;
}
.pm-network-owner > .pm-icon {
    width: 35px;
    height: 35px;
    padding: 8px;
    background: #446ba8;
    border-radius: 7px;
    color: #edf4ff;
}
.pm-network-owner strong {
    display: block;
    font-size: 12px;
    font-weight: 600;
}
.pm-network-owner small {
    display: block;
    font-size: 9px;
    color: #bed0ef;
    margin-top: 5px;
}
.pm-network-owner:after {
    content: "";
    position: absolute;
    width: 1px;
    background: #6e94d7;
    height: 26px;
    bottom: -26px;
    left: 50%;
}
.pm-network-branches {
    position: relative;
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 22px;
}
.pm-network-branches:before {
    content: "";
    position: absolute;
    border: 1px solid #6e94d7;
    border-bottom: 0;
    left: 25%;
    right: 25%;
    height: 20px;
    top: -20px;
}
.pm-network-branches > div {
    border: 1px solid #587caf78;
    border-radius: 10px;
    background: #203452;
    padding: 23px 25px;
}
.pm-point-number {
    font-size: 9px;
    color: #a5c5ff;
    letter-spacing: 0.06em;
}
.pm-network-branches strong {
    display: block;
    font-size: 21px;
    font-weight: 500;
    margin-top: 9px;
    letter-spacing: -0.03em;
}
.pm-network-branches p {
    font-size: 11px;
    color: #c5d3eb;
    margin-top: 14px;
    line-height: 1.9;
}
.pm-point-manager {
    display: block;
    border-top: 1px solid #6b8bc052;
    padding-top: 15px;
    margin-top: 18px;
    font-size: 9px;
    color: #d4e2ff;
}
.pm-network-caption {
    text-align: center;
    color: #a9bcda;
    font-size: 9px;
    margin-top: 20px;
}
.pm-everyday {
    display: grid;
    grid-template-columns: 0.85fr 1fr;
    gap: 100px;
    padding-block: 110px;
}
.pm-everyday-intro > p:last-child {
    margin-top: 26px;
    color: var(--pm-muted);
    font-size: 15px;
    max-width: 350px;
}
.pm-detail-list > article {
    display: flex;
    gap: 18px;
    padding: 25px 0;
    border-top: 1px solid var(--pm-line);
}
.pm-detail-list > article:last-child {
    border-bottom: 1px solid var(--pm-line);
}
.pm-detail-list > article > span {
    font-size: 9px;
    color: var(--pm-muted);
    padding-top: 5px;
}
.pm-detail-list > article > div {
    flex: 1;
}
.pm-detail-list h3 {
    font-size: 18px;
    letter-spacing: -0.025em;
    font-weight: 600;
    line-height: 1.4;
}
.pm-detail-list p {
    font-size: 14px;
    color: var(--pm-muted);
    margin-top: 10px;
}
.pm-detail-list .pm-icon {
    width: 19px;
    height: 19px;
    margin-top: 4px;
    color: var(--pm-accent);
}
.pm-pricing {
    padding: 88px 0 93px;
    background: #edf1fa;
    border-block: 1px solid var(--pm-line);
}
.pm-plan-empty {
    padding: 38px;
    background: #fff;
    border: 1px solid var(--pm-line);
    border-radius: 12px;
    display: flex;
    gap: 30px;
    align-items: center;
    justify-content: space-between;
}
.pm-plan-empty > div {
    max-width: 650px;
}
.pm-plan-empty .pm-icon {
    color: var(--pm-accent);
    margin-bottom: 17px;
}
.pm-plan-empty h3 {
    font-size: 21px;
    font-weight: 550;
    letter-spacing: -0.03em;
}
.pm-plan-empty p {
    color: var(--pm-muted);
    font-size: 12px;
    max-width: 600px;
    margin-top: 12px;
}
.pm-plan-empty > a {
    flex-shrink: 0;
}
.pm-plan-empty > a .pm-icon {
    margin: 0;
    color: inherit;
}
.pm-plan-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(min(280px, 100%), 1fr));
    gap: 20px;
}
.pm-plan {
    min-width: 0;
    padding: 30px;
    background: #fff;
    border: 1px solid var(--pm-line);
    border-radius: 13px;
    display: flex;
    flex-direction: column;
}
.pm-plan h3 {
    font-size: 26px;
    font-weight: 550;
    letter-spacing: -0.035em;
    margin-top: 15px;
    overflow-wrap: anywhere;
}
.pm-plan:has(.pm-plan-badge) {
    border: 2px solid var(--pm-accent);
    box-shadow: 0 12px 36px #344ed310;
}
.pm-plan-badge {
    display: inline-flex;
    align-self: flex-start;
    padding: 6px 10px;
    margin-top: 14px;
    border-radius: 99px;
    background: #e9eeff;
    color: var(--pm-accent);
    font-size: 11px;
    font-weight: 650;
}
.pm-plan-description {
    font-size: 13px;
    line-height: 1.7;
    color: var(--pm-muted);
    margin-top: 13px;
}
.pm-plan-price {
    display: flex;
    align-items: baseline;
    flex-wrap: wrap;
    gap: 9px;
    margin: 27px 0 24px;
}
.pm-plan-price strong {
    font-size: 38px;
    letter-spacing: -0.05em;
    font-weight: 550;
}
.pm-plan-price strong small {
    font-size: 22px;
}
.pm-plan-price > span {
    font-size: 11px;
    color: var(--pm-muted);
}
.pm-plan dl {
    display: grid;
    gap: 14px;
    padding: 23px 0;
    border-top: 1px solid var(--pm-line);
    margin-bottom: 20px;
    font-size: 11px;
}
.pm-plan dl > div {
    display: flex;
    justify-content: space-between;
    gap: 10px;
}
.pm-plan dt {
    color: var(--pm-muted);
}
.pm-plan dd {
    margin: 0;
    font-weight: 650;
    text-align: right;
}
.pm-plan > .pm-button {
    width: 100%;
    margin-top: auto;
}
.pm-trial {
    background: #e3eafb;
    border: 1px solid #c5d2ef;
    border-radius: 8px;
    font-size: 12px;
    line-height: 1.7;
    padding: 17px 22px;
    margin-top: 20px;
}
.pm-pricing-included {
    max-width: 80ch;
    margin: 0 0 28px;
    color: var(--pm-muted);
    font-size: 14px;
    line-height: 1.8;
}
.pm-pricing-details {
    margin-top: 28px;
    padding: 20px clamp(16px, 3vw, 28px);
    border: 1px solid var(--pm-line);
    border-radius: 12px;
    font-size: 14px;
    line-height: 1.8;
}
.pm-pricing-details summary {
    cursor: pointer;
    font-weight: 650;
}
.pm-pricing-details[open] summary {
    margin-bottom: 16px;
}
.pm-pricing-details p {
    max-width: 85ch;
    color: var(--pm-muted);
}
.pm-pricing-details p + p {
    margin-top: 12px;
}
.pm-pricing-note {
    font-size: 10px;
    text-align: center;
    color: var(--pm-muted);
    margin-top: 23px;
}
.pm-faq {
    display: grid;
    grid-template-columns: 0.8fr 1fr;
    gap: 100px;
    padding-block: 110px;
}
.pm-questions {
    border-top: 1px solid var(--pm-line);
}
.pm-questions details {
    border-bottom: 1px solid var(--pm-line);
    padding: 22px 0;
}
.pm-questions summary {
    display: flex;
    gap: 20px;
    align-items: center;
    justify-content: space-between;
    font-size: 15px;
    font-weight: 550;
    list-style: none;
    line-height: 1.5;
}
.pm-questions summary::-webkit-details-marker {
    display: none;
}
.pm-questions summary > span {
    color: var(--pm-accent);
    font-size: 22px;
    font-weight: 400;
}
.pm-questions details[open] summary > span {
    transform: rotate(45deg);
}
.pm-questions details p {
    font-size: 12px;
    line-height: 1.8;
    color: var(--pm-muted);
    padding: 15px 30px 0 0;
}
.pm-finish {
    padding: 83px 0 92px;
    background: #e8edff;
    border-block: 1px solid #cbd5f4;
    overflow: hidden;
    text-align: center;
}
.pm-finish > .pm-wrap {
    position: relative;
}
.pm-finish .pm-eyebrow {
    justify-content: center;
    color: #42547c;
}
.pm-finish h2 {
    font-size: clamp(44px, 5.3vw, 74px);
    line-height: 1.09;
    font-weight: 550;
    letter-spacing: -0.06em;
    margin-top: 26px;
    position: relative;
}
.pm-finish h2 em {
    color: var(--pm-accent);
}
.pm-finish .pm-actions {
    justify-content: center;
    position: relative;
}
.pm-finish .pm-button {
    background: #243db6;
    border-color: #243db6;
}
.pm-finish .pm-button:hover {
    background: #1c2f8d;
}
.pm-finish-link {
    display: flex;
    align-items: center;
    gap: 12px;
    font-size: 12px;
    font-weight: 600;
}
.pm-finish-link .pm-icon {
    width: 18px;
    height: 18px;
}
.pm-finish-mark {
    position: absolute;
    left: 0;
    top: -45px;
    font-size: 300px;
    line-height: 1;
    font-weight: 700;
    letter-spacing: -0.09em;
    color: #344ed30b;
    pointer-events: none;
    transform: rotate(-11deg);
}
.pm-footer {
    display: flex;
    align-items: center;
    gap: 30px;
    min-height: 120px;
    flex-wrap: wrap;
    padding-block: 25px;
}
.pm-footer > p {
    font-size: 10px;
    color: var(--pm-muted);
    margin-left: auto;
}
.pm-footer > a:not(.pm-brand) {
    display: flex;
    align-items: center;
    gap: 10px;
    font-size: 11px;
    font-weight: 600;
}
.pm-footer > a > .pm-icon {
    width: 17px;
    height: 17px;
}
.pm-footer > small {
    font-size: 9px;
    color: var(--pm-muted);
}
@media (min-width: 1500px) {
    .pm-wrap {
        width: min(1320px, calc(100% - 100px));
    }
    .pm-hero {
        padding-top: 112px;
        gap: 32px 100px;
    }
    .pm-hero h1 {
        font-size: 88px;
    }
    .pm-hero-scene {
        transform: scale(1.05);
    }
}
@media (max-width: 1080px) {
    .pm-wrap {
        width: calc(100% - 48px);
    }
    .pm-nav-row {
        gap: 23px;
    }
    .pm-nav {
        gap: 19px;
        font-size: 11px;
    }
    .pm-hero {
        gap: 26px;
        padding-top: 65px;
    }
    .pm-hero h1 {
        font-size: 59px;
    }
    .pm-hero-scene {
        padding-inline: 10px;
        min-height: 490px;
    }
    .pm-float-stock {
        left: -10px;
        top: 30px;
    }
    .pm-float-return {
        right: 0;
        bottom: 45px;
    }
    .pm-hero-bottom {
        gap: 12px;
        flex-wrap: wrap;
    }
    .pm-hero-bottom > p {
        max-width: none;
        flex-basis: 100%;
        margin-left: 0;
    }
    .pm-network-grid,
    .pm-everyday,
    .pm-faq {
        gap: 50px;
    }
    .pm-flow-panel {
        padding: 25px;
    }
    .pm-workspace-body {
        grid-template-columns: 205px minmax(0, 1fr);
    }
    .pm-stages button {
        padding: 13px 8px;
        font-size: 10px;
    }
    .pm-flow-heading {
        align-items: flex-start;
    }
    .pm-flow-heading h3 {
        font-size: 20px;
    }
    .pm-status {
        font-size: 8px;
    }
    .pm-flow-action {
        align-items: flex-start;
    }
    .pm-flow-action p {
        max-width: 210px;
    }
    .pm-channel-copy {
        padding: 28px;
    }
    .pm-mini-site,
    .pm-mini-host {
        margin-inline: 28px;
    }
    .pm-channel-copy h3 {
        font-size: 31px;
    }
    .pm-network-branches > div {
        padding: 20px;
    }
    .pm-footer {
        gap: 24px;
    }
    .pm-footer > p {
        flex-basis: 30%;
        margin-left: 0;
    }
}
@media (max-width: 800px) {
    html {
        scroll-padding-top: 20px;
    }
    .pm-wrap {
        width: calc(100% - 36px);
    }
    .pm-nav-row {
        min-height: 76px;
        flex-wrap: wrap;
        gap: 16px;
        position: relative;
        padding-block: 17px;
    }
    .pm-brand {
        gap: 10px;
    }
    .pm-brand img {
        width: 95px;
        height: 28px;
    }
    .pm-brand > span {
        font-size: 10px;
    }
    .pm-login {
        margin-left: auto;
    }
    .pm-nav {
        order: 5;
        flex-basis: 100%;
        justify-content: flex-start;
        flex-wrap: wrap;
        gap: 12px 25px;
        border-top: 1px solid var(--pm-line);
        padding-top: 13px;
    }
    .pm-menu {
        margin-left: auto;
        order: 2;
    }
    .pm-login {
        order: 3;
        margin-left: 0;
    }
    .pm-js .pm-menu {
        display: block;
    }
    .pm-js .pm-nav:not(.is-open) {
        display: none;
    }
    .pm-hero {
        grid-template-columns: 1fr;
        padding-top: 45px;
        gap: 28px;
    }
    .pm-hero h1 {
        font-size: clamp(51px, 8vw, 74px);
        max-width: 700px;
        margin-top: 23px;
    }
    .pm-hero-copy {
        max-width: 650px;
    }
    .pm-lead {
        max-width: 570px;
        font-size: 15px;
    }
    .pm-hero-note {
        margin-top: 20px;
    }
    .pm-hero-scene {
        width: min(500px, 100%);
        margin: 5px auto 0;
        min-height: 490px;
        padding: 24px 45px 40px;
    }
    .pm-receipt {
        max-width: 340px;
    }
    .pm-float-stock {
        left: 0;
        top: 38px;
    }
    .pm-float-return {
        right: 0;
        bottom: 45px;
    }
    .pm-orbit {
        left: 7%;
        width: 430px;
        height: 430px;
    }
    .pm-hero-bottom {
        margin-top: 4px;
        padding-top: 25px;
        gap: 15px;
    }
    .pm-hero-bottom > span {
        flex-basis: 100%;
    }
    .pm-hero-bottom > p {
        margin-top: 0;
    }
    .pm-workflow {
        padding-block: 70px 55px;
    }
    .pm-section-heading {
        display: block;
        margin-bottom: 28px;
    }
    .pm-section-heading h2,
    .pm-network h2,
    .pm-everyday h2,
    .pm-faq h2 {
        font-size: clamp(34px, 5.8vw, 49px);
    }
    .pm-section-heading > p {
        margin-top: 20px;
        max-width: 500px;
        font-size: 12px;
    }
    .pm-workspace-body {
        display: block;
    }
    .pm-workspace-top {
        flex-wrap: wrap;
        gap: 9px;
        padding: 14px 17px;
    }
    .pm-workspace-point {
        margin-left: auto;
    }
    .pm-sample {
        font-size: 8px;
    }
    .pm-stages {
        display: flex;
        flex-direction: row;
        overflow-x: auto;
        gap: 8px;
        padding: 12px;
        border-right: 0;
        border-bottom: 1px solid #e5e2f1;
        scrollbar-width: thin;
    }
    .pm-stages button {
        flex-shrink: 0;
        gap: 8px;
        padding: 10px 12px;
        font-size: 10px;
    }
    .pm-stages .pm-icon {
        display: none;
    }
    .pm-flow-panel {
        padding: 25px;
    }
    .pm-flow-heading h3 {
        font-size: 23px;
    }
    .pm-flow-description {
        min-height: 38px;
    }
    .pm-stock-row {
        gap: 8px;
    }
    .pm-workflow-notes {
        justify-content: flex-start;
        gap: 12px;
        font-size: 9px;
    }
    .pm-channels {
        padding-block: 30px 70px;
    }
    .pm-channel-grid {
        gap: 15px;
    }
    .pm-channel-copy {
        padding: 24px 22px;
    }
    .pm-channel-copy h3 {
        font-size: 28px;
    }
    .pm-channel-copy p {
        font-size: 11px;
    }
    .pm-mini-site,
    .pm-mini-host {
        margin-inline: 22px;
        padding-inline: 16px;
    }
    .pm-mini-site > strong {
        font-size: 31px;
    }
    .pm-channel-bottom {
        font-size: 9px;
        padding: 17px 22px;
        gap: 7px;
    }
    .pm-channel-bottom .pm-icon {
        width: 13px;
        height: 13px;
    }
    .pm-mini-widget {
        padding: 17px 15px;
        max-width: 100%;
    }
    .pm-network {
        padding-block: 65px;
    }
    .pm-network-grid {
        grid-template-columns: 1fr;
        gap: 48px;
    }
    .pm-network-grid > div:first-child > p:not(.pm-eyebrow) {
        max-width: 600px;
    }
    .pm-network-map {
        max-width: 600px;
        width: 100%;
        margin-inline: auto;
    }
    .pm-network-owner {
        max-width: 390px;
    }
    .pm-network-branches > div {
        padding: 25px;
    }
    .pm-everyday,
    .pm-faq {
        grid-template-columns: 1fr;
        gap: 35px;
        padding-block: 70px;
    }
    .pm-everyday-intro > p:last-child {
        max-width: 600px;
        font-size: 12px;
        margin-top: 20px;
    }
    .pm-detail-list h3 {
        font-size: 18px;
    }
    .pm-detail-list p {
        font-size: 12px;
    }
    .pm-pricing {
        padding-block: 65px;
    }
    .pm-plan-empty {
        padding: 27px;
        align-items: flex-start;
        flex-direction: column;
    }
    .pm-faq {
        gap: 32px;
    }
    .pm-finish {
        padding-block: 65px 70px;
    }
    .pm-finish h2 {
        font-size: clamp(42px, 7.5vw, 60px);
    }
    .pm-finish-mark {
        font-size: 220px;
        top: 0;
        left: -20px;
    }
    .pm-footer {
        gap: 20px;
        min-height: 0;
        padding-block: 30px;
    }
    .pm-footer > p {
        flex-basis: calc(100% - 210px);
        font-size: 9px;
    }
    .pm-footer > small {
        margin-left: auto;
    }
}
@media (max-width: 520px) {
    .pm-network-map {
        padding: 14px;
    }
    .pm-wrap {
        width: calc(100% - 32px);
    }
    .pm-header .pm-brand > span {
        font-size: 9px;
        padding: 4px 7px;
    }
    .pm-login {
        font-size: 11px;
        gap: 8px;
    }
    .pm-login .pm-icon {
        width: 16px;
        height: 16px;
    }
    .pm-nav-row {
        gap: 8px;
    }
    .pm-nav {
        gap: 9px 20px;
    }
    .pm-hero {
        padding-top: 34px;
    }
    .pm-eyebrow {
        font-size: 9px;
        letter-spacing: 0.075em;
    }
    .pm-hero h1 {
        font-size: clamp(43px, 10.4vw, 54px);
        letter-spacing: -0.063em;
        line-height: 1.08;
        margin-top: 22px;
    }
    .pm-lead {
        font-size: 14px;
        margin-top: 22px;
    }
    .pm-actions {
        gap: 19px;
        margin-top: 25px;
    }
    .pm-button {
        font-size: 12px;
        padding: 13px 16px;
        min-height: 49px;
        gap: 25px;
    }
    .pm-demo-link {
        font-size: 11px;
        gap: 7px;
    }
    .pm-hero-note {
        font-size: 10px;
    }
    .pm-hero-scene {
        padding: 25px 24px 40px;
        min-height: 438px;
    }
    .pm-receipt {
        padding: 19px;
        border-radius: 14px;
        max-width: 300px;
        transform: rotate(-4deg);
    }
    .pm-receipt-top {
        font-size: 10px;
        gap: 8px;
    }
    .pm-receipt-top .pm-square-logo {
        width: 27px;
        height: 27px;
        font-size: 17px;
    }
    .pm-receipt-top small {
        font-size: 8px;
    }
    .pm-live-tag {
        font-size: 7px;
        padding: 4px 6px;
    }
    .pm-receipt-number {
        margin-top: 22px;
        padding-bottom: 15px;
    }
    .pm-receipt-number strong {
        font-size: 29px;
    }
    .pm-tool-picture {
        width: 82px;
        height: 66px;
    }
    .pm-tool-picture svg {
        width: 80px;
    }
    .pm-hero-product {
        padding: 16px 0;
    }
    .pm-hero-product strong {
        font-size: 11px;
    }
    .pm-hero-product span {
        font-size: 9px;
    }
    .pm-receipt-money {
        font-size: 10px;
        padding-block: 12px;
        gap: 10px;
    }
    .pm-receipt-money dd {
        font-size: 13px;
    }
    .pm-receipt-bottom > span {
        font-size: 7px;
    }
    .pm-receipt-bottom > i {
        width: 50px;
        height: 19px;
    }
    .pm-float {
        padding: 10px 11px;
        gap: 7px;
        font-size: 7px;
        border-radius: 8px;
    }
    .pm-float strong {
        font-size: 10px;
        margin-top: 3px;
    }
    .pm-float .pm-icon {
        width: 18px;
        height: 18px;
    }
    .pm-float-stock {
        left: -4px;
        top: 18px;
    }
    .pm-float-return {
        right: -2px;
        bottom: 35px;
    }
    .pm-scene-caption {
        font-size: 8px;
        bottom: 0;
    }
    .pm-orbit {
        height: 350px;
        width: 350px;
        top: 15%;
        left: 0;
    }
    .pm-hero-bottom {
        padding-top: 21px;
        gap: 12px;
    }
    .pm-sectors {
        gap: 4px;
    }
    .pm-sectors button {
        font-size: 10px;
        padding: 8px 10px;
    }
    .pm-hero-bottom > p {
        font-size: 9px;
    }
    .pm-workflow {
        padding-block: 55px 40px;
    }
    .pm-section-heading h2,
    .pm-network h2,
    .pm-everyday h2,
    .pm-faq h2 {
        font-size: clamp(30px, 8vw, 38px);
        line-height: 1.15;
    }
    .pm-workspace {
        border-radius: 10px;
    }
    .pm-workspace-top {
        padding: 12px 14px;
        font-size: 10px;
    }
    .pm-workspace-top .pm-square-logo {
        width: 23px;
        height: 23px;
        font-size: 15px;
    }
    .pm-workspace-point {
        font-size: 9px;
    }
    .pm-sample {
        flex-basis: 100%;
        width: max-content;
        max-width: max-content;
        margin-left: 32px;
        font-size: 7px;
        padding: 4px 7px;
    }
    .pm-stages {
        padding: 10px 8px;
        gap: 5px;
    }
    .pm-stages button {
        font-size: 9px;
        padding: 8px 9px;
        gap: 6px;
    }
    .pm-stages button > span {
        font-size: 8px;
    }
    .pm-flow-panel {
        padding: 20px 16px;
    }
    .pm-flow-heading {
        display: block;
    }
    .pm-flow-heading h3 {
        font-size: 20px;
        margin-top: 7px;
        line-height: 1.3;
    }
    .pm-status {
        display: inline-block;
        margin-top: 13px;
        font-size: 8px;
    }
    .pm-overline {
        font-size: 8px;
    }
    .pm-flow-description {
        font-size: 10px;
        min-height: 66px;
        margin-top: 13px;
    }
    .pm-flow-product {
        gap: 10px;
        padding: 12px;
        margin-top: 16px;
    }
    .pm-flow-product > .pm-icon {
        width: 34px;
        height: 34px;
        padding: 8px;
    }
    .pm-flow-product strong {
        font-size: 11px;
    }
    .pm-flow-product div > span {
        font-size: 8px;
    }
    .pm-flow-price {
        font-size: 13px;
    }
    .pm-flow-price small {
        font-size: 7px;
    }
    .pm-stock-row {
        gap: 4px;
        margin-top: 13px;
    }
    .pm-stock-row > div {
        flex-wrap: wrap;
        gap: 6px;
        padding: 9px 1px;
    }
    .pm-stock-row strong {
        font-size: 22px;
    }
    .pm-stock-row > div > span:last-child {
        font-size: 8px;
        flex-basis: 100%;
        padding-left: 13px;
    }
    .pm-stock-dot {
        width: 6px;
        height: 6px;
    }
    .pm-flow-money {
        gap: 12px;
        padding-block: 16px;
    }
    .pm-flow-money > div + div {
        padding-left: 12px;
    }
    .pm-flow-money span {
        display: block;
        font-size: 8px;
        min-height: 24px;
        line-height: 1.5;
    }
    .pm-flow-money strong {
        font-size: 24px;
        margin-top: 6px;
    }
    .pm-flow-money small {
        font-size: 8px;
    }
    .pm-flow-action {
        display: block;
        margin-top: 16px;
    }
    .pm-flow-action p {
        max-width: none;
        font-size: 9px;
        min-height: 28px;
    }
    .pm-button-small {
        font-size: 10px;
        min-height: 39px;
        padding: 10px 12px;
        gap: 13px;
        width: 100%;
        margin-top: 14px;
    }
    .pm-workflow-notes {
        display: grid;
        gap: 10px;
        font-size: 9px;
    }
    .pm-channels {
        padding-block: 25px 55px;
    }
    .pm-channel-grid {
        grid-template-columns: 1fr;
        gap: 19px;
    }
    .pm-channel-copy {
        padding: 26px;
    }
    .pm-channel-copy h3 {
        font-size: 32px;
    }
    .pm-channel-copy p {
        font-size: 12px;
    }
    .pm-mini-site,
    .pm-mini-host {
        margin-inline: 26px;
        min-height: 260px;
    }
    .pm-mini-site > strong {
        font-size: 36px;
    }
    .pm-mini-widget {
        width: 260px;
    }
    .pm-channel-bottom {
        font-size: 9px;
        padding: 18px 25px;
    }
    .pm-channel-note {
        font-size: 10px;
        margin-top: 18px;
    }
    .pm-network {
        padding-block: 55px;
    }
    .pm-network-grid {
        gap: 35px;
    }
    .pm-network-grid > div:first-child > p:not(.pm-eyebrow) {
        font-size: 12px;
        margin-top: 19px;
    }
    .pm-check-list {
        gap: 12px;
        margin-top: 23px;
    }
    .pm-check-list li {
        font-size: 10px;
    }
    .pm-network-owner {
        padding: 16px;
        gap: 10px;
        margin-bottom: 36px;
    }
    .pm-network-owner strong {
        font-size: 11px;
    }
    .pm-network-owner small {
        font-size: 8px;
    }
    .pm-network-owner > .pm-icon {
        width: 31px;
        height: 31px;
    }
    .pm-network-owner:after {
        height: 19px;
        bottom: -19px;
    }
    .pm-network-branches {
        gap: 14px;
    }
    .pm-network-branches:before {
        height: 18px;
        top: -18px;
    }
    .pm-network-branches > div {
        padding: 17px;
    }
    .pm-network-branches strong {
        font-size: 20px;
    }
    .pm-network-branches p {
        font-size: 10px;
    }
    .pm-point-manager {
        font-size: 8px;
        line-height: 1.6;
    }
    .pm-network-caption {
        font-size: 8px;
    }
    .pm-everyday,
    .pm-faq {
        padding-block: 56px;
        gap: 27px;
    }
    .pm-detail-list > article {
        padding: 22px 0;
        gap: 12px;
    }
    .pm-detail-list h3 {
        font-size: 17px;
    }
    .pm-detail-list p {
        font-size: 11px;
    }
    .pm-detail-list > article > span {
        font-size: 8px;
    }
    .pm-detail-list .pm-icon {
        width: 17px;
        height: 17px;
    }
    .pm-pricing {
        padding-block: 55px;
    }
    .pm-plan-empty {
        padding: 25px;
    }
    .pm-plan-empty h3 {
        font-size: 20px;
        line-height: 1.4;
    }
    .pm-plan-empty p {
        font-size: 11px;
    }
    .pm-plan-empty > a {
        width: 100%;
        font-size: 11px;
    }
    .pm-plan {
        padding: 26px;
    }
    .pm-plan > .pm-button {
        font-size: 12px;
    }
    .pm-trial {
        font-size: 10px;
        padding: 15px;
    }
    .pm-pricing-note {
        font-size: 9px;
        line-height: 1.7;
    }
    .pm-questions details {
        padding: 20px 0;
    }
    .pm-questions summary {
        font-size: 13px;
        gap: 15px;
    }
    .pm-questions details p {
        font-size: 11px;
        padding-top: 13px;
        padding-right: 15px;
    }
    .pm-finish {
        padding-block: 55px 60px;
    }
    .pm-finish h2 {
        font-size: clamp(36px, 9vw, 46px);
        margin-top: 20px;
        line-height: 1.12;
    }
    .pm-finish .pm-actions {
        gap: 21px;
    }
    .pm-finish-mark {
        font-size: 180px;
        top: 20px;
        left: -30px;
    }
    .pm-finish-link {
        font-size: 11px;
    }
    .pm-footer {
        gap: 17px;
    }
    .pm-footer > .pm-brand {
        flex-basis: 100%;
    }
    .pm-footer > p {
        flex-basis: 100%;
        font-size: 10px;
    }
    .pm-footer > a:not(.pm-brand) {
        font-size: 10px;
    }
    .pm-footer > small {
        font-size: 9px;
    }
}
@media (prefers-reduced-motion: reduce) {
    html {
        scroll-behavior: auto;
    }
    *,
    *:before,
    *:after {
        transition: none !important;
        animation: none !important;
    }
    .pm-button:hover {
        transform: none;
    }
}

.pm-demo-link > .pm-icon {
    width: 30px;
    height: 30px;
    padding: 7px;
    border: 1px solid #c4cde3;
    border-radius: 50%;
}
.pm-mini-widget b > .pm-icon {
    width: 14px;
    height: 14px;
}
.pm-availability {
    margin-top: 25px;
    padding: 18px 22px;
    background: #e8eefb;
    border-radius: 10px;
    font-size: 13px;
    color: #425270;
}
.pm-availability a {
    text-decoration: underline;
    text-underline-offset: 3px;
    font-weight: 650;
}

/* Hero composition: colour-only update to the platform blue palette. */
.pm-hero-scene .pm-orbit { background:radial-gradient(circle at 40% 40%,#d9e5ff 0,#dfe8ff 42%,#e9ecfa 69%,transparent 70%); }
.pm-hero-scene .pm-receipt { border-color:#edf3ff; box-shadow:0 28px 65px #2563eb16,0 4px 9px #2563eb0a; color:#2563eb; }
.pm-hero-scene .pm-square-logo { background:#edf3ff; color:#2563eb; }
.pm-hero-scene .pm-live-tag { background:#edf3ff; color:#2563eb; border-color:#edf3ff; }
.pm-hero-scene .pm-receipt-number,.pm-hero-scene .pm-receipt-money { border-color:#edf3ff; }
.pm-hero-scene .pm-hero-product span { color:#697895; }
.pm-hero-scene .pm-receipt-number > span,
.pm-hero-scene .pm-receipt-number > small,
.pm-hero-scene .pm-receipt-money dt,
.pm-hero-scene .pm-receipt-bottom { color:#696e83; }
.pm-hero-scene .pm-tool-picture { background:#eef2fb; }
.pm-hero-scene .pm-tool-picture path:nth-child(1) { fill:#5276e1; }
.pm-hero-scene .pm-tool-picture path:nth-child(2),.pm-hero-scene .pm-tool-picture path:nth-child(4) { fill:#1d2c50; }
.pm-hero-scene .pm-tool-picture path:nth-child(3),.pm-hero-scene .pm-tool-picture path:nth-child(5) { fill:#60769d; }
.pm-hero-scene .pm-tool-picture path:nth-child(6) { stroke:#2c46a4; }
.pm-hero-scene .pm-float { background:#ffffff; border-color:#edf3ff; color:#2563eb; box-shadow:0 12px 30px #2563eb0b; }
.pm-hero-scene .pm-float .pm-icon { color:#2563eb; }
.pm-hero-scene .pm-float span { color:#696e83; }
.pm-hero-scene .pm-scene-caption { color:#71809a; }
/* The network section keeps its existing dark background; only its diagram changes. */
.pm-network-map .pm-point-number { color:#a5c5ff; }
.pm-network-map .pm-point-manager { color:#d4e2ff; border-color:#6b8bc052; }
.pm-new-capabilities { padding-block:95px; }
.pm-capability-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:20px; }
.pm-capability-grid article { padding:32px; border:1px solid #dce3f2; border-radius:20px; background:#fff; }
.pm-capability-icon { display:grid; place-items:center; width:44px; height:44px; border-radius:12px; background:#edf2ff; color:#344ed3; margin-bottom:28px; }
.pm-capability-grid h3 { font-size:23px; line-height:1.2; letter-spacing:-.035em; margin:0 0 15px; }
.pm-capability-grid p,.pm-contact-benefit p:not(.pm-eyebrow) { font-size:14px; color:#63718b; line-height:1.8; }
.pm-contact-benefit { display:grid; grid-template-columns:1.2fr 1fr; align-items:center; gap:60px; margin-top:30px; padding:45px; background:#edf2ff; border:1px solid #dce4fb; border-radius:20px; }
.pm-contact-benefit h3 { font-size:32px; line-height:1.15; letter-spacing:-.04em; margin:18px 0; }
.pm-messenger-example { display:flex; flex-wrap:wrap; justify-content:center; gap:10px; }
.pm-messenger-example > span { display:flex; align-items:center; gap:9px; padding:13px 17px; border:1px solid #d8e1f8; border-radius:12px; background:#fff; color:#344ed3; font-size:13px; font-weight:650; }
.pm-messenger-example .messenger-svg { width:24px; height:24px; }
.pm-messenger-example small { width:100%; margin-top:15px; text-align:center; font-size:11px; color:#60739a; }
@media(max-width:700px) { .pm-new-capabilities { padding-block:55px; } .pm-capability-grid { grid-template-columns:1fr; } .pm-capability-grid article { padding:24px; } .pm-contact-benefit { grid-template-columns:1fr; padding:25px; gap:28px; } }
.pm-receipt,.pm-float,.pm-workspace{--pm-ink:#25283d;--pm-muted:#696e83;--pm-paper:#f5f6fc;--pm-line:#e5e7f0;--pm-accent:#6d4aff;--pm-orange-soft:#f0ecff;--pm-action:#6d4aff;--pm-action-hover:#5b37e0}
.pm-square-logo{background:#f0ecff;color:#6141db}
.pm-square-logo img{width:24px;height:24px;object-fit:contain}

.pm-brand img.pm-module-logo{width:192px;height:36px;object-fit:contain}@media(max-width:600px){.pm-brand img.pm-module-logo{width:165px;height:31px}}

/* Approved administrative preview palette. */
.pm-hero-scene .pm-receipt { color:var(--pm-ink); border-color:var(--pm-line); box-shadow:0 28px 65px #25283d16,0 4px 9px #25283d0a; }
.pm-hero-scene .pm-square-logo { background:var(--pm-orange-soft); color:var(--pm-accent); }
.pm-hero-scene .pm-live-tag { background:#eaf8f2; color:#117c5a; border-color:#b9e9d6; }
.pm-hero-scene .pm-receipt-number,.pm-hero-scene .pm-receipt-money { border-color:var(--pm-line); }
.pm-hero-scene .pm-float { color:var(--pm-ink); border-color:var(--pm-line); box-shadow:0 12px 30px #25283d0b; }
.pm-hero-scene .pm-float .pm-icon { color:var(--pm-accent); }
.pm-square-logo img { width:64%; height:64%; }
.pm-finish-mark img { width:.8em; height:.8em; opacity:.075; }

/* Channels: approved preview palette. */
#channels :is(.pm-mini-site,.pm-mini-host,.pm-mini-widget){--pm-ink:#25283d;--pm-muted:#696e83;--pm-accent:#6d4aff;--pm-action:#6d4aff;--pm-action-hover:#5b37e0}
#channels .pm-mini-site,
#channels .pm-mini-host {
    --pm-ink: #25283d;
    --pm-muted: #25283d;
    --pm-paper: #25283d;
    --pm-line: #25283d;
    --pm-accent: #25283d;
    --pm-orange-soft: #25283d;
    --pm-action: #25283d;
    --pm-action-hover: #25283d
}
#channels .pm-mini-site {
    border: 1px solid #e5e7f0;
    background: #f0ecff;
    box-shadow: 0 8px 30px #25283d0c
}
#channels .pm-mini-site > div:first-child {
    color: #696e83
}
#channels .pm-mini-site > strong em {
    color: #25283d
}
#channels .pm-mini-products > span {
    background: #f0ecff
}
#channels .pm-mini-products .pm-icon {
    color: #696e83
}
#channels .pm-mini-host {
    border: 1px solid #e5e7f0;
    background: linear-gradient(120deg, #f0ecff, #e9e5fa)
}
#channels .pm-mini-widget {
    background: #fff;
    border: 1px solid #e5e7f0;
    box-shadow: -12px 8px 35px #25283d12
}
#channels .pm-mini-widget > span {
    color: #696e83
}
#channels .pm-mini-widget small {
    color: #696e83
}
#channels .pm-mini-dates > span {
    border: 1px solid #e5e7f0
}
#channels .pm-mini-duration > * {
    background: #f0ecff;
    border: 1px solid #e5e7f0
}
#channels .pm-mini-duration > b {
    background: #f0ecff;
    border-color: #e5e7f0;
    color: #25283d
}
#channels .pm-mini-widget > i {
    background: #6d4aff
}
#channels .pm-mini-duration > b{background:#f0ecff;border-color:#d7ceff;color:#6141db}