/* Waybill page only */
body.page-id-14 .site-header {
    backdrop-filter: blur(16px);
    box-shadow: 0 8px 24px rgba(0, 38, 31, .12);
    position: sticky;
    top: 0;
    z-index: 99980;
}

body.page-id-14 {
    padding-bottom: 0 !important;
}

body.page-id-14 #faq .faq-customer-avatar {
    display: none !important;
}

body.page-id-14 #faq .faq-item > summary {
    grid-template-columns: minmax(0, 1fr) 32px !important;
}

body.admin-bar.page-id-14 .site-header {
    top: 32px;
}

body.page-id-14 .hero {
    padding-top: 56px;
}

body.page-id-14 .hero-actions .text-link,
body.page-id-14 .waybill-cta-button {
    align-items: center;
    background: transparent;
    border: 1.5px solid #075f50;
    border-radius: 8px;
    color: #073f36;
    display: inline-flex;
    font-weight: 700;
    justify-content: center;
    line-height: 1.2;
    min-height: 52px;
    padding: 0.85rem 1.2rem;
    text-decoration: none;
    transition: background-color .2s ease, color .2s ease, transform .2s ease;
}

body.page-id-14 .hero-actions .text-link:hover,
body.page-id-14 .waybill-cta-button:hover,
body.page-id-14 .hero-actions .text-link:focus-visible,
body.page-id-14 .waybill-cta-button:focus-visible {
    background: #075f50;
    color: #fff;
    transform: translateY(-1px);
}

body.page-id-14 .hero .hero-actions .text-link {
    background: #075f50;
    border-color: #075f50;
    color: #fff;
    box-shadow: 0 10px 24px rgba(0, 75, 62, .2);
}

body.page-id-14 .hero .hero-actions .text-link:hover,
body.page-id-14 .hero .hero-actions .text-link:focus-visible {
    background: #0a806b;
    border-color: #0a806b;
    color: #fff;
}

body.page-id-14 .hero-actions .text-link:focus-visible,
body.page-id-14 .waybill-cta-button:focus-visible,
body.page-id-14 .mobile-demo-sticky:focus-visible,
body.page-id-14 .shipment-gallery-switcher button:focus-visible {
    outline: 3px solid #21d6b0;
    outline-offset: 3px;
}

body.page-id-14 .cta-section .button {
    background: #fff;
    border-color: #fff;
    color: #075f50;
}

body.page-id-14 .cta-section .button:hover,
body.page-id-14 .cta-section .button:focus-visible {
    background: #dff8f1;
    border-color: #dff8f1;
    color: #043f36;
}

body.page-id-14 #demo.cta-section,
body.page-id-14 .cta-section {
    background: linear-gradient(135deg, #087561 0%, #044b40 100%) !important;
}

body.page-id-14 .video-frame {
    aspect-ratio: 16 / 9;
    background: #043f36;
    border-radius: 20px;
    box-shadow: 0 24px 60px rgba(0, 43, 35, .24);
    overflow: hidden;
    position: relative;
}

body.page-id-14 .video-frame iframe {
    height: 100%;
    inset: 0;
    position: absolute;
    width: 100%;
}

body.page-id-14 .waybill-video-cover {
    align-items: center;
    background:
        radial-gradient(circle at 78% 20%, rgba(73, 232, 176, .25), transparent 31%),
        linear-gradient(135deg, #032f29 0%, #075f50 58%, #0b806b 100%);
    border: 0;
    color: #fff;
    cursor: pointer;
    display: flex;
    flex-direction: column;
    gap: .8rem;
    inset: 0;
    justify-content: center;
    padding: 2rem;
    position: absolute;
    text-align: center;
    width: 100%;
    z-index: 2;
}

body.page-id-14 .waybill-video-cover::before {
    border: 1px solid rgba(255, 255, 255, .18);
    border-radius: 14px;
    content: '';
    inset: 18px;
    pointer-events: none;
    position: absolute;
}

body.page-id-14 .waybill-video-cover img {
    filter: drop-shadow(0 14px 24px rgba(0, 0, 0, .22));
    height: auto;
    max-width: 150px;
    width: 22%;
}

body.page-id-14 .waybill-video-cover strong {
    font-size: clamp(1.3rem, 2.3vw, 2rem);
    line-height: 1.08;
}

body.page-id-14 .waybill-video-cover span {
    color: #d7f7ef;
    font-size: clamp(.78rem, 1.15vw, 1rem);
}

body.page-id-14 .waybill-video-play {
    align-items: center;
    background: #fff;
    border-radius: 999px;
    box-shadow: 0 10px 26px rgba(0, 0, 0, .22);
    color: #075f50 !important;
    display: inline-flex;
    font-size: .9rem !important;
    font-weight: 800;
    gap: .55rem;
    min-height: 46px;
    padding: .7rem 1.1rem;
}

body.page-id-14 .waybill-video-play::before {
    content: '\25B6';
    font-size: .78rem;
}

body.page-id-14 .waybill-video-cover:hover .waybill-video-play,
body.page-id-14 .waybill-video-cover:focus-visible .waybill-video-play {
    background: #dff8f1;
    transform: translateY(-1px);
}

body.page-id-14 .waybill-video-cover:focus-visible {
    outline: 3px solid #21d6b0;
    outline-offset: -6px;
}

body.page-id-14 .shared-dashboard-bar.is-dashboard-top {
    align-items: center;
    background: #075f50;
    border: 1px solid rgba(130, 239, 215, .42);
    border-radius: 20px;
    box-shadow: 0 18px 44px rgba(0, 28, 23, .28), inset 0 1px 0 rgba(255, 255, 255, .08);
    display: grid;
    gap: 1rem 1.35rem;
    grid-template-columns: minmax(180px, .55fr) minmax(0, 1.65fr) auto;
    margin: 2rem auto;
    max-width: 1080px;
    padding: 1.3rem;
    position: relative;
    z-index: 2;
}

body.page-id-14 .shared-dashboard-bar.is-dashboard-top::after {
    content: none;
    display: none;
}

body.page-id-14 .shared-dashboard-bar.is-dashboard-top strong {
    color: #fff;
    font-size: clamp(1.45rem, 2vw, 2rem);
}

body.page-id-14 .shared-dashboard-bar.is-dashboard-top p {
    color: rgba(255, 255, 255, .9);
    margin: 0;
}

body.page-id-14 .dashboard-scope {
    align-items: center;
    background: rgba(2, 41, 34, .26);
    border: 1px solid rgba(172, 241, 225, .16);
    border-radius: 12px;
    display: flex;
    gap: .55rem;
    grid-column: 1 / -1;
    padding: .65rem .75rem;
}

body.page-id-14 .dashboard-scope > span:not(.dashboard-scope-label) {
    background: rgba(255, 255, 255, .08);
    border: 1px solid rgba(255, 255, 255, .16);
    border-radius: 999px;
    color: #fff;
    font-size: .74rem;
    font-weight: 700;
    padding: .38rem .65rem;
}

body.page-id-14 .dashboard-scope-label {
    color: #8fe7d4;
    font-size: .72rem;
    font-weight: 800;
    letter-spacing: .05em;
    margin-right: .25rem;
    text-transform: uppercase;
}

body.page-id-14 .shared-dashboard-bar.is-dashboard-top .waybill-cta-button {
    background: rgba(255, 255, 255, .08);
    border-color: rgba(255, 255, 255, .72);
    color: #fff;
}

body.page-id-14 .shared-dashboard-bar.is-dashboard-top .waybill-cta-button:hover,
body.page-id-14 .shared-dashboard-bar.is-dashboard-top .waybill-cta-button:focus-visible {
    background: #fff;
    color: #075f50;
}

body.page-id-14 #product-views .waybill-cta-button,
body.page-id-14 #capabilities .team-capability-card .waybill-cta-button {
    background: rgba(255, 255, 255, .06);
    border-color: rgba(255, 255, 255, .72);
    color: #fff;
}

body.page-id-14 #product-views .waybill-cta-button:hover,
body.page-id-14 #product-views .waybill-cta-button:focus-visible,
body.page-id-14 #capabilities .team-capability-card .waybill-cta-button:hover,
body.page-id-14 #capabilities .team-capability-card .waybill-cta-button:focus-visible {
    background: #fff;
    color: #075f50;
}

body.page-id-14 .team-capability-map {
    margin-top: 0;
    position: relative;
}

body.page-id-14 .team-capability-map::before {
    content: none;
    display: none;
}

body.page-id-14 .sales-flow-progress {
    align-items: center;
}

body.page-id-14 .sales-flow-count {
    align-items: center;
    background: #075f50;
    border-radius: 999px;
    color: #fff;
    display: inline-flex;
    flex: 0 0 auto;
    font-size: .78rem;
    font-weight: 800;
    justify-content: center;
    letter-spacing: .04em;
    min-height: 34px;
    padding: .45rem .8rem;
    white-space: nowrap;
}

body.page-id-14 .shipment-gallery-bar b {
    font-weight: 650;
}

body.page-id-14 .shipment-gallery-columns {
    display: none !important;
}

body.page-id-14 .shipment-gallery-switcher {
    display: flex !important;
    flex-wrap: wrap;
    gap: .55rem;
    inset: auto !important;
    padding: 1rem 1rem .25rem;
    position: static !important;
    transform: none !important;
    width: auto !important;
}

body.page-id-14 .shipment-gallery-switcher button {
    background: #eefaf7;
    border: 1px solid #97d8ca;
    border-radius: 999px;
    color: #074a3f;
    cursor: pointer;
    font: inherit;
    font-size: .82rem;
    font-weight: 700;
    min-height: 42px;
    padding: .6rem .9rem;
}

body.page-id-14 .shipment-gallery-switcher button[aria-pressed="true"] {
    background: #075f50;
    border-color: #075f50;
    color: #fff;
}

body.page-id-14 .shipment-switcher-shell {
    position: relative;
}

body.page-id-14 .shipment-tabs-arrow {
    display: none;
}

body.page-id-14 .shipment-gallery-display {
    align-items: center;
    aspect-ratio: 16 / 9;
    background: #f7fbfa;
    border-top: 1px solid #d6ece7;
    display: flex;
    justify-content: center;
    margin-top: .75rem;
    overflow: hidden;
    position: relative;
}

body.page-id-14 .shipment-gallery-display img {
    cursor: zoom-in;
    display: block;
    height: 100% !important;
    max-height: none;
    object-fit: contain;
    width: 100%;
}

body.page-id-14 .hero-product::before {
    background: none !important;
    content: none !important;
    display: none !important;
}

body.page-id-14 .hero-product,
body.page-id-14 .sales-screen {
    background: #fff !important;
    overflow: hidden;
}

body.page-id-14 .hero-sticker {
    display: none !important;
}

body.page-id-14 .hero-product img {
    background: #fff !important;
    filter: none !important;
    opacity: 1 !important;
}

body.page-id-14 .shipment-gallery-display::after,
body.page-id-14 .sales-screen::after,
body.page-id-14 .hero-product::after {
    background: rgba(4, 63, 54, .9);
    border-radius: 999px;
    bottom: .8rem;
    color: #fff;
    content: "View full size";
    font-size: .72rem;
    font-weight: 700;
    padding: .45rem .7rem;
    pointer-events: none;
    position: absolute;
    right: .8rem;
    z-index: 4;
}

body.page-id-14 .hero-product::after {
    height: auto !important;
    inset: auto .8rem .8rem auto !important;
    left: auto !important;
    opacity: 1 !important;
    right: .8rem !important;
    top: auto !important;
    transform: none !important;
    width: auto !important;
}

body.page-id-14 .sales-screen,
body.page-id-14 .hero-product {
    position: relative;
}

body.page-id-14 .sales-screen img,
body.page-id-14 .hero-product img {
    cursor: zoom-in;
}

body.page-id-14 .cost-sheet-card h3 {
    color: #fff !important;
}

body.page-id-14 .cost-sheet-card .workflow-card-copy > p:not(.card-kicker) {
    color: rgba(255, 255, 255, .82) !important;
}

body.page-id-14 #job-costing-margin .margin-stat span,
body.page-id-14 #job-costing-margin .margin-proof span {
    color: #d7f7ef !important;
}

body.page-id-14 #job-costing-margin .margin-stat strong {
    color: #fff !important;
}

body.page-id-14 #demo-video .demo-copy .waybill-cta-button {
    background: #075f50;
    border-color: #075f50;
    color: #fff;
}

body.page-id-14 #demo-video .demo-copy .waybill-cta-button:hover,
body.page-id-14 #demo-video .demo-copy .waybill-cta-button:focus-visible {
    background: #043f36;
    border-color: #043f36;
    color: #fff;
}

body.page-id-14 .shared-dashboard-bar.is-dashboard-top > div:first-child > span,
body.page-id-14 .dashboard-scope-label {
    color: #b9f4e7 !important;
}

body.waybill-modal-open {
    overflow: hidden !important;
}

.waybill-image-modal {
    align-items: center;
    background: rgba(2, 25, 21, .94);
    display: none;
    inset: 0;
    justify-content: center;
    padding: 2rem;
    position: fixed;
    z-index: 999999;
}

.waybill-image-modal.is-open {
    display: flex;
}

.waybill-image-modal img {
    background: #fff;
    border-radius: 12px;
    box-shadow: 0 20px 70px rgba(0, 0, 0, .45);
    max-height: calc(100vh - 4rem);
    max-width: calc(100vw - 4rem);
    object-fit: contain;
}

.waybill-image-modal button {
    align-items: center;
    background: #fff;
    border: 0;
    border-radius: 999px;
    color: #073f36;
    cursor: pointer;
    display: flex;
    font-size: 1.6rem;
    height: 48px;
    justify-content: center;
    position: absolute;
    right: 1rem;
    top: 1rem;
    width: 48px;
}

.mobile-demo-sticky {
    display: none;
}

@media (max-width: 760px) {
    body.page-id-14 .shipment-execution-card .workflow-simple-line {
        align-items: center;
        display: grid !important;
        gap: 6px !important;
        grid-template-columns: minmax(0, 1fr) 18px minmax(0, 1fr) 18px minmax(0, 1fr);
        justify-content: stretch;
        margin-top: 24px;
        width: 100%;
    }

    body.page-id-14 .shipment-execution-card .workflow-simple-line > span {
        align-items: center;
        display: flex !important;
        font-size: .72rem;
        justify-content: center;
        line-height: 1.25;
        min-height: 0;
        padding: 7px;
        aspect-ratio: 1;
        border: 1px solid rgba(8, 117, 97, .08);
        border-radius: 50%;
        text-align: center;
        width: 100%;
    }

    body.page-id-14 .shipment-execution-card .workflow-simple-line > i {
        align-items: center;
        display: flex;
        background: rgba(8, 117, 97, .08);
        border-radius: 50%;
        font-size: .72rem;
        height: 18px;
        justify-content: center;
        line-height: 1;
        width: 18px;
    }

    body.page-id-14 .cost-sheet-card .mini-metric {
        align-items: center;
        background: rgba(255, 255, 255, .06);
        border: 1px solid rgba(255, 255, 255, .12);
        border-radius: 12px;
        display: grid;
        gap: 5px;
        justify-items: center;
        margin-top: 24px;
        padding: 14px 16px;
        text-align: center;
        width: 100%;
    }

    body.page-id-14 .cost-sheet-card .mini-metric > span,
    body.page-id-14 .cost-sheet-card .mini-metric > strong {
        text-align: center;
        width: 100%;
    }

    body.page-id-14 .cost-sheet-card .mini-metric > span {
        font-size: .68rem;
        letter-spacing: .08em;
        line-height: 1.3;
        text-transform: uppercase;
    }

    body.page-id-14 .cost-sheet-card .mini-metric > strong {
        font-size: .92rem;
        line-height: 1.35;
    }

    body.page-id-14 .video-frame {
        border-radius: 14px;
    }

    body.page-id-14 .waybill-video-cover {
        gap: .42rem;
        padding: .75rem;
    }

    body.page-id-14 .waybill-video-cover::before {
        border-radius: 10px;
        inset: 8px;
    }

    body.page-id-14 .waybill-video-cover img {
        max-width: 68px;
        width: 21%;
    }

    body.page-id-14 .waybill-video-cover strong {
        font-size: 1.08rem;
    }

    body.page-id-14 .waybill-video-cover > span:not(.waybill-video-play) {
        display: none;
    }

    body.page-id-14 .waybill-video-play {
        font-size: .72rem !important;
        min-height: 36px;
        padding: .5rem .8rem;
    }

    body.page-id-14 {
        padding-bottom: 68px;
    }

    body.admin-bar.page-id-14 .site-header {
        top: 46px;
    }

    body.page-id-14 .site-header {
        box-shadow: 0 6px 18px rgba(0, 38, 31, .16);
    }

    body.page-id-14 .hero-actions {
        align-items: stretch;
        display: grid;
        gap: .75rem;
    }

    body.page-id-14 .hero {
        padding-top: 44px;
    }

    body.page-id-14 .hero-actions .button,
    body.page-id-14 .hero-actions .text-link,
    body.page-id-14 .waybill-cta-button {
        justify-content: center;
        text-align: center;
        width: 100%;
    }

    body.page-id-14 .sales-flow-progress {
        display: none !important;
        grid-template-columns: repeat(3, minmax(0, 1fr));
        gap: .5rem;
        left: auto !important;
        margin: 0 0 1.5rem !important;
        max-width: none !important;
        padding: .75rem;
        position: static !important;
        top: auto !important;
        transform: none !important;
        width: 100% !important;
    }

    body.page-id-14 .sales-flow-count {
        grid-column: 1 / -1;
        justify-self: center;
        order: -1;
    }

    body.page-id-14 .sales-flow-progress button:last-of-type {
        grid-column: auto;
    }

    body.page-id-14 .sales-flow-progress button {
        font-size: .73rem;
        line-height: 1.15;
        min-width: 0;
        padding-inline: .35rem;
        white-space: normal;
    }

    body.page-id-14 .step-person,
    body.page-id-14 .step-person-reverse,
    body.page-id-14 .step-note {
        align-items: center;
        text-align: center;
    }

    body.page-id-14 .step-person > div,
    body.page-id-14 .step-note > div {
        margin-inline: auto;
        max-width: 31rem;
        text-align: center;
    }

    body.page-id-14 .step-person p,
    body.page-id-14 .step-note p {
        margin-inline: auto;
        text-align: center;
    }

    body.page-id-14 .sales-screen {
        align-items: center;
        aspect-ratio: 16 / 10;
        background: #fff;
        border-radius: 14px;
        box-shadow: 0 12px 30px rgba(0, 50, 42, .14);
        display: flex;
        justify-content: center;
        overflow: hidden;
        width: calc(100vw - 32px);
        margin-left: calc(50% - 50vw + 16px);
    }

    body.page-id-14 .sales-screen img {
        height: 100% !important;
        max-width: 100% !important;
        object-fit: contain !important;
        width: 100% !important;
    }

    body.page-id-14 .shipment-gallery-switcher {
        display: flex !important;
        flex-wrap: nowrap;
        gap: .5rem;
        overflow-x: auto;
        padding: .75rem 3.2rem;
        scrollbar-width: none;
        scroll-snap-type: x proximity;
        -webkit-overflow-scrolling: touch;
    }

    body.page-id-14 .shipment-gallery-switcher::-webkit-scrollbar {
        display: none;
    }

    body.page-id-14 .shipment-gallery-switcher button {
        flex: 0 0 auto;
        min-width: 0;
        scroll-snap-align: start;
        white-space: nowrap;
        width: auto;
    }

    body.page-id-14 .shipment-tabs-arrow {
        align-items: center;
        background: #fff;
        border: 1px solid #58b9a5;
        border-radius: 999px;
        box-shadow: 0 5px 16px rgba(0, 55, 45, .22);
        color: #075f50;
        cursor: pointer;
        display: flex;
        font-size: 1.35rem;
        font-weight: 800;
        height: 38px;
        justify-content: center;
        line-height: 1;
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        width: 38px;
        z-index: 6;
    }

    body.page-id-14 .shipment-tabs-arrow[hidden] {
        display: none !important;
    }

    body.page-id-14 .shipment-tabs-prev {
        left: .45rem;
    }

    body.page-id-14 .shipment-tabs-next {
        right: .45rem;
    }

    body.page-id-14 .shipment-detail-gallery {
        background: #fff;
        border: 1px solid #b8ddd4;
        border-radius: 16px;
        box-shadow: 0 14px 34px rgba(0, 50, 42, .12);
        margin-left: calc(50% - 50vw + 16px);
        overflow: hidden;
        width: calc(100vw - 32px);
    }

    body.page-id-14 .shipment-gallery-bar {
        padding: .8rem .9rem;
    }

    body.page-id-14 .shipment-gallery-bar b {
        font-size: .72rem;
    }

    body.page-id-14 .shipment-gallery-display {
        aspect-ratio: 16 / 10;
        border-radius: 0 0 14px 14px;
        box-shadow: 0 12px 30px rgba(0, 50, 42, .12);
        min-height: 0;
        overflow: hidden;
    }

    body.page-id-14 .shipment-gallery-display img {
        background: #fff !important;
        height: 100% !important;
        max-height: none;
        max-width: 100% !important;
        object-fit: contain !important;
        width: 100% !important;
    }

    body.page-id-14 .shared-dashboard-bar.is-dashboard-top {
        border-radius: 18px;
        gap: .9rem;
        grid-template-columns: 1fr;
        margin: 1.5rem 16px;
        padding: 1.25rem;
        text-align: center;
    }

    body.page-id-14 .shared-dashboard-bar.is-dashboard-top > * {
        text-align: center;
    }

    body.page-id-14 .dashboard-scope {
        justify-content: center;
        flex-wrap: wrap;
        padding: .7rem;
    }

    body.page-id-14 .dashboard-scope-label {
        flex: 0 0 100%;
        margin: 0 0 .1rem;
    }

    body.page-id-14 .team-capability-map {
        margin-top: 0;
    }

    body.page-id-14 .team-capability-map::before {
        display: none;
    }

    body.page-id-14 .hero-product {
        aspect-ratio: 16 / 10;
        background: #fff;
        border-radius: 16px;
        box-shadow: 0 14px 34px rgba(0, 55, 45, .15);
        overflow: hidden;
    }

    body.page-id-14 .hero-product > img {
        background: #fff !important;
        height: 100% !important;
        max-width: 100% !important;
        object-fit: contain !important;
        width: 100% !important;
    }

    body.page-id-14 .shared-dashboard-bar.is-dashboard-top .waybill-cta-button,
    body.page-id-14 #demo .button {
        justify-content: center;
        text-align: center;
    }

    body.page-id-14 .shipment-gallery-display::after,
    body.page-id-14 .sales-screen::after,
    body.page-id-14 .hero-product::after {
        bottom: .55rem;
        content: "Tap to enlarge";
        font-size: .66rem;
        padding: .38rem .58rem;
        right: .55rem;
    }

    body.page-id-14 #commercial-workflow,
    body.page-id-14 #workflows,
    body.page-id-14 #documents-compliance,
    body.page-id-14 #job-costing-margin {
        scroll-margin-top: 104px !important;
    }

    .mobile-demo-sticky {
        align-items: center;
        background: #075f50;
        border: 1px solid rgba(255, 255, 255, .2);
        border-radius: 999px;
        bottom: max(14px, env(safe-area-inset-bottom));
        box-shadow: 0 10px 30px rgba(0, 45, 37, .35);
        color: #fff;
        display: flex;
        font-size: .86rem;
        font-weight: 800;
        justify-content: center;
        left: auto;
        min-height: 46px;
        opacity: 0;
        padding: .55rem .9rem;
        pointer-events: none;
        position: fixed;
        right: 12px;
        text-decoration: none;
        transform: translateY(16px);
        transition: opacity .2s ease, transform .2s ease;
        width: auto;
        z-index: 99990;
    }

    .mobile-demo-sticky.is-visible {
        opacity: 1;
        pointer-events: auto;
        transform: translateY(0);
    }

    body:has(#nav-links.open) .mobile-demo-sticky {
        opacity: 0 !important;
        pointer-events: none !important;
    }

    .waybill-image-modal {
        padding: .75rem;
    }

    .waybill-image-modal img {
        max-height: calc(100vh - 1.5rem);
        max-width: calc(100vw - 1.5rem);
    }
}

@media (prefers-reduced-motion: reduce) {
    body.page-id-14 *,
    body.page-id-14 *::before,
    body.page-id-14 *::after {
        scroll-behavior: auto !important;
        transition-duration: .01ms !important;
    }
}
/*# sourceURL=syntropy-waybill-ux-fixes-inline-css */

.sales-flow-count{display:none!important}
.sales-flow-progress button[data-story-jump]{transition:color .3s ease,background-color .3s ease,border-color .3s ease,box-shadow .3s ease,transform .3s ease}
.sales-flow-progress button[data-story-jump].is-active{transform:translateY(-2px);box-shadow:0 10px 24px rgba(3,105,90,.14)}
.waybill-v2 .workflow-card.featured.syntropy-journey-card{grid-template-columns:minmax(250px,.58fr) minmax(0,1.42fr);min-height:630px;gap:42px;align-items:stretch}
.waybill-v2 .syntropy-journey-card .featured-copy{align-self:center}
.waybill-v2 .syntropy-journey-card .cargo-sticker-strip{margin-top:28px;max-width:220px}
.waybill-v2 .ops-journey-shell{position:relative;align-self:stretch;display:flex;flex-direction:column;min-width:0;overflow:hidden;border:1px solid #cfe0d7;border-radius:18px;background:radial-gradient(circle at 75% 18%,rgba(56,205,165,.12),transparent 32%),linear-gradient(145deg,#fbfefd 0%,#f0f8f4 100%);box-shadow:0 20px 58px rgba(18,54,45,.13)}
.waybill-v2 .ops-journey-bar{min-height:48px;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:0 18px;border-bottom:1px solid #dce7e1;background:rgba(255,255,255,.9);color:#315a50;font-size:.72rem;font-weight:800;letter-spacing:.035em}
.waybill-v2 .ops-journey-bar b{display:inline-flex;align-items:center;gap:8px;color:#07836b;font-weight:800}
.waybill-v2 .ops-journey-bar b::before{content:"";width:7px;height:7px;border-radius:50%;background:#00ad83;box-shadow:0 0 0 5px rgba(0,173,131,.1)}
.waybill-v2 .ops-journey-map{position:relative;isolation:isolate;display:grid;grid-template-columns:repeat(5,minmax(86px,1fr));grid-template-rows:128px 128px;gap:28px 12px;align-items:center;padding:26px 22px 18px}
.waybill-v2 .journey-connectors{position:absolute;z-index:-1;inset:32px 5% 16px;width:90%;height:calc(100% - 48px);overflow:visible;pointer-events:none}
.waybill-v2 .journey-connectors path{fill:none;stroke:#c8ddd5;stroke-width:1.25;stroke-linecap:round;stroke-linejoin:round;vector-effect:non-scaling-stroke}
.waybill-v2 .journey-connectors path.branch{stroke-dasharray:4 5}
.waybill-v2 .journey-connectors .journey-pulse-path{stroke:#10aa84;stroke-width:2;stroke-dasharray:1 11;animation:syntropyJourneyPulse 6s linear infinite}
@keyframes syntropyJourneyPulse{to{stroke-dashoffset:-120}}
.waybill-v2 .journey-node{position:relative;display:flex;flex-direction:column;align-items:flex-start;justify-content:space-between;min-width:0;height:112px;padding:13px 12px;border:1px solid rgba(22,107,87,.12);border-radius:14px;color:#173d34;background:rgba(255,255,255,.94);box-shadow:0 8px 20px rgba(24,63,52,.09);font:inherit;text-align:left;cursor:pointer;transition:transform .28s cubic-bezier(.2,.8,.2,1),border-color .28s ease,box-shadow .28s ease,background .28s ease}
.waybill-v2 .journey-node:hover,.waybill-v2 .journey-node:focus-visible{transform:translateY(-5px);border-color:#50c8a9;box-shadow:0 16px 30px rgba(16,91,73,.15);outline:0}
.waybill-v2 .journey-node.is-active{transform:translateY(-5px);border-color:#079577;background:#f7fffc;box-shadow:0 0 0 3px rgba(7,149,119,.11),0 18px 34px rgba(16,91,73,.17)}
.waybill-v2 .journey-node.is-active::after{content:"";position:absolute;right:10px;top:10px;width:8px;height:8px;border-radius:50%;background:#00ad83;box-shadow:0 0 0 5px rgba(0,173,131,.1)}
.waybill-v2 .journey-icon{display:grid;place-items:center;width:34px;height:34px;border-radius:10px;color:#07836b;background:#e6f6f0}
.waybill-v2 .journey-icon svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.waybill-v2 .journey-node small{color:#6d847d;font-size:.58rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase}
.waybill-v2 .journey-node strong{display:block;max-width:100%;font-size:.76rem;line-height:1.15}
.waybill-v2 .journey-node[data-flow-step="shipment"]{grid-column:1;grid-row:1}
.waybill-v2 .journey-node[data-flow-step="booking"]{grid-column:2;grid-row:1}
.waybill-v2 .journey-node[data-flow-step="pickup"]{grid-column:3;grid-row:1}
.waybill-v2 .journey-node[data-flow-step="transit"]{grid-column:4;grid-row:1}
.waybill-v2 .journey-node[data-flow-step="delivered"]{grid-column:5;grid-row:1}
.waybill-v2 .journey-node[data-flow-step="documents"]{grid-column:2;grid-row:2}
.waybill-v2 .journey-node[data-flow-step="customs"]{grid-column:3;grid-row:2}
.waybill-v2 .journey-node[data-flow-step="billing"]{grid-column:4;grid-row:2}
.waybill-v2 .journey-detail{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:18px;align-items:center;margin:auto 18px 18px;padding:17px 18px;border:1px solid #d7e8e1;border-radius:14px;background:rgba(255,255,255,.92);box-shadow:0 10px 26px rgba(18,54,45,.08)}
.waybill-v2 .journey-detail-copy{min-width:0}
.waybill-v2 .journey-detail-label{display:block;margin-bottom:4px;color:#07836b;font-size:.62rem;font-weight:800;letter-spacing:.11em;text-transform:uppercase}
.waybill-v2 .journey-detail strong{display:block;color:#123d33;font-family:var(--font-heading);font-size:1rem;line-height:1.2}
.waybill-v2 .journey-detail p{max-width:none!important;margin:5px 0 0!important;color:#617970!important;font-size:.78rem;line-height:1.45}
.waybill-v2 .journey-detail-meta{display:flex;flex-direction:column;gap:6px;align-items:flex-end}
.waybill-v2 .journey-detail-meta span{white-space:nowrap;padding:5px 8px;border-radius:999px;color:#14634f;background:#e5f6f0;font-size:.61rem;font-weight:800}
.waybill-v2 .shipment-control-card,.waybill-v2 .cost-sheet-card{min-height:430px}
.waybill-v2 .execution-rail{position:relative;z-index:2;margin-top:auto;padding-top:28px}
.waybill-v2 .execution-rail::before{content:"";position:absolute;left:20px;right:20px;top:43px;height:2px;background:linear-gradient(90deg,#0ca17d 0 74%,#d6e7e0 74%)}
.waybill-v2 .execution-stages{position:relative;display:grid;grid-template-columns:repeat(6,1fr);gap:5px}
.waybill-v2 .execution-stage{text-align:center;color:#536f67;font-size:.61rem;font-weight:800;line-height:1.2}
.waybill-v2 .execution-stage i{display:grid;place-items:center;width:28px;height:28px;margin:0 auto 9px;border:3px solid white;border-radius:50%;color:white;background:#0ca17d;box-shadow:0 0 0 1px #75cdb5;font-style:normal;font-size:.64rem}
.waybill-v2 .execution-stage.is-next i{color:#759087;background:#eef5f2;box-shadow:0 0 0 1px #d3e4dd}
.waybill-v2 .execution-owner{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:24px;padding:12px 14px;border-radius:12px;background:#e7f5f0;color:#315f53;font-size:.72rem}
.waybill-v2 .execution-owner strong{color:#075f4d}
.waybill-v2 .margin-board{position:relative;z-index:2;display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:auto}
.waybill-v2 .margin-stat{padding:13px 14px;border:1px solid rgba(255,255,255,.13);border-radius:12px;background:rgba(255,255,255,.06)}
.waybill-v2 .margin-stat span{display:block;color:#9fc5ba;font-size:.62rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em}
.waybill-v2 .margin-stat strong{display:block;margin-top:5px;color:white;font-size:1.2rem}
.waybill-v2 .margin-stat.margin-highlight{grid-column:1/-1;display:flex;align-items:center;justify-content:space-between;background:rgba(81,220,178,.11);border-color:rgba(99,225,188,.28)}
.waybill-v2 .margin-stat.margin-highlight strong{color:#74edc8;font-size:1.55rem}
.waybill-v2 .margin-proof{grid-column:1/-1;display:flex;flex-wrap:wrap;gap:7px;margin-top:2px}
.waybill-v2 .margin-proof span{padding:6px 8px;border-radius:999px;color:#bfe0d6;background:rgba(255,255,255,.07);font-size:.6rem;font-weight:700}
[data-theme="dark"] .waybill-v2 .ops-journey-shell{border-color:#315047;background:radial-gradient(circle at 75% 18%,rgba(56,205,165,.12),transparent 32%),linear-gradient(145deg,#102a24,#0a211c)}
[data-theme="dark"] .waybill-v2 .ops-journey-bar{border-color:#315047;color:#d4e5df;background:rgba(10,38,32,.96)}
[data-theme="dark"] .waybill-v2 .journey-node{border-color:#315047;color:#dbece6;background:#112f28}
[data-theme="dark"] .waybill-v2 .journey-node.is-active{border-color:#43d4ad;background:#143b32}
[data-theme="dark"] .waybill-v2 .journey-node small{color:#9ab8af}
[data-theme="dark"] .waybill-v2 .journey-detail{border-color:#315047;background:#102d26}
[data-theme="dark"] .waybill-v2 .journey-detail strong{color:#e9f5f1}
[data-theme="dark"] .waybill-v2 .journey-detail p{color:#a9c4bb!important}
[data-theme="dark"] .waybill-v2 .execution-owner{color:#b5d3ca;background:#173f35}
[data-theme="dark"] .waybill-v2 .execution-owner strong{color:#7ce8c7}
@media (max-width:900px){
  .waybill-v2 .workflow-card.featured.syntropy-journey-card{grid-template-columns:1fr;min-height:0;padding:42px 34px}
  .waybill-v2 .syntropy-journey-card .featured-copy{max-width:650px}
}
@media (max-width:680px){
  .waybill-v2 .workflow-card.featured.syntropy-journey-card{padding:28px 18px;gap:26px}
  .waybill-v2 .ops-journey-bar{padding:0 14px}
  .waybill-v2 .ops-journey-bar b{font-size:0}
  .waybill-v2 .ops-journey-map{display:flex;min-height:152px;gap:10px;overflow-x:auto;padding:20px 14px 18px;scroll-snap-type:x mandatory;scrollbar-width:thin}
  .waybill-v2 .journey-connectors{display:none}
  .waybill-v2 .journey-node{flex:0 0 126px;height:112px;scroll-snap-align:start}
  .waybill-v2 .journey-detail{grid-template-columns:1fr;margin:0 14px 14px}
  .waybill-v2 .journey-detail-meta{flex-direction:row;align-items:center;flex-wrap:wrap}
  .waybill-v2 .execution-stages{grid-template-columns:repeat(3,1fr);row-gap:18px}
  .waybill-v2 .execution-rail::before{display:none}
  .waybill-v2 .margin-stat.margin-highlight{display:block}
}
@media (min-width:901px){
  .waybill-v2 .hero-copy{position:relative;z-index:5}
  .waybill-v2 .hero-visual{transform:translateX(32px) scale(1.16);transform-origin:100% 50%;z-index:4}
  .waybill-v2 .hero-product{transform:none!important;filter:none!important;backface-visibility:visible!important;will-change:auto!important}
  .waybill-v2 .hero-product img{filter:none!important;image-rendering:auto}
}
@media (prefers-reduced-motion:no-preference){
  .sales-flow-pin{perspective:1600px}
  .sales-flow-pin.is-step-animating .commercial-step{will-change:opacity,transform,filter;backface-visibility:hidden}
  .sales-flow-pin.is-step-animating[data-step-direction="forward"] .commercial-step.is-active{animation:syntropyStepForwardIn .62s cubic-bezier(.16,1,.3,1) both!important}
  .sales-flow-pin.is-step-animating[data-step-direction="forward"] .commercial-step.is-leaving{animation:syntropyStepForwardOut .46s cubic-bezier(.4,0,.2,1) both!important}
  .sales-flow-pin.is-step-animating[data-step-direction="backward"] .commercial-step.is-active{animation:syntropyStepBackwardIn .62s cubic-bezier(.16,1,.3,1) both!important}
  .sales-flow-pin.is-step-animating[data-step-direction="backward"] .commercial-step.is-leaving{animation:syntropyStepBackwardOut .46s cubic-bezier(.4,0,.2,1) both!important}
  .sales-flow-pin.is-step-animating .commercial-step.is-active .sales-screen{animation:syntropyScreenSettle .72s cubic-bezier(.16,1,.3,1) both!important}
  @keyframes syntropyStepForwardIn{from{opacity:0;transform:translate3d(54px,16px,0) scale(.982);filter:blur(5px)}to{opacity:1;transform:translate3d(0,0,0) scale(1);filter:blur(0)}}
  @keyframes syntropyStepForwardOut{from{opacity:1;transform:translate3d(0,0,0) scale(1);filter:blur(0)}to{opacity:0;transform:translate3d(-38px,-8px,0) scale(.99);filter:blur(3px)}}
  @keyframes syntropyStepBackwardIn{from{opacity:0;transform:translate3d(-54px,16px,0) scale(.982);filter:blur(5px)}to{opacity:1;transform:translate3d(0,0,0) scale(1);filter:blur(0)}}
  @keyframes syntropyStepBackwardOut{from{opacity:1;transform:translate3d(0,0,0) scale(1);filter:blur(0)}to{opacity:0;transform:translate3d(38px,-8px,0) scale(.99);filter:blur(3px)}}
  @keyframes syntropyScreenSettle{from{transform:translateY(12px) scale(.992);filter:saturate(.88)}to{transform:translateY(0) scale(1);filter:saturate(1)}}
  .waybill-v2 .journey-node.is-active .journey-icon{animation:syntropyJourneyIcon .42s cubic-bezier(.16,1,.3,1)}
  .waybill-v2 .journey-detail.is-refreshing{animation:syntropyJourneyDetail .38s cubic-bezier(.16,1,.3,1)}
  @keyframes syntropyJourneyIcon{0%{transform:scale(.78) rotate(-5deg)}100%{transform:scale(1) rotate(0)}}
  @keyframes syntropyJourneyDetail{0%{opacity:.35;transform:translateY(8px)}100%{opacity:1;transform:translateY(0)}}
}
@media (prefers-reduced-motion:reduce){
  .sales-flow-pin.is-step-animating .commercial-step.is-active{animation:syntropyStepFadeIn .22s ease-out both!important}
  .sales-flow-pin.is-step-animating .commercial-step.is-leaving{animation:syntropyStepFadeOut .16s ease-in both!important}
  @keyframes syntropyStepFadeIn{from{opacity:0}to{opacity:1}}
  @keyframes syntropyStepFadeOut{from{opacity:1}to{opacity:0}}
  .waybill-v2 .journey-connectors .journey-pulse-path{animation:none}
}

.waybill-v2 .workflow-card.featured.wb-flow-card{display:block!important;grid-column:1/-1;padding:32px!important;min-height:0!important;background:var(--surface,#fff);overflow:visible}
.waybill-v2 .wb-flow-intro{display:grid;grid-template-columns:1fr 1fr;gap:32px;align-items:end;margin-bottom:26px}
.waybill-v2 .wb-flow-intro h3{font-size:clamp(1.45rem,2.3vw,2rem);line-height:1.16;margin:8px 0 0}
.waybill-v2 .wb-flow-intro>p{font-size:.9rem;line-height:1.7;margin:0;max-width:560px}
.waybill-v2 .wb-flow{--wf-ink:#133e35;--wf-muted:#54716a;--wf-paper:#fff;--wf-tint:#edf8f3;--wf-border:#cee3d9;--wf-accent:#07866a;border:1px solid var(--wf-border);border-radius:20px;background:linear-gradient(155deg,#f7fcf9,#fff 50%,#f1f9f6);color:var(--wf-ink);overflow:hidden}
.waybill-v2 .wb-flow-topline{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:18px 24px;border-bottom:1px solid var(--wf-border);background:var(--wf-paper)}
.waybill-v2 .wb-flow-topline>span{display:flex;align-items:center;gap:10px;font-size:.8rem;font-weight:800}
.waybill-v2 .wb-flow-topline i{width:7px;height:7px;border-radius:50%;background:#0bb38b;box-shadow:0 0 0 4px #0bb38b18}
.waybill-v2 .wb-flow-topline small{font-size:.7rem;color:var(--wf-muted)}
.waybill-v2 .wb-flow-map{position:relative;padding:24px;isolation:isolate}
.waybill-v2 .wb-flow-links{position:absolute;inset:0;width:100%;height:100%;z-index:0;pointer-events:none;overflow:visible}
.waybill-v2 .wb-flow-links path.wb-edge{fill:none;stroke:#b2cbdc;stroke-width:1.5;stroke-linejoin:round;stroke-linecap:round;marker-end:none}
.waybill-v2 .wb-sales-row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px;align-items:start}
.waybill-v2 .wb-flow-node{position:relative;z-index:1;min-width:0;padding:18px;background:var(--wf-paper);border:1px solid var(--wf-border);border-radius:14px;box-shadow:0 7px 20px #12473507;color:var(--wf-ink);transition:border-color .2s,box-shadow .2s}
.waybill-v2 .wb-blue{--wf-accent:#187ca3;--wf-tint:#eaf5fb}
.waybill-v2 .wb-violet{--wf-accent:#7558b1;--wf-tint:#f3effb}
.waybill-v2 .wb-flow-node summary{display:flex;align-items:center;gap:10px;cursor:pointer;list-style:none;min-height:40px}
.waybill-v2 .wb-flow-node summary::-webkit-details-marker{display:none}
.waybill-v2 .wb-flow-node summary>span:not(.wb-flow-icon):not(.wb-flow-art){flex:1;min-width:0}
.waybill-v2 .wb-summary-copy{display:block;margin-top:8px;color:var(--wf-muted);font-size:.75rem;line-height:1.6;font-weight:400;text-transform:none;letter-spacing:normal}
.waybill-v2 .wb-flow-node summary>b{font:400 19px/1 sans-serif;color:var(--wf-accent);align-self:center}
.waybill-v2 .wb-flow-node[open] summary>b{transform:rotate(45deg)}
.waybill-v2 .wb-flow-node summary:focus-visible{outline:2px solid var(--wf-accent);outline-offset:6px;border-radius:4px}
.waybill-v2 .wb-flow-node[open]{border-color:var(--wf-accent);box-shadow:0 8px 24px #12473510}
.waybill-v2 .wb-flow-node strong{display:block;font-size:.86rem;line-height:1.35;font-weight:800;color:var(--wf-ink)}
.waybill-v2 .wb-flow-node small{display:block;margin-bottom:4px;font-size:.59rem;line-height:1.4;font-weight:800;letter-spacing:.065em;text-transform:uppercase;color:var(--wf-accent)}
.waybill-v2 .wb-flow-node p{font-size:.75rem!important;line-height:1.6!important;color:var(--wf-muted)!important;margin:11px 0 0!important;max-width:none!important}
.waybill-v2 .wb-flow-icon{display:grid;place-items:center;flex:0 0 34px;width:34px;height:34px;border-radius:10px;color:var(--wf-accent);background:var(--wf-tint);font:800 .7rem/1 ui-monospace,monospace}
.waybill-v2 .wb-flow-icon svg{width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
.waybill-v2 .wb-node-detail{margin-top:14px;padding-top:12px;border-top:1px solid var(--wf-border);color:var(--wf-muted);font-size:.76rem;line-height:1.65}
.waybill-v2 .wb-job{width:min(580px,80%);margin:40px auto 0;border-color:#62bea1;background:var(--wf-paper);box-shadow:0 10px 28px #07866a12}
.waybill-v2 .wb-job strong{font-size:1.1rem}
.waybill-v2 .wb-job-tags{display:flex;flex-wrap:wrap;gap:7px;margin-top:13px}
.waybill-v2 .wb-job-tags span{font-size:.64rem;line-height:1.4;font-weight:700;padding:5px 8px;background:var(--wf-tint);color:var(--wf-accent);border-radius:6px}
.waybill-v2 .wb-branch-label{position:relative;z-index:1;text-align:center;margin:18px 0 34px;color:var(--wf-muted);font-size:.66rem;font-weight:700}
.waybill-v2 .wb-branch-label span{background:var(--wf-paper);padding:4px 12px;border:1px solid var(--wf-border);border-radius:20px}
.waybill-v2 .wb-flow-branches{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;align-items:start}
.waybill-v2 .wb-flow-lane{min-width:0;margin:0!important;padding:0!important;display:grid;gap:26px}
.waybill-v2 .wb-flow-lane>header{display:flex;align-items:center;gap:7px;position:relative;z-index:1;padding:0 3px;background:var(--wf-paper)}
.waybill-v2 .wb-flow-lane h4{font-size:.78rem;line-height:1.3;margin:0;color:var(--wf-accent)}
.waybill-v2 .wb-flow-lane header small{font-size:.61rem;color:var(--wf-muted);margin-left:auto}
.waybill-v2 .wb-lane-dot{width:6px;height:6px;border-radius:50%;background:var(--wf-accent)}
.waybill-v2 .wb-branch-origin{display:none}
.waybill-v2 .wb-finance-split{display:grid;grid-template-columns:1fr 1fr;gap:12px;min-width:0}
.waybill-v2 .wb-mini{padding:13px 11px}
.waybill-v2 .wb-mini strong{font-size:.78rem}
.waybill-v2 .wb-mini summary{gap:5px}
.waybill-v2 .wb-review{display:flex;gap:16px;align-items:center;margin-top:46px;background:var(--wf-paper);border-color:#62bea1}
.waybill-v2 .wb-review strong{font-size:1rem}
.waybill-v2 .wb-review p{margin-top:6px!important}
.waybill-v2 .wb-flow-note{padding:14px 24px;border-top:1px solid var(--wf-border);font-size:.66rem;line-height:1.6;color:var(--wf-muted);background:var(--wf-paper)}
@keyframes wbNodeArrive{from{opacity:0;box-shadow:0 0 0 5px #0bb38b20}to{opacity:1;box-shadow:0 8px 24px #12473510}}
@keyframes wbContentArrive{from{transform:translateY(9px)}to{transform:translateY(0)}}
.waybill-v2 .wb-sequenced .wb-flow-node:not(.wb-revealed){visibility:hidden;opacity:0;pointer-events:none}
.waybill-v2 .wb-sequenced .wb-flow-node.wb-revealed{animation:wbNodeArrive .28s ease-out both}
.waybill-v2 .wb-sequenced .wb-flow-node.wb-revealed>summary{animation:wbContentArrive .28s cubic-bezier(.16,1,.3,1) both}
.waybill-v2 .wb-sequenced .wb-current{border-color:var(--wf-accent)}
.waybill-v2 .wb-sequenced .wb-edge{opacity:0;stroke-dasharray:1;stroke-dashoffset:1;marker-end:none!important}
.waybill-v2 .wb-sequenced .wb-edge.wb-drawing{opacity:1;stroke:#08b58b;stroke-width:2.2}
.waybill-v2 .wb-sequenced .wb-edge.wb-drawn{opacity:1;stroke-dashoffset:0;marker-end:none!important}
.waybill-v2 .wb-charge{fill:#fff;stroke:#05b990;stroke-width:2;filter:drop-shadow(0 0 4px #00bc96);pointer-events:none}
[data-theme="dark"] .waybill-v2 .wb-flow{--wf-ink:#e3f2eb;--wf-muted:#b0c7bc;--wf-paper:#102e26;--wf-tint:#193e33;--wf-border:#33594a;--wf-accent:#76dcb7;background:#0c241d}
[data-theme="dark"] .waybill-v2 .wb-blue{--wf-accent:#7ac6ed;--wf-tint:#173748}
[data-theme="dark"] .waybill-v2 .wb-violet{--wf-accent:#bda5ef;--wf-tint:#312b46}
@media(max-width:1000px){.waybill-v2 .workflow-card.featured.wb-flow-card{padding:22px!important}.waybill-v2 .wb-flow-map{padding:18px}.waybill-v2 .wb-flow-node{padding:14px}.waybill-v2 .wb-flow-branches{gap:16px}.waybill-v2 .wb-sales-row{gap:20px}.waybill-v2 .wb-finance-split{grid-template-columns:1fr;gap:24px}.waybill-v2 .wb-flow-intro{gap:20px}}
@media(max-width:900px){.waybill-v2 .workflow-card.featured.wb-flow-card{padding:16px!important;border-radius:16px}.waybill-v2 .wb-flow-intro{grid-template-columns:1fr;gap:14px}.waybill-v2 .wb-flow-intro h3 br{display:none}.waybill-v2 .wb-flow-intro>p{font-size:.82rem}.waybill-v2 .wb-flow-topline{padding:14px 16px;align-items:start;flex-direction:column;gap:5px}.waybill-v2 .wb-flow-map{padding:18px 14px}.waybill-v2 .wb-sales-row{grid-template-columns:1fr;gap:24px}.waybill-v2 .wb-job{width:100%;margin-top:28px}.waybill-v2 .wb-flow-branches{grid-template-columns:1fr;gap:32px}.waybill-v2 .wb-flow-lane{border:1px solid var(--wf-border);border-radius:14px;padding:16px 12px!important;gap:24px}.waybill-v2 .wb-flow-lane>header{background:transparent}.waybill-v2 .wb-branch-origin{display:block;font-size:.64rem;color:var(--wf-muted);margin-top:-16px}.waybill-v2 .wb-branch-label{margin:20px 0}.waybill-v2 .wb-flow-node p{font-size:.8rem!important}.waybill-v2 .wb-flow-node strong{font-size:.9rem}.waybill-v2 .wb-flow-node small{font-size:.63rem}.waybill-v2 .wb-review{margin-top:28px;align-items:flex-start}.waybill-v2 .wb-flow-note{padding:14px 16px}.waybill-v2 .wb-flow-lane header small{font-size:.65rem}}
@media(max-width:400px){.waybill-v2 .workflow-card.featured.wb-flow-card{padding:10px!important}.waybill-v2 .wb-flow-map{padding:16px 10px}.waybill-v2 .wb-flow-lane{padding:14px 8px!important}.waybill-v2 .wb-flow-node{padding:12px 10px}.waybill-v2 .wb-flow-node summary{gap:8px}.waybill-v2 .wb-flow-icon{width:26px;height:30px;flex-basis:26px}.waybill-v2 .wb-flow-icon svg{width:18px;height:18px}}
.waybill-v2 .wb-flow{background:linear-gradient(145deg,#f7fafc,#fff 55%,#f5faf8);--wf-border:#e2eaf0}
.waybill-v2 .wb-flow-node{border-radius:18px;box-shadow:0 5px 18px #18354b09;border-color:var(--wf-border)}
.waybill-v2 .wb-flow-node summary{gap:12px}
.waybill-v2 .wb-flow-icon{width:42px;height:44px;flex-basis:42px;border-radius:12px;background:linear-gradient(140deg,var(--wf-tint),var(--wf-paper));box-shadow:inset 0 0 0 1px #ffffff80}
.waybill-v2 .wb-flow-icon svg{width:27px;height:27px;stroke-width:1.5}
.waybill-v2 .wb-flow-node summary>.wb-flow-art{flex:0 0 72px;width:72px;height:72px}
.waybill-v2 .wb-flow-art img{display:block;width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 4px 5px #24415412)}
.waybill-v2 .wb-flow-node small{letter-spacing:.04em;text-transform:none;font-size:.66rem}
.waybill-v2 .wb-job{border-color:#c3e3dc}
.waybill-v2 .wb-mini summary{display:grid;grid-template-columns:minmax(0,1fr) 14px;gap:8px}
.waybill-v2 .wb-mini .wb-flow-icon{grid-column:1/-1;width:30px;height:32px}
.waybill-v2 .wb-mini .wb-flow-icon svg{width:22px;height:22px}
.waybill-v2 .wb-mini summary>.wb-flow-art{grid-column:1/-1;width:56px;height:56px;flex-basis:56px}
[data-theme="dark"] .waybill-v2 .wb-flow{background:#0c241d;--wf-border:#33594a}
@media(max-width:900px){.waybill-v2 .wb-mini summary{display:flex}.waybill-v2 .wb-flow-node summary>.wb-flow-art{flex-basis:58px;width:58px;height:58px}.waybill-v2 .wb-mini .wb-flow-icon{flex-basis:36px;width:36px;height:38px}}
@media(max-width:400px){.waybill-v2 .wb-flow-node summary{gap:9px}.waybill-v2 .wb-flow-icon{width:30px;height:34px;flex-basis:30px}.waybill-v2 .wb-flow-icon svg{width:23px;height:23px}.waybill-v2 .wb-flow-node summary>.wb-flow-art{flex-basis:46px;width:46px;height:50px}}
@media(prefers-reduced-motion:reduce){.waybill-v2 .wb-sequenced .wb-flow-node.wb-revealed,.waybill-v2 .wb-sequenced .wb-flow-node.wb-revealed>summary{animation:none!important}.waybill-v2 .wb-charge{display:none}.waybill-v2 .wb-flow-node{transition:none}}
/* Compact workflow spacing; dimensions stay stable while nodes reveal. */
.waybill-v2 .workflow-card.featured.wb-flow-card{padding:22px!important}
.waybill-v2 .wb-flow-intro{gap:24px;margin-bottom:18px}
.waybill-v2 .wb-flow-map{padding:20px}
.waybill-v2 .wb-flow-node{padding:13px}
.waybill-v2 .wb-flow-node summary>.wb-flow-art{width:60px;height:60px;flex-basis:60px}
.waybill-v2 .wb-flow-node summary{gap:10px}
.waybill-v2 .wb-summary-copy{margin-top:5px;line-height:1.5}
.waybill-v2 .wb-job{margin-top:28px}
.waybill-v2 .wb-branch-label{margin:12px 0 26px}
.waybill-v2 .wb-flow-branches{gap:20px}
.waybill-v2 .wb-flow-lane{gap:22px}
.waybill-v2 .wb-flow-lane>header{padding:8px 10px;border:1px solid var(--wf-border);border-radius:10px;background:var(--wf-paper);min-height:34px;box-sizing:border-box}
.waybill-v2 .wb-review{margin-top:30px;gap:12px}
.waybill-v2 .wb-review>.wb-flow-art{width:54px;height:54px;flex:0 0 54px}
.waybill-v2 .wb-mini summary>.wb-flow-art{width:44px;height:44px;flex-basis:44px}
.waybill-v2 .wb-flow-topline{padding:13px 18px}
.waybill-v2 .wb-panel{--panel-ink:#123d38;--panel-muted:#58736e;--panel-line:#dce9e6;--panel-surface:#fff;padding:26px;min-width:0;border:1px solid var(--panel-line);border-radius:22px;background:var(--panel-surface);color:var(--panel-ink);display:flex;flex-direction:column;gap:18px;scroll-margin-top:100px;overflow:hidden}
.waybill-v2 .wb-panel-header{display:flex;justify-content:space-between;gap:16px;align-items:start}
.waybill-v2 .wb-panel-header p{font-weight:700;font-size:.67rem;line-height:1.4;text-transform:uppercase;letter-spacing:.09em;margin:0 0 10px;color:#068677}
.waybill-v2 .wb-panel-header h3{font-size:clamp(1.45rem,2.5vw,2.05rem);line-height:1.12;letter-spacing:-.035em;margin:0;color:var(--panel-ink)}
.waybill-v2 .wb-panel-number{font-size:1.55rem;font-weight:800;line-height:1;color:#a9c4be}
.waybill-v2 .wb-panel-description{font-size:.84rem;line-height:1.65;color:var(--panel-muted);margin:0}
.waybill-v2 .wb-route-card{display:flex;align-items:center;gap:12px;padding:12px;background:#f1f8f7;border:1px solid var(--panel-line);border-radius:14px}
.waybill-v2 .wb-route-card img{width:58px;height:58px;object-fit:contain;flex:0 0 58px}
.waybill-v2 .wb-route-card div{min-width:0}
.waybill-v2 .wb-route-card small,.waybill-v2 .wb-event-summary small{display:block;color:var(--panel-muted);font-size:.65rem;margin-bottom:4px}
.waybill-v2 .wb-route-card strong{font-size:.95rem;display:block;line-height:1.4}
.waybill-v2 .wb-route-status{display:block;font-size:.69rem;color:#008778;margin-top:4px}
.waybill-v2 .wb-milestones{list-style:none;display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:0;padding:4px 0!important;margin:0!important}
.waybill-v2 .wb-milestones li{position:relative;display:flex;flex-direction:column;align-items:center;gap:8px;text-align:center;min-width:0;margin:0;padding:0}
.waybill-v2 .wb-milestones li:not(:last-child):after{content:'';position:absolute;top:14px;left:50%;width:100%;height:2px;background:#dae8e5;z-index:0}
.waybill-v2 .wb-milestones li.is-done:after{background:#19ac8a;transition:background .3s}
.waybill-v2 .wb-milestones i{display:grid;place-items:center;font-style:normal;font-size:.7rem;font-weight:700;position:relative;z-index:1;width:28px;height:28px;background:var(--panel-surface);color:#829f98;border:1px solid #c9dfd9;border-radius:50%;transition:background .25s,box-shadow .25s}
.waybill-v2 .wb-milestones span{font-size:.61rem;line-height:1.3;color:var(--panel-muted)}
.waybill-v2 .wb-milestones .is-done i{background:#08a886;color:white;border-color:#08a886}
.waybill-v2 .wb-milestones .is-current i{background:#0b887a;color:white;box-shadow:0 0 0 5px #0b887a16}
.waybill-v2 .wb-milestones .is-current span{font-weight:700;color:#087f71}
.waybill-v2 .wb-event-summary{display:grid;grid-template-columns:1fr 1fr;gap:12px;padding:14px;border:1px solid var(--panel-line);border-radius:14px;background:#f7fbfa}
.waybill-v2 .wb-event-summary strong{display:block;font-size:.8rem;line-height:1.4}
.waybill-v2 .wb-event-summary span{display:block;color:var(--panel-muted);font-size:.65rem;line-height:1.5;margin-top:4px}
.waybill-v2 .wb-panel-footer{margin-top:auto;font-size:.62rem;line-height:1.5;color:var(--panel-muted);display:flex;align-items:center;gap:7px}
.waybill-v2 .wb-signal{width:6px;height:6px;flex:0 0 6px;background:#0cad8b;border-radius:50%}
.waybill-v2 .wb-finance-panel{--panel-ink:#ecfff8;--panel-muted:#bbd9d1;--panel-line:#ffffff22;--panel-surface:#073d34;background:radial-gradient(ellipse at 95% 0,#175b4b,#073d34 65%)}
.waybill-v2 .wb-finance-panel .wb-panel-header p{color:#8ce0c6}
.waybill-v2 .wb-money-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.waybill-v2 .wb-money-stat{min-width:0;padding:14px;border-radius:14px;border:1px solid var(--panel-line);background:#ffffff08;display:grid;grid-template-columns:38px 1fr;align-items:center;column-gap:9px;row-gap:7px}
.waybill-v2 .wb-money-stat img{width:38px;height:38px;object-fit:contain;grid-row:1/3}
.waybill-v2 .wb-money-stat small{font-size:.63rem;line-height:1.4;color:var(--panel-muted)}
.waybill-v2 .wb-money-stat strong{font-size:clamp(1.1rem,1.8vw,1.45rem);line-height:1.15;color:var(--panel-ink)}
.waybill-v2 .wb-profit{display:flex;align-items:center;gap:12px;padding:15px;border:1px solid #65d5b84a;background:#31b08b12;border-radius:16px}
.waybill-v2 .wb-profit img{width:54px;height:54px;object-fit:contain;flex:0 0 54px}
.waybill-v2 .wb-profit small{font-size:.65rem;color:var(--panel-muted);display:block;margin-bottom:5px}
.waybill-v2 .wb-profit strong{font-size:1.9rem;line-height:1.15;color:#fff}
.waybill-v2 .wb-profit-rate{margin-left:auto;font-size:1.25rem;font-weight:800;color:#8be4c7;white-space:nowrap}
.waybill-v2 .wb-cost-split{height:10px;border-radius:10px;overflow:hidden;display:flex;background:#ffffff12;gap:3px}
.waybill-v2 .wb-cost-fill{width:72.3577%;background:#7ebcdc;transform-origin:left;transition:transform 1.5s cubic-bezier(.16,1,.3,1)}
.waybill-v2 .wb-profit-fill{flex:1;background:#61d5b0;transform-origin:left;transition:transform 1.5s cubic-bezier(.16,1,.3,1)}
.waybill-v2 .wb-split-labels{display:flex;justify-content:space-between;gap:12px;font-size:.65rem;color:var(--panel-muted);margin-top:-9px}
.waybill-v2 .wb-split-labels span{display:flex;align-items:center;gap:6px}
.waybill-v2 .wb-split-labels i{width:6px;height:6px;background:#7ebcdc;border-radius:2px}
.waybill-v2 .wb-split-labels span:last-child i{background:#61d5b0}
.waybill-v2 [data-wb-meter]{font-variant-numeric:tabular-nums;white-space:nowrap}
.waybill-v2 .wb-meter-visual{display:inline-flex;align-items:start;line-height:1.15}
.waybill-v2 .wb-digit{display:inline-block;width:.65em;height:1.15em;overflow:hidden;text-align:center}
.waybill-v2 .wb-digit-track{display:block;will-change:transform}
.waybill-v2 .wb-digit-track>span{display:block;height:1.15em;line-height:1.15}
[data-theme="dark"] .waybill-v2 .wb-milestone-panel{--panel-ink:#e8f5f0;--panel-muted:#b6cec5;--panel-line:#33594a;--panel-surface:#102e26}
[data-theme="dark"] .waybill-v2 .wb-route-card,[data-theme="dark"] .waybill-v2 .wb-event-summary{background:#173d32}
@media(max-width:1000px){.waybill-v2 .wb-panel{padding:20px}.waybill-v2 .wb-money-stat{grid-template-columns:1fr}.waybill-v2 .wb-money-stat img{grid-row:auto}.waybill-v2 .wb-profit{gap:8px;padding:12px}.waybill-v2 .wb-profit img{width:40px;height:40px;flex-basis:40px}.waybill-v2 .wb-profit strong{font-size:1.6rem}.waybill-v2 .wb-profit-rate{font-size:1.1rem}}
@media(max-width:900px){.waybill-v2 .workflow-card.featured.wb-flow-card{padding:14px!important}.waybill-v2 .wb-flow-map{padding:16px 12px}.waybill-v2 .wb-flow-lane{padding:13px 10px!important;gap:20px}.waybill-v2 .wb-flow-branches{gap:22px}.waybill-v2 .wb-flow-node summary>.wb-flow-art{width:48px;height:48px;flex-basis:48px}.waybill-v2 .wb-review{align-items:center}.waybill-v2 .wb-review>.wb-flow-art{width:44px;height:44px;flex-basis:44px}}
@media(max-width:760px){.waybill-v2 #workflows .workflow-grid{grid-template-columns:minmax(0,1fr)!important}.waybill-v2 .wb-panel{padding:20px;gap:16px}.waybill-v2 .wb-money-stat{grid-template-columns:36px 1fr}.waybill-v2 .wb-money-stat img{grid-row:1/3}.waybill-v2 .wb-panel-header h3{font-size:1.65rem}.waybill-v2 .wb-panel-header h3 br{display:none}}
@media(max-width:400px){.waybill-v2 .workflow-card.featured.wb-flow-card{padding:8px!important}.waybill-v2 .wb-flow-map{padding:14px 8px}.waybill-v2 .wb-flow-node{padding:10px}.waybill-v2 .wb-flow-node summary>.wb-flow-art{width:40px;height:44px;flex-basis:40px}.waybill-v2 .wb-panel{padding:16px}.waybill-v2 .wb-money-stat{padding:11px;grid-template-columns:1fr}.waybill-v2 .wb-money-stat img{grid-row:auto}.waybill-v2 .wb-profit strong{font-size:1.5rem}.waybill-v2 .wb-profit-rate{font-size:1rem}.waybill-v2 .wb-milestones span{font-size:.58rem}.waybill-v2 .wb-event-summary{gap:8px;padding:11px}}
/* Keep all 13 steps, with shorter cards and less connector travel. */
@media(min-width:901px){
 .waybill-v2 .workflow-card.featured.wb-flow-card{padding:18px!important}
 .waybill-v2 .wb-flow-intro{gap:20px;margin-bottom:14px;align-items:center}
 .waybill-v2 .wb-flow-intro h3{font-size:clamp(1.4rem,1.9vw,1.7rem)}
 .waybill-v2 .wb-flow-intro>p{font-size:.82rem;line-height:1.5}
 .waybill-v2 .wb-flow-map{padding:16px}
 .waybill-v2 .wb-flow-node{padding:11px 12px;border-radius:14px}
 .waybill-v2 .wb-flow-node summary{gap:9px;min-height:38px}
 .waybill-v2 .wb-flow-node summary>.wb-flow-art{width:48px;height:48px;flex-basis:48px}
 .waybill-v2 .wb-summary-copy{margin-top:4px;font-size:.73rem;line-height:1.4}
 .waybill-v2 .wb-sales-row{gap:22px;align-items:stretch}
 .waybill-v2 .wb-job{margin-top:22px;width:min(620px,80%)}
 .waybill-v2 .wb-job strong{font-size:1rem}
 .waybill-v2 .wb-branch-label{margin:10px 0 20px}
 .waybill-v2 .wb-flow-branches{gap:16px}
 .waybill-v2 .wb-flow-lane{gap:16px}
 .waybill-v2 .wb-finance-split{gap:10px}
 .waybill-v2 .wb-mini{padding:10px}
 .waybill-v2 .wb-mini summary{gap:5px}
 .waybill-v2 .wb-mini summary>.wb-flow-art{width:34px;height:34px;flex-basis:34px}
 .waybill-v2 .wb-review{margin-top:26px;padding:11px 14px}
 .waybill-v2 .wb-review>.wb-flow-art{width:44px;height:44px;flex-basis:44px}
 .waybill-v2 .wb-review strong{font-size:.9rem}
 .waybill-v2 .wb-flow-note{padding:10px 16px}
}
@media(max-width:900px){
 .waybill-v2 .wb-flow-intro{gap:10px;margin-bottom:14px}
 .waybill-v2 .wb-flow-intro h3 br{display:initial}
 .waybill-v2 .wb-flow-map{padding:14px 10px}
 .waybill-v2 .wb-flow-node{padding:11px}
 .waybill-v2 .wb-sales-row{gap:18px}
 .waybill-v2 .wb-job{margin-top:20px}
 .waybill-v2 .wb-branch-label{margin:12px 0 18px}
 .waybill-v2 .wb-flow-lane{padding:10px 8px!important;gap:18px}
 .waybill-v2 .wb-flow-lane>header{padding:8px;gap:5px;flex-wrap:wrap}
 .waybill-v2 .wb-flow-lane header small{font-size:.61rem}
 .waybill-v2 .wb-branch-origin{margin-top:-10px;font-size:.62rem;padding-left:3px}
 .waybill-v2 .wb-flow-branches{gap:18px}
 .waybill-v2 .wb-flow-node summary{gap:8px}
 .waybill-v2 .wb-flow-node summary>.wb-flow-art{width:44px;height:44px;flex-basis:44px}
 .waybill-v2 .wb-summary-copy{line-height:1.45}
 .waybill-v2 .wb-review{margin-top:20px;align-items:flex-start}
 .waybill-v2 .wb-flow-note{padding:11px 13px}
}
@media(min-width:361px) and (max-width:900px){
 .waybill-v2 .wb-finance-split{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:12px}
 .waybill-v2 .wb-mini summary{display:grid;grid-template-columns:minmax(0,1fr) 12px;gap:5px}
 .waybill-v2 .wb-mini summary>.wb-flow-art{width:36px;height:36px;grid-column:1/-1}
 .waybill-v2 .wb-mini strong{font-size:.82rem}
}
@media(max-width:360px){.waybill-v2 .wb-flow-node summary>.wb-flow-art{width:36px;height:40px;flex-basis:36px}.waybill-v2 .wb-flow-lane header small{margin-left:11px}.waybill-v2 .wb-flow-lane h4{font-size:.74rem}}
@media(prefers-reduced-motion:reduce){.waybill-v2 .wb-digit-track,.waybill-v2 .wb-cost-fill,.waybill-v2 .wb-profit-fill,.waybill-v2 .wb-milestones i{transition:none!important}}

/* Purposeful visual motion for the Waybill resource hub and freight-software guide. */
.syntropy-resource-card {
  position: relative;
  overflow: hidden;
  isolation: isolate;
}
.syntropy-resource-card::after {
  content: "";
  position: absolute;
  inset: 0;
  z-index: -1;
  background: radial-gradient(circle at 85% 8%, rgba(33, 169, 135, .12), transparent 38%);
  opacity: 0;
  transition: opacity .25s ease;
}
.syntropy-resource-card:hover::after,
.syntropy-resource-card:focus-visible::after { opacity: 1; }

.syntropy-resource-visual {
  position: relative;
  display: block;
  height: 142px;
  margin: -8px -8px 22px;
  overflow: hidden;
  border: 1px solid rgba(22, 105, 84, .12);
  border-radius: 14px;
  background:
    radial-gradient(circle at 75% 18%, rgba(235, 180, 64, .18), transparent 26%),
    linear-gradient(145deg, #f8fcfa, #e8f5f0);
}
.syntropy-resource-visual > i,
.syntropy-resource-visual > b { position: absolute; display: block; box-sizing: border-box; }

/* Comparison scene: product sheets on a review desk with an active scan. */
.syntropy-visual-compare .rv-sheet {
  bottom: 20px;
  width: 31%;
  height: 82px;
  border: 1px solid #c5ddd5;
  border-radius: 9px;
  background: #fff;
  box-shadow: 0 10px 20px rgba(21, 77, 62, .09);
  transform-origin: bottom center;
}
.syntropy-visual-compare .rv-sheet::before {
  content: "";
  position: absolute;
  inset: 14px 12px auto;
  height: 7px;
  border-radius: 5px;
  background: #0c7b64;
  box-shadow: 0 18px 0 #cfe4dc, 0 35px 0 #e6efeb;
}
.syntropy-visual-compare .rv-sheet::after {
  content: "";
  position: absolute;
  right: 9px;
  bottom: 9px;
  width: 14px;
  height: 14px;
  border-radius: 50%;
  background: #f3b23c;
  box-shadow: inset 0 0 0 4px #fff;
}
.syntropy-visual-compare .rv-a { left: 8%; transform: rotate(-5deg); }
.syntropy-visual-compare .rv-b { left: 34.5%; z-index: 2; height: 94px; }
.syntropy-visual-compare .rv-c { right: 8%; transform: rotate(5deg); }
.syntropy-visual-compare .rv-scan {
  z-index: 4;
  left: 7%;
  top: 24px;
  width: 25%;
  height: 4px;
  border-radius: 4px;
  background: linear-gradient(90deg, transparent, #20a989, transparent);
  box-shadow: 0 0 15px rgba(32, 169, 137, .55);
  animation: syntropy-scan 5s ease-in-out infinite;
}

/* CRM scene: customer inquiry becomes a priced freight job. */
.syntropy-visual-crm .rv-inquiry {
  left: 7%;
  top: 23px;
  width: 35%;
  height: 86px;
  border-radius: 11px;
  background: #fff;
  border: 1px solid #c5ddd5;
  box-shadow: 0 10px 20px rgba(21, 77, 62, .09);
}
.syntropy-visual-crm .rv-inquiry::before {
  content: "";
  position: absolute;
  left: 12px;
  top: 14px;
  width: 22px;
  height: 22px;
  border-radius: 50%;
  background: #bce2d4;
  box-shadow: 32px 2px 0 -8px #0c7b64, 32px 15px 0 -8px #d9e9e3, 32px 28px 0 -8px #d9e9e3;
}
.syntropy-visual-crm .rv-cargo {
  left: 47%;
  bottom: 29px;
  width: 60px;
  height: 35px;
  border: 2px solid #08755f;
  background: repeating-linear-gradient(90deg, #18a181 0 8px, #0e8068 8px 10px);
  box-shadow: 10px -10px 0 -2px #55b89e;
  animation: syntropy-cargo 4.8s ease-in-out infinite;
}
.syntropy-visual-crm .rv-profit {
  right: 7%;
  top: 25px;
  width: 27%;
  height: 84px;
  border-radius: 11px;
  background: #fff;
  border: 1px solid #c5ddd5;
  box-shadow: 0 10px 20px rgba(21, 77, 62, .09);
}
.syntropy-visual-crm .rv-profit::before {
  content: "";
  position: absolute;
  left: 13px;
  right: 13px;
  bottom: 14px;
  height: 48px;
  background: linear-gradient(to top, #12876f 0 42%, transparent 42%) 0 100%/19% 100% no-repeat,
              linear-gradient(to top, #42ae92 0 65%, transparent 65%) 40% 100%/19% 100% no-repeat,
              linear-gradient(to top, #f0ad36 0 86%, transparent 86%) 80% 100%/19% 100% no-repeat;
  animation: syntropy-bars 4.8s ease-in-out infinite;
}

/* Software-stack scene: a freight packet passes through specialist workstations. */
.syntropy-visual-stack .rv-core {
  left: 39%;
  top: 35px;
  width: 22%;
  height: 72px;
  border-radius: 14px;
  background: linear-gradient(145deg, #0a876e, #075b49);
  box-shadow: 0 12px 25px rgba(7, 93, 74, .23);
}
.syntropy-visual-stack .rv-core::before {
  content: "";
  position: absolute;
  left: 21%;
  right: 21%;
  top: 19px;
  height: 7px;
  border-radius: 8px;
  background: #dff5ed;
  box-shadow: 0 17px 0 rgba(223, 245, 237, .72), 0 34px 0 rgba(223, 245, 237, .42);
}
.syntropy-visual-stack .rv-node {
  width: 72px;
  height: 52px;
  border-radius: 11px;
  background: #fff;
  border: 1px solid #c5ddd5;
  box-shadow: 0 8px 18px rgba(21, 77, 62, .08);
}
.syntropy-visual-stack .rv-node::before {
  content: "";
  position: absolute;
  inset: 12px;
  border-radius: 5px;
  background: linear-gradient(#0d8169 0 7px, transparent 7px 13px, #cfe4dc 13px 18px, transparent 18px 24px, #e3efeb 24px);
}
.syntropy-visual-stack .rv-a { left: 7%; top: 20px; }
.syntropy-visual-stack .rv-b { right: 7%; top: 20px; }
.syntropy-visual-stack .rv-c { left: 7%; bottom: 14px; }
.syntropy-visual-stack .rv-d { right: 7%; bottom: 14px; }
.syntropy-visual-stack .rv-packet {
  z-index: 4;
  left: 11%;
  top: 66px;
  width: 24px;
  height: 18px;
  border-radius: 5px;
  background: #f1ad34;
  box-shadow: 0 4px 12px rgba(193, 123, 0, .28);
  animation: syntropy-packet 6.2s cubic-bezier(.45, 0, .55, 1) infinite;
}

/* Case-study scene: cargo and documents move through one operating dock. */
.syntropy-visual-proof .rv-water {
  inset: auto 0 0;
  height: 46px;
  background: repeating-radial-gradient(ellipse at 50% 110%, rgba(24, 151, 122, .22) 0 9px, transparent 10px 22px);
  animation: syntropy-water 5s linear infinite;
}
.syntropy-visual-proof .rv-ship {
  left: 9%;
  bottom: 30px;
  width: 42%;
  height: 34px;
  border-radius: 5px 8px 20px 30px;
  background: #075c4c;
  transform: skewX(-12deg);
  animation: syntropy-ship 5s ease-in-out infinite;
}
.syntropy-visual-proof .rv-ship::before {
  content: "";
  position: absolute;
  left: 10%;
  bottom: 30px;
  width: 78%;
  height: 24px;
  background: repeating-linear-gradient(90deg, #ecaa35 0 18px, #178c73 18px 36px, #72c2aa 36px 54px);
}
.syntropy-visual-proof .rv-dock {
  right: 8%;
  bottom: 30px;
  width: 35%;
  height: 78px;
  border-radius: 6px 6px 0 0;
  background: #fff;
  border: 1px solid #c5ddd5;
  box-shadow: 0 10px 20px rgba(21, 77, 62, .09);
}
.syntropy-visual-proof .rv-dock::before {
  content: "";
  position: absolute;
  left: 13px;
  right: 13px;
  top: 14px;
  height: 9px;
  border-radius: 5px;
  background: #0d8169;
  box-shadow: 0 19px 0 #cfe4dc, 0 38px 0 #e3efeb;
}
.syntropy-visual-proof .rv-doc {
  right: 24%;
  top: 10px;
  width: 31px;
  height: 40px;
  border-radius: 5px;
  background: #fff;
  border: 1px solid #b9d7cc;
  animation: syntropy-doc 4.5s ease-in-out infinite;
}
.syntropy-visual-proof .rv-doc::before {
  content: "";
  position: absolute;
  inset: 9px 7px;
  background: repeating-linear-gradient(#0d8169 0 3px, transparent 3px 8px);
}

.syntropy-resource-card > .syntropy-resource-copy { display: block; color: #5d756e; font-size: .92rem; line-height: 1.5; }

/* Waybill resources use the same dark control-surface language as the product page. */
.syntropy-waybill-resources {
  position: relative;
  overflow: hidden;
  padding: clamp(34px, 4vw, 56px) !important;
  border-color: rgba(124, 232, 199, .22) !important;
  color: #f5faf7;
  background: #003f35 !important;
  box-shadow: 0 28px 70px rgba(0, 48, 40, .16);
}
.syntropy-waybill-resources::before {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  background:
    linear-gradient(rgba(124, 232, 199, .035) 1px, transparent 1px),
    linear-gradient(90deg, rgba(124, 232, 199, .035) 1px, transparent 1px);
  background-size: 48px 48px;
  mask-image: linear-gradient(135deg, #000, transparent 72%);
}
.syntropy-waybill-resources > * { position: relative; z-index: 1; }
.syntropy-waybill-resources .syntropy-resource-eyebrow { color: #7ce8c7; }
.syntropy-waybill-resources h2 { max-width: 1080px; color: #fff; }
.syntropy-waybill-resources > p { color: #bed5cd; }
.syntropy-waybill-resources .syntropy-resource-grid { gap: 18px; margin-top: 34px; }
.syntropy-waybill-resources .syntropy-resource-card {
  display: flex;
  min-height: 270px;
  flex-direction: column;
  padding: 28px;
  border-color: rgba(124, 232, 199, .19);
  border-radius: 20px;
  color: #f5faf7;
  background: #064c40;
  box-shadow: none;
}
.syntropy-waybill-resources .syntropy-resource-card::before {
  content: attr(data-resource-index);
  position: absolute;
  top: 20px;
  right: 24px;
  color: rgba(124, 232, 199, .08);
  font-size: clamp(5.2rem, 9vw, 8rem);
  font-weight: 800;
  line-height: .8;
  letter-spacing: -.08em;
  pointer-events: none;
}
.syntropy-waybill-resources .syntropy-resource-card::after {
  background: linear-gradient(135deg, rgba(124, 232, 199, .07), transparent 48%);
  opacity: 0;
}
.syntropy-waybill-resources .syntropy-resource-card:hover,
.syntropy-waybill-resources .syntropy-resource-card:focus-visible {
  border-color: rgba(124, 232, 199, .62);
  background: #07584a;
  box-shadow: 0 18px 38px rgba(0, 35, 29, .22);
}
.syntropy-waybill-resources .syntropy-resource-card:hover::after,
.syntropy-waybill-resources .syntropy-resource-card:focus-visible::after { opacity: 1; }
.syntropy-resource-topline {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  min-height: 30px;
}
.syntropy-resource-kicker {
  display: inline-flex;
  align-items: center;
  min-height: 30px;
  padding: 6px 12px;
  border-radius: 999px;
  color: #003f35;
  background: #7ce8c7;
  font-size: .7rem;
  font-weight: 800;
  letter-spacing: .08em;
  text-transform: uppercase;
}
.syntropy-resource-topline > span:last-child {
  color: rgba(245, 250, 247, .56);
  font-size: .75rem;
  font-weight: 800;
  letter-spacing: .12em;
}
.syntropy-waybill-resources .syntropy-resource-card > strong {
  position: relative;
  z-index: 1;
  max-width: 490px;
  margin: 30px 0 10px;
  color: #fff;
  font-size: clamp(1.18rem, 2vw, 1.45rem);
  line-height: 1.24;
}
.syntropy-waybill-resources .syntropy-resource-card > .syntropy-resource-copy {
  position: relative;
  z-index: 1;
  max-width: 500px;
  margin-bottom: 30px;
  color: #bed5cd;
  font-size: .95rem;
}
.syntropy-resource-track {
  position: relative;
  display: block;
  height: 1px;
  margin-top: auto;
  overflow: visible;
  background: rgba(124, 232, 199, .2);
}
.syntropy-resource-track::before,
.syntropy-resource-track::after {
  content: "";
  position: absolute;
  top: -3px;
  width: 7px;
  height: 7px;
  border-radius: 50%;
  background: #7ce8c7;
}
.syntropy-resource-track::before { left: 0; }
.syntropy-resource-track::after { right: 0; }
.syntropy-resource-track > i {
  position: absolute;
  top: -5px;
  left: 0;
  width: 11px;
  height: 11px;
  border: 2px solid #064c40;
  border-radius: 50%;
  background: #f5b640;
  box-shadow: 0 0 0 4px rgba(245, 182, 64, .12);
  animation: syntropy-resource-progress 5.8s ease-in-out infinite;
}
.syntropy-resource-card:nth-child(2) .syntropy-resource-track > i { animation-delay: -.9s; }
.syntropy-resource-card:nth-child(3) .syntropy-resource-track > i { animation-delay: -1.8s; }
.syntropy-resource-card:nth-child(4) .syntropy-resource-track > i { animation-delay: -2.7s; }
.syntropy-resource-link-label {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 14px;
  margin-top: 16px;
  color: #f5faf7;
  font-size: .72rem;
  font-weight: 800;
  letter-spacing: .07em;
  text-transform: uppercase;
}
.syntropy-resource-link-label b { color: #7ce8c7; font-size: 1rem; }

/* Animated architecture comparison in the software guide. */
.syntropy-architecture-motion {
  margin: 38px 0;
  overflow: hidden;
  border: 1px solid rgba(124, 232, 199, .24);
  border-radius: 24px;
  background: #003f35;
  box-shadow: 0 22px 50px rgba(0, 48, 40, .14);
}
.syntropy-architecture-stage { position: relative; aspect-ratio: 16 / 9; overflow: hidden; }
.syntropy-architecture-stage > img { display: block; width: 100%; height: 100%; object-fit: cover; }
.syntropy-architecture-stage::after {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  box-shadow: inset 0 0 0 1px rgba(124, 232, 199, .08);
}
.syntropy-architecture-label {
  position: absolute;
  z-index: 3;
  top: 24px;
  width: 39%;
  padding: 14px 18px;
  border: 1px solid rgba(124, 232, 199, .34);
  border-radius: 14px;
  color: #f5faf7;
  background: rgba(0, 63, 53, .94);
  box-shadow: none;
}
.syntropy-architecture-label strong { display: block; color: #7ce8c7; font-size: 1.08rem; }
.syntropy-architecture-label span { display: block; margin-top: 3px; color: #d7e8e2; font-size: .82rem; }
.syntropy-architecture-label-left { left: 4%; }
.syntropy-architecture-label-right { right: 4%; }
.syntropy-job-token {
  position: absolute;
  z-index: 5;
  width: 14px;
  height: 14px;
  border: 2px solid #003f35;
  border-radius: 50%;
  background: #f5b640;
  box-shadow: 0 0 0 5px rgba(245, 182, 64, .14);
}
.syntropy-job-token::before { display: none; }
.syntropy-job-token-left { left: 29%; top: 54%; animation: syntropy-diagram-pulse 3.2s ease-in-out infinite; }
.syntropy-job-token-right { left: 74%; top: 54%; animation: syntropy-diagram-pulse 3.2s ease-in-out -1.1s infinite; }
.syntropy-architecture-status {
  position: absolute;
  z-index: 4;
  bottom: 19px;
  padding: 9px 13px;
  border-radius: 999px;
  color: #003f35;
  background: #7ce8c7;
  font-size: .74rem;
  font-weight: 800;
  letter-spacing: .04em;
  text-transform: uppercase;
}
.syntropy-architecture-status-left { left: 4%; }
.syntropy-architecture-status-right { right: 4%; background: #f5faf7; }
.syntropy-architecture-motion figcaption { padding: 14px 18px 18px; color: #c7dcd5; background: #003f35; font-size: .85rem; line-height: 1.5; }

/* Image-led Waybill resource cards approved in the September visual refresh. */
.syntropy-waybill-resources {
  padding: clamp(30px, 4vw, 48px) !important;
  border-color: #c9e0d8 !important;
  color: #163d34;
  background: #f3faf7 !important;
  box-shadow: 0 24px 58px rgba(20, 68, 56, .08);
}
.syntropy-waybill-resources::before {
  background: radial-gradient(circle at 92% 8%, rgba(245, 182, 64, .11), transparent 29%);
  mask-image: none;
}
.syntropy-waybill-resources .syntropy-resource-eyebrow { color: #08745f; }
.syntropy-waybill-resources h2 { color: #123f35; }
.syntropy-waybill-resources > p { color: #526d65; }
.syntropy-waybill-resources .syntropy-resource-grid { gap: 18px; margin-top: 30px; }
.syntropy-waybill-resources .syntropy-resource-card {
  min-height: 0;
  padding: 16px 16px 22px;
  border-color: #d6e6e0;
  border-radius: 18px;
  color: #163d34;
  background: #fff;
  box-shadow: 0 12px 28px rgba(20, 68, 56, .07);
}
.syntropy-waybill-resources .syntropy-resource-card::before { display: none; }
.syntropy-waybill-resources .syntropy-resource-card::after {
  z-index: 0;
  background: radial-gradient(circle at 85% 8%, rgba(33, 169, 135, .1), transparent 38%);
}
.syntropy-waybill-resources .syntropy-resource-card:hover,
.syntropy-waybill-resources .syntropy-resource-card:focus-visible {
  border-color: #29a889;
  color: #163d34;
  background: #fff;
  box-shadow: 0 18px 38px rgba(20, 68, 56, .12);
}
.syntropy-waybill-resources .syntropy-resource-visual {
  z-index: 1;
  height: clamp(138px, 14vw, 180px);
  margin: 0 0 20px;
  border-color: #cce3da;
  background: #eef8f4;
}
.syntropy-waybill-resources .syntropy-resource-visual img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
  transition: transform .45s cubic-bezier(.2,.75,.25,1), filter .3s ease;
}
.syntropy-waybill-resources .syntropy-resource-card:hover .syntropy-resource-visual img,
.syntropy-waybill-resources .syntropy-resource-card:focus-visible .syntropy-resource-visual img {
  transform: scale(1.025);
  filter: saturate(1.04);
}
.syntropy-waybill-resources .syntropy-resource-topline,
.syntropy-waybill-resources .syntropy-resource-track,
.syntropy-waybill-resources .syntropy-resource-link-label { display: none; }
.syntropy-waybill-resources .syntropy-resource-card > strong {
  margin: 0 8px 8px;
  color: #08745f;
  font-size: clamp(1.02rem, 1.5vw, 1.2rem);
  line-height: 1.32;
}
.syntropy-waybill-resources .syntropy-resource-card > .syntropy-resource-copy {
  margin: 0 8px;
  color: #5d756e;
  font-size: .92rem;
}

.syntropy-motion-surface:not(.is-in-view) .syntropy-job-token,
.syntropy-resource-hub:not(.is-in-view) .syntropy-resource-visual > i,
.syntropy-resource-hub:not(.is-in-view) .syntropy-resource-visual > b { animation-play-state: paused; }

@keyframes syntropy-scan { 0%,12%{transform:translateX(0);opacity:0} 22%{opacity:1} 55%{transform:translateX(245%);opacity:1} 70%,100%{transform:translateX(245%);opacity:0} }
@keyframes syntropy-cargo { 0%,18%,100%{transform:translateX(-8px) translateY(2px)} 48%,70%{transform:translateX(8px) translateY(-4px)} }
@keyframes syntropy-bars { 0%,20%{transform:scaleY(.35);transform-origin:bottom} 55%,85%{transform:scaleY(1);transform-origin:bottom} 100%{transform:scaleY(.35);transform-origin:bottom} }
@keyframes syntropy-packet { 0%{transform:translate(0,-27px)} 22%{transform:translate(130px,-27px)} 45%{transform:translate(130px,28px)} 70%{transform:translate(260px,28px)} 88%,100%{transform:translate(260px,-27px)} }
@keyframes syntropy-water { to{background-position:44px 0} }
@keyframes syntropy-ship { 0%,100%{transform:skewX(-12deg) translateY(0)} 50%{transform:skewX(-12deg) translateY(-5px)} }
@keyframes syntropy-doc { 0%,18%{transform:translate(-95px,52px) rotate(-5deg);opacity:0} 28%{opacity:1} 65%,82%{transform:translate(0,0) rotate(0);opacity:1} 100%{transform:translate(0,-10px);opacity:0} }
@keyframes syntropy-resource-progress { 0%,8%{left:0;opacity:.25} 45%,60%{left:calc(100% - 11px);opacity:1} 92%,100%{left:0;opacity:.25} }
@keyframes syntropy-diagram-pulse { 0%,100%{transform:scale(.75);opacity:.55} 50%{transform:scale(1.2);opacity:1} }
@keyframes syntropy-unified-job { 0%,8%{transform:translate(0,0)} 30%{transform:translate(155px,-80px)} 55%{transform:translate(285px,-4px)} 78%{transform:translate(155px,70px)} 100%{transform:translate(0,0)} }
@keyframes syntropy-connected-job { 0%{transform:translate(0,0)} 22%{transform:translate(165px,-135px)} 47%{transform:translate(315px,-25px)} 72%{transform:translate(130px,120px)} 100%{transform:translate(0,0)} }

@media (max-width: 760px) {
  .syntropy-waybill-resources .syntropy-resource-card { min-height: 0; padding: 12px 12px 20px; }
  .syntropy-waybill-resources .syntropy-resource-visual { height: 148px; margin-bottom: 18px; }
  .syntropy-waybill-resources .syntropy-resource-card::before { top: 20px; right: 20px; font-size: 5.2rem; }
  .syntropy-waybill-resources .syntropy-resource-card > strong { margin-top: 24px; }
  .syntropy-architecture-stage { aspect-ratio: 16 / 9; }
  .syntropy-architecture-stage > img { object-position: center; }
  .syntropy-architecture-label { top: 7px; width: 43%; padding: 7px 8px; }
  .syntropy-architecture-label strong { font-size: .82rem; }
  .syntropy-architecture-label span { display: none; }
  .syntropy-job-token { width: 9px; height: 9px; border-width: 1px; }
  .syntropy-job-token-left { left: 29%; top: 54%; }
  .syntropy-job-token-right { left: 74%; top: 54%; }
  .syntropy-architecture-status { bottom: 5px; max-width: 43%; padding: 5px 7px; font-size: .5rem; text-align: center; }
  @keyframes syntropy-unified-job { 0%,8%{transform:translate(0,0)} 30%{transform:translate(50px,-42px)} 55%{transform:translate(100px,-5px)} 78%{transform:translate(50px,24px)} 100%{transform:translate(0,0)} }
  @keyframes syntropy-connected-job { 0%{transform:translate(0,0)} 22%{transform:translate(52px,-45px)} 47%{transform:translate(112px,-8px)} 72%{transform:translate(42px,28px)} 100%{transform:translate(0,0)} }
}

@media (prefers-reduced-motion: reduce) {
  .syntropy-resource-visual > i,
  .syntropy-resource-visual > b,
  .syntropy-job-token { animation: none !important; }
  .syntropy-resource-track > i { animation: none !important; left: 50%; }
  .syntropy-resource-card { scroll-behavior: auto; }
}