/* Brand-forward treatment for the capability ribbon and connected-area diagram. */
.brand-ribbon{position:relative;z-index:4;padding:27px 0;background:#f4f3e9;color:#183321;border-top:1px solid rgba(230,245,220,.16);border-bottom:1px solid rgba(37,70,42,.08)}
.brand-ribbon-layout{display:grid;grid-template-columns:minmax(0,.93fr) 1px minmax(0,1.07fr);align-items:center;gap:clamp(22px,4vw,55px);max-width:1320px}
.brand-ribbon-group{display:grid;gap:14px;min-width:0}
.brand-ribbon-title{color:#718273;font-size:.55rem;font-weight:850;letter-spacing:.17em}
.brand-ribbon-logos,.vendor-logo-row{display:flex;align-items:center;gap:10px;min-width:0}
.brand-token{display:flex;align-items:center;gap:9px;min-height:57px;padding:7px 13px 7px 8px;border:1px solid #e2e8dc;border-radius:13px;background:rgba(255,255,255,.69);color:#334c39;font-size:.72rem;font-weight:750;white-space:nowrap;box-shadow:0 4px 14px rgba(34,65,39,.025)}
.brand-token img{display:block;width:37px;height:37px;padding:5px;border-radius:10px;background:linear-gradient(145deg,#315b3c,#173723);object-fit:contain}
.brand-ribbon-divider{width:1px;height:65px;background:linear-gradient(transparent,#cbd6c7 20%,#cbd6c7 80%,transparent)}
.vendor-logo-row{justify-content:space-between;gap:9px}
.vendor-logo{display:flex;align-items:center;justify-content:center;gap:8px;min-width:0;min-height:52px;padding:8px 11px;border:1px solid #e2e8dc;border-radius:13px;background:rgba(255,255,255,.75);color:#36483b;font-size:.66rem;font-weight:750;white-space:nowrap}
.vendor-logo img{display:block;flex:none;object-fit:contain}
.vendor-logo .vendor-whatsapp{width:25px;height:25px}
.vendor-logo .vendor-drive{width:26px;height:26px}
.vendor-logo .vendor-bank{width:25px;height:25px}
.vendor-logo.vendor-siigo{min-width:98px;padding:5px 10px}
.vendor-logo.vendor-siigo img{width:73px;height:42px;object-fit:contain}
.network-section{padding-top:83px;padding-bottom:90px}
.network-heading{align-items:center;margin-bottom:31px}
.network-heading>div{display:grid;gap:4px}
.network-heading .eyebrow{color:#5c815e}
.network-heading h2{margin:4px 0 0;font-size:clamp(2.45rem,4.7vw,4.1rem);letter-spacing:-.079em}
.network-count{display:flex;align-items:center;gap:10px;padding:9px 13px;border:1px solid #dfe8d9;border-radius:999px;background:rgba(255,255,255,.64);color:#657a67;font-size:.54rem;font-weight:850;letter-spacing:.13em}
.network-count b{display:grid;place-items:center;width:29px;height:29px;border-radius:50%;background:#173a26;color:#d7f4bb;font-size:.65rem;letter-spacing:0}
.network-orbit{min-height:490px;max-width:1160px;border-color:rgba(55,93,57,.12);border-radius:28px;background:radial-gradient(ellipse at 50% 48%,rgba(179,215,153,.3),transparent 46%),linear-gradient(145deg,#fbfcf7,#e9eddf);box-shadow:0 18px 50px rgba(36,68,39,.055)}
.network-lines path{stroke:#789b70;stroke-width:1.6;stroke-dasharray:4 8;opacity:.52}
.network-lines circle{fill:#78a963;stroke:#fbfcf7;stroke-width:5}
.network-node{grid-template-columns:52px minmax(0,1fr) 19px;column-gap:13px;width:263px;min-height:95px;padding:14px 16px;border:1px solid rgba(47,84,48,.12);border-radius:18px;background:rgba(255,255,252,.91);box-shadow:0 15px 36px rgba(40,64,43,.09);transition:transform .22s,border-color .22s,box-shadow .22s}
.network-node:hover{transform:translateY(-3px);border-color:rgba(80,133,72,.35);box-shadow:0 20px 42px rgba(40,64,43,.13)}
.network-admin{top:5%;left:3%}.network-sales{top:5%;right:3%}.network-ops{bottom:1%;left:50%;transform:translateX(-50%)}
.network-ops:hover{transform:translate(-50%,-3px)}
.network-logo{display:grid;place-items:center;width:50px;height:50px;border:1px solid #dae6d2;border-radius:15px;background:linear-gradient(145deg,#f1f6e9,#e4edda)}
.network-logo img{width:39px;height:39px;object-fit:contain}
.network-node-copy{display:grid;gap:5px;min-width:0}
.network-node-copy small{margin:0;color:#829082;font-size:.48rem;font-weight:850;letter-spacing:.12em}
.network-node-name{color:#25412d;font-size:.91rem;font-weight:820;letter-spacing:-.035em}
.network-node-arrow{align-self:start;color:#7b9a76;font-size:.9rem;line-height:1}
.network-core{width:166px;height:166px;gap:5px;border-color:rgba(172,222,128,.4);box-shadow:0 0 0 13px rgba(82,134,75,.075),0 0 78px rgba(104,163,71,.24),0 20px 46px rgba(28,53,31,.12)}
.core-orbit{width:66px;height:66px}
.core-orbit img{width:31px;height:31px;object-fit:contain}
.network-core strong{font-size:.61rem;letter-spacing:.16em}
.network-core>small{font-size:.41rem;letter-spacing:.13em}
@media(max-width:1050px){
 .brand-ribbon-layout{gap:22px}
 .brand-ribbon-logos,.vendor-logo-row{gap:7px}
 .brand-token{gap:7px;padding-right:9px;font-size:.65rem}
 .vendor-logo{gap:6px;padding-inline:8px;font-size:.6rem}
 .vendor-logo.vendor-siigo{min-width:85px}
 .vendor-logo.vendor-siigo img{width:65px}
 .network-node{width:235px}
}
@media(max-width:760px){
 .brand-ribbon{padding:22px 0}
 .brand-ribbon-layout{grid-template-columns:1fr;gap:17px}
 .brand-ribbon-group{gap:10px}
 .brand-ribbon-divider{width:100%;height:1px;background:linear-gradient(90deg,transparent,#cbd6c7 12%,#cbd6c7 88%,transparent)}
 .brand-ribbon-logos{flex-wrap:wrap}
 .brand-token{flex:1 1 130px;min-width:0;min-height:53px}
 .vendor-logo-row{justify-content:flex-start;flex-wrap:wrap}
 .vendor-logo{flex:1 1 104px;min-width:0}
 .vendor-logo.vendor-siigo{flex:1 1 104px;min-width:0}
 .network-section{padding-block:57px}
 .network-heading{align-items:flex-start;margin-bottom:19px}
 .network-heading h2{font-size:clamp(2.1rem,8.5vw,3rem)}
 .network-count{align-self:flex-start;padding:6px 9px;font-size:.45rem}
 .network-count b{width:24px;height:24px;font-size:.57rem}
 .network-orbit{min-height:0;padding:16px;border-radius:22px}
 .network-node{grid-template-columns:40px minmax(0,1fr) 14px;grid-column:1/-1;gap:7px;width:auto;min-height:67px;padding:9px;border-radius:14px}
 .network-admin,.network-sales,.network-ops{grid-column:1/-1}
 .network-logo{width:38px;height:38px;border-radius:11px}
 .network-logo img{width:31px;height:31px}
 .network-node-copy{gap:3px}
 .network-node-copy small{font-size:.4rem;letter-spacing:.08em}
 .network-node-name{font-size:.69rem;overflow-wrap:anywhere}
 .network-node-arrow{font-size:.74rem}
 .network-core{width:100%;height:112px;border-radius:16px}
 .core-orbit{width:43px;height:43px}
 .core-orbit img{width:24px;height:24px}
 .core-orbit::before{inset:-6px}.core-orbit::after{inset:-11px}
 .network-core strong{font-size:.5rem}.network-core>small{font-size:.36rem}
}
@media(max-width:380px){
 .brand-token{flex-basis:100%}
 .vendor-logo{flex-basis:calc(50% - 5px)}
 .network-orbit{gap:7px;padding:11px}
 .network-node{grid-template-columns:33px minmax(0,1fr) 11px;gap:5px;padding:8px 7px}
 .network-logo{width:32px;height:32px;border-radius:10px}
 .network-logo img{width:26px;height:26px}
 .network-node-name{font-size:.63rem}
}
@media(prefers-reduced-motion:reduce){.network-node{transition:none}}