/* Connected systems: static content first, one gentle entrance when in view. */
.systems-section{padding-block:80px;overflow:clip}
.systems-intro{text-align:center;max-width:730px;margin:auto}
.systems-intro h2{font-size:clamp(2.2rem,4.3vw,3.75rem);line-height:1.08;letter-spacing:-.05em;margin:20px 0 24px}
.systems-intro>p{max-width:570px;margin:auto;font-size:1.0625rem;line-height:1.75;color:var(--muted)}
.systems-intro>.text-link{margin-top:20px}
.systems-network{max-width:940px;margin:48px auto 0;padding:0 32px}
.systems-apps{display:grid;gap:18px}
.systems-row{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:18px;position:relative}
.systems-row:first-child{transform:translateX(-20px)}.systems-row:last-child{transform:translateX(20px)}
.systems-app{position:relative;isolation:isolate;display:flex;min-height:126px;align-items:center;justify-content:center;flex-direction:column;gap:16px;border:1px solid transparent;border-radius:24px;background:#f0ece5;font-size:.8125rem;text-decoration:none;color:var(--ink);transition:background .2s,box-shadow .2s}
.systems-app--woocommerce img{transform:scale(1.8)}
.systems-app:not(:last-child):after{content:'';position:absolute;z-index:-1;left:100%;top:calc(50% - 11px);width:20px;height:22px;background:#f0ece5;border-radius:8px}
.systems-app:hover,.systems-app:focus-visible{background:#fff;box-shadow:0 6px 22px #49332212;outline:2px solid #b95129;outline-offset:3px}
.systems-app img{object-fit:contain;opacity:1;max-width:52px;max-height:44px}
.systems-app--woocommerce img{width:58px;max-width:58px}
.systems-app span{text-align:center;line-height:1.4}
.systems-network.is-visible .systems-app{animation:systems-arrive .7s both;animation-delay:calc(var(--tile-order)*60ms)}
@keyframes systems-arrive{from{opacity:.35;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}
.systems-suites{display:grid;grid-template-columns:1fr 1fr;gap:20px;max-width:920px;margin:34px auto 0}
.systems-suites>a{display:block;position:relative;padding:28px 30px;background:#f0ece5;border-radius:20px;color:var(--ink);text-decoration:none}
.systems-suites>a:hover,.systems-suites>a:focus-visible{outline:2px solid #b95129;outline-offset:3px;background:#f5f1ea}
.systems-suite-arrow{position:absolute;right:26px;top:26px;border:1px solid #d9d2c7;border-radius:10px;width:32px;height:32px;display:grid;place-items:center}
.systems-suites h3{font-size:1.4rem;letter-spacing:-.03em;margin:20px 0 10px}
.systems-suites p{font-size:.9375rem;line-height:1.65;color:var(--muted);max-width:330px}
.systems-note{max-width:700px;text-align:center;margin:24px auto 0;font-size:.8125rem;line-height:1.7;color:var(--muted)}
.systems-usecases{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;margin-top:56px}
.systems-usecases article{scroll-margin-top:110px;padding:30px;border-top:1px solid var(--line)}
.systems-usecases h3{font-size:1.4rem;letter-spacing:-.025em;margin:15px 0 12px}
.systems-usecases p{font-size:1rem;color:var(--muted);line-height:1.7}
.systems-section--support{border-block:1px solid var(--line)}
@media(max-width:750px){.systems-section{padding-block:56px}.systems-network{padding:0;margin-top:32px}.systems-row{gap:10px;transform:none!important}.systems-app{min-height:100px;border-radius:16px;padding:14px 6px;gap:12px;font-size:.6875rem}.systems-app img{width:32px;height:32px}.systems-app--woocommerce img{max-width:40px}.systems-app--woocommerce img{transform:scale(1.8)}
.systems-app:not(:last-child):after{width:12px;height:16px;top:calc(50% - 8px)}.systems-apps{gap:12px}.systems-suites{gap:14px}.systems-suites>a{padding:22px}.systems-suites h3{font-size:1.1rem}.systems-suites p{font-size:.875rem}.systems-suite-arrow{right:16px;top:18px}.systems-note{padding-inline:10px}}
@media(max-width:480px){.systems-apps{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.systems-row{display:contents}.systems-app{min-height:116px;font-size:.8125rem}.systems-app img{width:40px;height:40px}.systems-app--woocommerce img{transform:scale(1.8)}
.systems-app:not(:last-child):after{display:none}.systems-suites{grid-template-columns:1fr}.systems-suites>a{padding:24px}.systems-suites h3{font-size:1.3rem}}
@media(prefers-reduced-motion:reduce){.systems-network.is-visible .systems-app{animation:none}.systems-app{transition:none}}
.brand-workflow-body{display:grid;grid-template-columns:1fr 1.1fr;align-items:center;gap:60px}.brand-workflow ol{list-style:none;padding:0;margin:0}.brand-workflow li{display:flex;align-items:baseline;gap:22px;padding:24px 0;border-top:1px solid var(--line)}.brand-workflow li>.mono{color:#a64d2c;font-size:.875rem}.brand-workflow h3{font-size:1.25rem;letter-spacing:-.02em;margin:0 0 12px}.brand-workflow li p{font-size:1rem;line-height:1.7;color:var(--muted)}.brand-batch-example{margin:0;padding:30px 22px 22px;background:#ece7dc;border-radius:14px}.brand-batch-example>div{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;align-items:center}.brand-batch-example img{height:auto;width:100%;box-shadow:0 8px 24px #30251b14;border-radius:3px}.brand-batch-example img:nth-child(2){transform:translateY(-12px)}.brand-batch-example figcaption{margin-top:24px;color:#665c4c;font-size:.8125rem;line-height:1.6;text-align:center}.brand-workflow .availability-note{max-width:850px}
@media(max-width:1000px){.brand-workflow-body{gap:30px}.brand-batch-example{padding:24px 16px 18px}}
@media(max-width:750px){.systems-section{padding-block:60px}.systems-network{margin-top:30px}.systems-usecases{grid-template-columns:1fr;gap:14px}.systems-usecases article{padding:24px}.brand-workflow-body{grid-template-columns:1fr;gap:24px}.brand-workflow .section-intro>p{margin-bottom:24px}.brand-batch-example>div{gap:10px}.brand-workflow li{gap:15px}.brand-batch-example figcaption{font-size:.8125rem}}
@media(prefers-reduced-motion:reduce){.systems-app{transition:none}.systems-app:hover{transform:none}}