/* Private label commercial scale page (/private-label-manufacturing/commercial-weighing-scale): range, label
   builder, who it's for, problems, order terms and links. Its own palette, graphite and signal amber, so the trade
   scale line reads apart from the crimson consumer pages. Same type as the other private label pages. */

/* ------------------------------------------------------------ shared */
.ocs{--ink:#14181D;--ink2:#4A535C;--steel:#5B6670;--line:#D9DEE3;--surf:#EEF1F3;--paper:#F7F8F9;--amb:#F2A900;--amb2:#FFC93C;--ambd:#8A6200;--ambt:#FFF5D6;--led:#39D353;
  font-family:"IBM Plex Sans","Segoe UI",Arial,sans-serif;color:var(--ink);padding:72px 16px}
.ocs *{box-sizing:border-box}
.ocs .w{max-width:1140px;margin:0 auto;position:relative}
.ocs .eb{display:inline-flex;align-items:center;gap:10px;font:600 .74rem "IBM Plex Mono",monospace;letter-spacing:.12em;text-transform:uppercase;color:var(--ambd)}
.ocs .eb::before{content:"";width:26px;height:8px;border-radius:2px;background:repeating-linear-gradient(-45deg,var(--amb) 0 4px,var(--ink) 4px 8px)}
.ocs h2{font-family:"Archivo","Arial Narrow",Arial,sans-serif;font-weight:800;font-size:clamp(1.8rem,3.4vw,2.6rem);line-height:1.08;margin:12px 0 10px;max-width:800px;letter-spacing:-.01em}
.ocs .intro{font-size:1.04rem;line-height:1.6;margin:0 0 30px;max-width:680px;color:var(--ink2)}
.ocs a{color:inherit}
.ocs .btn{display:inline-flex;align-items:center;gap:8px;font:700 .95rem "IBM Plex Sans",Arial,sans-serif;text-decoration:none;padding:13px 20px;border-radius:8px;background:var(--amb);color:var(--ink);border:2px solid var(--amb);transition:transform .2s ease,background .2s ease}
.ocs .btn:hover{transform:translateY(-2px);background:var(--amb2)}
.ocs .btn.ghost{background:transparent;color:inherit;border-color:currentColor}
.ocs.js .rv{opacity:0;transform:translateY(16px);transition:opacity .6s ease var(--d,0s),transform .6s ease var(--d,0s)}
.ocs.js .rv.in{opacity:1;transform:none}
@media (prefers-reduced-motion:reduce){.ocs.js .rv{opacity:1;transform:none;transition:none}}
.ocs .chips{display:flex;flex-wrap:wrap;gap:8px;align-items:center}
.ocs .chips b{font:700 .7rem "IBM Plex Mono",monospace;letter-spacing:.12em;text-transform:uppercase;margin-right:6px}
.ocs .chips span{font-size:.86rem;font-weight:600;padding:6px 11px;border-radius:6px;background:#fff;border:1px solid var(--line)}

/* ------------------------------------------------------------ the range */
.ocs-range{background:var(--surf)}
.ocs-range .fam{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.ocs-range .fc{background:#fff;border:1px solid var(--line);border-radius:12px;overflow:hidden;display:flex;flex-direction:column;transition:transform .25s ease,box-shadow .25s ease}
.ocs-range .fc:hover{transform:translateY(-4px);box-shadow:0 22px 36px -24px rgba(20,24,29,.55)}
.ocs-range .mk-ph{position:relative;margin:0;aspect-ratio:1;background:#fff;border-bottom:4px solid var(--ink)}
.ocs-range .mk-ph img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;transition:opacity .45s ease}
.ocs-range .mk-ph img+img{opacity:0}
.ocs-range .mk-ph.alt img{opacity:0}.ocs-range .mk-ph.alt img+img{opacity:1}
.ocs-range .fid{position:absolute;left:12px;top:12px;z-index:2;font:700 .7rem "IBM Plex Mono",monospace;letter-spacing:.08em;color:var(--ink);background:var(--amb);padding:5px 9px;border-radius:4px}
.ocs-range .mk-sw{position:absolute;right:10px;top:10px;z-index:2;display:flex;gap:4px;padding:4px;border-radius:8px;background:rgba(255,255,255,.94);box-shadow:0 6px 16px -8px rgba(20,24,29,.5)}
.ocs-range .mk-sw button{font:600 .7rem "IBM Plex Mono",monospace;letter-spacing:.04em;border:0;border-radius:5px;padding:6px 9px;background:transparent;color:var(--ink2);cursor:pointer}
.ocs-range .mk-sw button[aria-pressed="true"]{background:var(--ink);color:#fff}
.ocs-range .fb{padding:18px 18px 20px;display:flex;flex-direction:column;flex:1}
.ocs-range .tag{font:700 .66rem "IBM Plex Mono",monospace;letter-spacing:.12em;text-transform:uppercase;color:var(--ambd)}
.ocs-range h3{font-family:"Archivo",Arial,sans-serif;font-weight:800;font-size:1.28rem;line-height:1.2;margin:6px 0 8px}
.ocs-range .lead{margin:0 0 14px;font-size:.92rem;line-height:1.55;color:var(--ink2)}
.ocs-range table{width:100%;border-collapse:collapse;font-size:.84rem;margin:0 0 14px}
.ocs-range caption{text-align:left;font:700 .64rem "IBM Plex Mono",monospace;letter-spacing:.12em;text-transform:uppercase;color:var(--steel);padding-bottom:6px}
.ocs-range th,.ocs-range td{text-align:left;padding:7px 8px;border-bottom:1px solid var(--line);vertical-align:top}
.ocs-range thead th{font:600 .64rem "IBM Plex Mono",monospace;letter-spacing:.08em;text-transform:uppercase;color:var(--steel);background:var(--paper);border-bottom:2px solid var(--ink)}
.ocs-range tbody th{font-weight:700;white-space:nowrap}
.ocs-range .best{margin:auto 0 0;padding:10px 12px;border-radius:8px;background:var(--ambt);border-left:4px solid var(--amb);font-size:.88rem;line-height:1.5}
.ocs-range .best b{display:block;font:700 .64rem "IBM Plex Mono",monospace;letter-spacing:.12em;text-transform:uppercase;color:var(--ambd);margin-bottom:2px}
.ocs-range .hd{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:16px}
.ocs-range .hc{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.15fr);background:#fff;border:1px solid var(--line);border-radius:12px;overflow:hidden}
.ocs-range .hc figure{margin:0;background:#fff;border-right:4px solid var(--ink);display:flex;align-items:center}
.ocs-range .hc img{display:block;width:100%;height:auto}
.ocs-range .hc>div{padding:16px 18px}
.ocs-range .hc h3{font-size:1.12rem;margin:5px 0 6px}
.ocs-range .hc p{margin:0 0 10px;font-size:.88rem;line-height:1.5;color:var(--ink2)}
.ocs-range .hc .sz{display:flex;flex-wrap:wrap;gap:6px;margin:0}
.ocs-range .hc .sz span{font:600 .74rem "IBM Plex Mono",monospace;padding:4px 8px;border-radius:5px;background:var(--surf);color:var(--ink)}
@media (max-width:860px){.ocs-range .hd{grid-template-columns:1fr}}
@media (max-width:520px){.ocs-range .hc{grid-template-columns:1fr}.ocs-range .hc figure{border-right:0;border-bottom:4px solid var(--ink)}}
.ocs-range .all{margin-top:22px;padding:16px 18px;background:var(--ink);color:#fff;border-radius:12px;display:grid;gap:12px}
.ocs-range .all .chips span{background:rgba(255,255,255,.06);border-color:rgba(255,255,255,.18);color:#fff}
.ocs-range .all .chips b{color:var(--amb)}
.ocs-range .all .chips.cu span{border-color:var(--amb);color:var(--amb2)}
@media (max-width:980px){.ocs-range .fam{grid-template-columns:1fr 1fr}.ocs-range .fc:last-child{grid-column:1/-1}}
@media (max-width:640px){.ocs-range .fam{grid-template-columns:1fr}.ocs-range .fc:last-child{grid-column:auto}}

/* ------------------------------------------------------------ the builder */
.ocs-build{background:var(--ink);color:#fff}
.ocs-build .eb{color:var(--amb)}
.ocs-build .intro{color:#C3CAD1}
.ocs-build .bd-grid{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:28px;align-items:start}
.ocs-build .grp{display:flex;align-items:center;gap:10px;font:700 .74rem "IBM Plex Mono",monospace;letter-spacing:.12em;text-transform:uppercase;margin:0 0 10px;color:#fff}
.ocs-build .grp i{font-style:normal;width:22px;height:22px;border-radius:4px;display:grid;place-items:center;background:var(--amb);color:var(--ink);font-size:.72rem}
.ocs-build .bd-ctl>div{margin-bottom:22px}
.ocs-build .bd-opts{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}
.ocs-build .bd-o{text-align:left;font:inherit;color:#fff;background:#1E242B;border:1px solid #333B44;border-radius:8px;padding:10px 12px;cursor:pointer;transition:border-color .2s ease,background .2s ease}
.ocs-build .bd-o b{display:block;font-size:.95rem}
.ocs-build .bd-o small{display:block;color:#9AA4AE;font-size:.76rem;margin-top:2px}
.ocs-build .bd-o:hover{border-color:#56616C}
.ocs-build .bd-o[aria-pressed="true"]{border-color:var(--amb);background:#262017;box-shadow:inset 0 0 0 1px var(--amb)}
.ocs-build .bd-sws{display:flex;flex-wrap:wrap;gap:8px;align-items:center}
.ocs-build .bd-s{width:36px;height:36px;border-radius:8px;border:2px solid #333B44;background:var(--c);cursor:pointer;padding:0;position:relative}
.ocs-build .bd-s span{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
.ocs-build .bd-s[aria-pressed="true"]{border-color:var(--amb);box-shadow:0 0 0 3px rgba(242,169,0,.3)}
.ocs-build .bd-s.auto{background:conic-gradient(#fff 0 50%,#14181D 0)}
.ocs-build .bd-pick{display:inline-flex;align-items:center;gap:8px;font-size:.84rem;color:#C3CAD1;padding:4px 10px 4px 4px;border:1px dashed #56616C;border-radius:8px;cursor:pointer}
.ocs-build .bd-pick input{width:30px;height:28px;border:0;padding:0;background:none;cursor:pointer}
.ocs-build .bd-in{display:grid;gap:10px}
.ocs-build .bd-l{display:grid;gap:6px;font-size:.84rem;color:#C3CAD1}
.ocs-build input[type=text],.ocs-build input[type=tel],.ocs-build input[type=email],.ocs-build select,.ocs-build textarea{font:inherit;font-size:.95rem;color:#fff;background:#1E242B;border:1px solid #333B44;border-radius:8px;padding:11px 12px;width:100%}
.ocs-build input:focus,.ocs-build select:focus,.ocs-build textarea:focus,.ocs-build button:focus-visible{outline:2px solid var(--amb);outline-offset:2px}
.ocs-build .bd-sub{font:600 .7rem "IBM Plex Mono",monospace;letter-spacing:.1em;text-transform:uppercase;color:#9AA4AE;margin:14px 0 8px}
.ocs-build .bd-f{padding:8px 12px;min-width:52px;text-align:center}
.ocs-build .bd-shw{background:#fff;border-radius:14px;overflow:hidden;color:var(--ink)}
.ocs-build .bd-stage{position:relative;aspect-ratio:1;background:#fff}
.ocs-build .bd-stage img,.ocs-build .bd-stage .ocs-ov{position:absolute;inset:0;width:100%;height:100%}
.ocs-build .bd-stage img{object-fit:contain}
.ocs-build .live{position:absolute;left:12px;top:12px;z-index:2;font:700 .66rem "IBM Plex Mono",monospace;letter-spacing:.1em;color:var(--ink);background:var(--amb);padding:5px 8px;border-radius:4px}
.ocs-build .chip{position:absolute;right:12px;top:12px;z-index:2;font:600 .72rem "IBM Plex Mono",monospace;color:#fff;background:var(--ink);padding:5px 9px;border-radius:4px}
.ocs-build .bd-close{border-top:1px solid var(--line);padding:14px 16px 16px;background:var(--paper)}
.ocs-build .bd-close p{margin:0 0 8px;font:600 .66rem "IBM Plex Mono",monospace;letter-spacing:.1em;text-transform:uppercase;color:var(--steel)}
.ocs-build .bd-close .ocs-flat{display:block;width:100%;height:auto;max-height:230px;filter:drop-shadow(0 8px 14px rgba(20,24,29,.25))}
.ocs-build .bd-note{font-size:.8rem;color:#9AA4AE;line-height:1.5;margin:10px 2px 0}
.ocs-build .bd-law{display:grid;grid-template-columns:auto 1fr;gap:16px;margin-top:30px;padding:20px 22px;border-radius:12px;background:#1E242B;border:1px solid #333B44}
.ocs-build .bd-law svg{width:34px;height:34px;fill:none;stroke:var(--amb);stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
.ocs-build .bd-law h3{margin:0 0 6px;font-family:"Archivo",Arial,sans-serif;font-size:1.1rem}
.ocs-build .bd-law p{margin:0 0 8px;color:#C3CAD1;line-height:1.6;font-size:.93rem}
.ocs-build .bd-law p:last-child{margin:0}
.ocs-build .bd-law a{color:var(--amb2)}
.ocs-build .bd-form{margin-top:30px;padding:24px;border-radius:14px;background:#fff;color:var(--ink)}
.ocs-build .bd-form h3{margin:0 0 4px;font-family:"Archivo",Arial,sans-serif;font-size:1.3rem}
.ocs-build .bd-form>p{margin:0 0 16px;color:var(--ink2)}
.ocs-build .bd-fg{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}
.ocs-build .bd-fg label{display:grid;gap:6px;font-size:.84rem;font-weight:600;color:var(--ink2)}
.ocs-build .bd-fg .wide{grid-column:1/-1}
.ocs-build .bd-form input,.ocs-build .bd-form select,.ocs-build .bd-form textarea{color:var(--ink);background:var(--paper);border-color:var(--line)}
.ocs-build .bd-hp{position:absolute;left:-9999px}
.ocs-build .bd-send{display:flex;flex-wrap:wrap;align-items:center;gap:14px;margin-top:16px}
.ocs-build .bd-send button{font:700 .98rem "IBM Plex Sans",Arial,sans-serif;padding:13px 22px;border-radius:8px;border:0;background:var(--amb);color:var(--ink);cursor:pointer}
.ocs-build .bd-send button:disabled{opacity:.6}
.ocs-build .bd-msg{font-size:.9rem}
.ocs-build .bd-msg.err{color:#C0392B}
@media (max-width:980px){.ocs-build .bd-grid{grid-template-columns:1fr}.ocs-build .bd-view{order:-1}.ocs-build .bd-fg{grid-template-columns:1fr 1fr}}
@media (max-width:640px){.ocs-build .bd-opts{grid-template-columns:1fr}.ocs-build .bd-fg{grid-template-columns:1fr}}

/* ------------------------------------------------------------ who it's for */
.ocs-who{background:#fff}
.ocs-who .wg{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}
.ocs-who .wc{border:1px solid var(--line);border-top:4px solid var(--ink);border-radius:10px;padding:18px;background:#fff;display:flex;flex-direction:column;overflow:hidden}
.ocs-who .ph{margin:-18px -18px 0;aspect-ratio:16/10;overflow:hidden;background:var(--surf);border-bottom:1px solid var(--line)}
.ocs-who .ph img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .5s ease}
.ocs-who .wc:hover .ph img{transform:scale(1.04)}
.ocs-who .ph+.ic{margin-top:-21px;position:relative;border:3px solid #fff}
.ocs-who .ic{width:42px;height:42px;border-radius:8px;display:grid;place-items:center;background:var(--ambt);margin-bottom:12px}
.ocs-who .ic svg{width:24px;height:24px;fill:none;stroke:var(--ink);stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
.ocs-who h3{font-family:"Archivo",Arial,sans-serif;font-size:1.08rem;margin:0 0 6px}
.ocs-who p{margin:0 0 12px;font-size:.9rem;line-height:1.5;color:var(--ink2)}
.ocs-who dl{margin:auto 0 0;display:grid;gap:8px;font-size:.86rem}
.ocs-who dt{font:600 .62rem "IBM Plex Mono",monospace;letter-spacing:.1em;text-transform:uppercase;color:var(--steel)}
.ocs-who dd{margin:2px 0 0;font-weight:600}
.ocs-who .cta{margin-top:22px;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:16px;padding:20px 22px;border-radius:12px;background:var(--surf);border-left:6px solid var(--amb)}
.ocs-who .cta p{margin:0;max-width:640px;line-height:1.55}
.ocs-who .cta .btns{display:flex;flex-wrap:wrap;gap:10px}
@media (max-width:980px){.ocs-who .wg{grid-template-columns:1fr 1fr}}
@media (max-width:560px){.ocs-who .wg{grid-template-columns:1fr}}

/* ------------------------------------------------------------ problems */
.ocs-why{background:var(--paper)}
.ocs-why .pg{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}
.ocs-why .pc{display:grid;grid-template-columns:1fr 1fr;border-radius:12px;overflow:hidden;border:1px solid var(--line);background:#fff}
.ocs-why .pp{padding:18px}
.ocs-why .pf{padding:18px;background:var(--ink);color:#fff}
.ocs-why .lb{font:700 .62rem "IBM Plex Mono",monospace;letter-spacing:.12em;text-transform:uppercase;color:var(--steel)}
.ocs-why .pf .lb{color:var(--amb)}
.ocs-why h3{font-family:"Archivo",Arial,sans-serif;font-size:1.06rem;margin:6px 0 6px}
.ocs-why p{margin:0;font-size:.9rem;line-height:1.55}
.ocs-why .pp p{color:var(--ink2)}
.ocs-why .cost{display:block;margin-top:8px;font:600 .74rem "IBM Plex Mono",monospace;color:#B3202A}
.ocs-why .pf p{color:#E3E7EB}
.ocs-why .pf a{color:var(--amb2)}
@media (max-width:860px){.ocs-why .pg{grid-template-columns:1fr}}
@media (max-width:480px){.ocs-why .pc{grid-template-columns:1fr}}

/* ------------------------------------------------------------ order terms */
.ocs-terms{background:var(--surf)}
.ocs-terms .tg{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.ocs-terms .tc{background:#fff;border:1px solid var(--line);border-radius:12px;padding:18px}
.ocs-terms .tc.big{background:var(--ink);color:#fff;border-color:var(--ink)}
.ocs-terms .k{display:flex;align-items:center;gap:8px;font:700 .66rem "IBM Plex Mono",monospace;letter-spacing:.12em;text-transform:uppercase;color:var(--steel)}
.ocs-terms .tc.big .k{color:var(--amb)}
.ocs-terms .k svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.ocs-terms h3{font-family:"Archivo",Arial,sans-serif;font-size:1.3rem;margin:8px 0 6px}
.ocs-terms .tc.big h3{font-size:2rem;color:var(--amb)}
.ocs-terms p{margin:0;font-size:.9rem;line-height:1.55;color:var(--ink2)}
.ocs-terms .tc.big p{color:#C3CAD1}
.ocs-terms .split{display:flex;margin:10px 0 8px;border-radius:6px;overflow:hidden;font:700 .8rem "IBM Plex Mono",monospace}
.ocs-terms .split span{flex:1;padding:8px 10px;background:var(--amb);color:var(--ink)}
.ocs-terms .split span+span{background:var(--ink);color:#fff}
.ocs-terms .more{margin-top:18px;font-weight:700}
.ocs-terms .more a{color:var(--ink);text-decoration-color:var(--amb);text-decoration-thickness:2px;text-underline-offset:4px}
@media (max-width:860px){.ocs-terms .tg{grid-template-columns:1fr 1fr}}
@media (max-width:520px){.ocs-terms .tg{grid-template-columns:1fr}}

/* ------------------------------------------------------------ links */
.ocs-links{background:#fff;padding-top:48px;padding-bottom:48px}
.ocs-links .lg{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.ocs-links .lc{border-radius:12px;padding:22px;border:1px solid var(--line);background:var(--paper)}
.ocs-links .lc.co{background:var(--ink);color:#fff;border-color:var(--ink)}
.ocs-links .lc.co .eb{color:var(--amb)}
.ocs-links h3{font-family:"Archivo",Arial,sans-serif;font-size:1.2rem;margin:10px 0 6px}
.ocs-links p{margin:0 0 12px;line-height:1.55;font-size:.93rem;color:var(--ink2)}
.ocs-links .lc.co p{color:#C3CAD1}
.ocs-links ul{list-style:none;margin:0;padding:0;display:grid;gap:8px}
.ocs-links li a{display:flex;justify-content:space-between;gap:10px;font-weight:700;text-decoration:none;padding:10px 12px;border-radius:8px;background:#fff;border:1px solid var(--line)}
.ocs-links li a:hover{border-color:var(--amb)}
.ocs-links .go{font-weight:700;color:var(--amb2);text-decoration:none}
@media (max-width:760px){.ocs-links .lg{grid-template-columns:1fr}}