:root{--yellow:#faed38;--charcoal:#253338;--ink:#253338;--muted:#68777c;--line:#dce2e4;--soft:#f3f5f5;--white:#fff;--code:#192427;--success:#397052;--danger:#a23f38;font-family:"SF Pro Text","SF Pro Display",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--ink);background:var(--white)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#fff;color:var(--ink)}a{color:inherit}button,input{font:inherit}.docs-topbar{position:fixed;inset:0 0 auto 0;z-index:20;height:74px;display:flex;align-items:center;gap:28px;padding:0 30px;background:var(--charcoal);color:#fff;box-shadow:0 5px 18px #25333824}.docs-brand{display:flex;align-items:center;gap:14px;min-width:258px;text-decoration:none}.docs-brand img{width:76px;height:54px;object-fit:contain}.docs-brand strong{font-size:1rem;letter-spacing:.03em}.docs-brand span{display:block;margin-top:2px;color:#cad3d6;font-size:.76rem}.docs-search{position:relative;width:min(620px,50vw)}.docs-search input{width:100%;height:42px;padding:0 44px 0 15px;border:1px solid #ffffff2b;border-radius:7px;background:#fff;color:var(--ink)}.docs-search kbd{position:absolute;right:11px;top:11px;padding:2px 6px;border:1px solid #cad3d6;border-radius:4px;color:var(--muted);font-size:.7rem}.docs-app-link{margin-left:auto;padding:10px 14px;border-radius:6px;background:#ffffff18;text-decoration:none;font-size:.84rem;font-weight:650}.docs-menu{display:none}.docs-shell{display:grid;grid-template-columns:290px minmax(0,1fr);min-height:100vh;padding-top:74px}.docs-sidebar{position:fixed;top:74px;bottom:0;left:0;width:290px;overflow:auto;padding:26px 22px 40px;border-right:1px solid var(--line);background:#fff}.docs-sidebar h2{margin:0 0 16px;font-size:.82rem;text-transform:uppercase;letter-spacing:.1em}.docs-nav-group{margin:24px 0 8px;color:#879397;font-size:.68rem;font-weight:750;letter-spacing:.12em;text-transform:uppercase}.docs-sidebar a{display:block;margin:2px 0;padding:9px 12px;border-radius:6px;text-decoration:none;font-size:.88rem}.docs-sidebar a:hover,.docs-sidebar a.active{background:#e9edef}.docs-sidebar a.active{font-weight:700;box-shadow:inset 3px 0 0 var(--yellow)}.docs-main{grid-column:2;padding:54px clamp(32px,6vw,100px) 90px;max-width:1220px}.doc-page{display:none;animation:page-in .18s ease}.doc-page.active{display:block}@keyframes page-in{from{opacity:.5;transform:translateY(4px)}}.doc-eyebrow{display:block;margin-bottom:13px;color:#6d7b7f;font-size:.72rem;font-weight:750;letter-spacing:.12em;text-transform:uppercase}.doc-page h1{max-width:820px;margin:0 0 18px;font-size:clamp(2.2rem,5vw,4.2rem);line-height:.98;letter-spacing:-.045em}.doc-lead{max-width:820px;margin:0 0 42px;color:#536267;font-size:1.2rem;line-height:1.65}.doc-page h2{margin:50px 0 16px;font-size:1.65rem;letter-spacing:-.025em}.doc-page h3{margin:30px 0 10px;font-size:1.07rem}.doc-page p,.doc-page li{line-height:1.7}.doc-page ul,.doc-page ol{padding-left:24px}.doc-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin:26px 0}.doc-card{padding:24px;border:1px solid var(--line);border-radius:9px;background:#fff;box-shadow:0 8px 24px #2533380b}.doc-card h3{margin:0 0 8px}.doc-card p{margin:0;color:var(--muted)}.doc-card a{display:inline-block;margin-top:14px;font-weight:700}.callout{margin:24px 0;padding:18px 20px;border-left:4px solid var(--yellow);background:var(--soft);border-radius:0 7px 7px 0}.callout.warning{border-color:#d77b46}.callout.success{border-color:#6cad82}.steps{counter-reset:step;display:grid;gap:16px;padding:0!important;list-style:none}.steps>li{position:relative;padding:20px 22px 20px 66px;border:1px solid var(--line);border-radius:8px;background:#fff}.steps>li:before{counter-increment:step;content:counter(step);position:absolute;left:20px;top:19px;width:30px;height:30px;display:grid;place-items:center;border-radius:50%;background:var(--charcoal);color:#fff;font-weight:750}.command{position:relative;margin:16px 0;padding:18px 20px;overflow:auto;border-radius:8px;background:var(--code);color:#eef5f5;font:13px/1.65 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;white-space:pre}.protocol-table{width:100%;border-collapse:collapse;margin:20px 0;font-size:.9rem}.protocol-table th,.protocol-table td{padding:13px 14px;border-bottom:1px solid var(--line);text-align:left;vertical-align:top}.protocol-table th{background:var(--soft);font-size:.75rem;text-transform:uppercase;letter-spacing:.06em}.protocol-table code,.inline-code{padding:2px 5px;border-radius:4px;background:#eef1f2;font:12px ui-monospace,SFMono-Regular,Menlo,monospace}.field-list{display:grid;grid-template-columns:160px 1fr;border:1px solid var(--line);border-radius:8px;overflow:hidden}.field-list dt,.field-list dd{margin:0;padding:11px 14px;border-bottom:1px solid var(--line)}.field-list dt{background:var(--soft);font:12px ui-monospace,SFMono-Regular,Menlo,monospace;font-weight:700}.field-list dd{color:#526166}.field-list dt:last-of-type,.field-list dd:last-of-type{border-bottom:0}.download-box{display:flex;align-items:center;justify-content:space-between;gap:24px;margin:28px 0;padding:26px;border-radius:10px;background:var(--charcoal);color:#fff}.download-box p{margin:6px 0 0;color:#cad3d6}.button{display:inline-flex;align-items:center;justify-content:center;min-height:42px;padding:0 17px;border:0;border-radius:6px;background:var(--yellow);color:var(--charcoal);text-decoration:none;font-weight:750;white-space:nowrap}.search-results{position:fixed;z-index:30;top:63px;left:min(350px,25vw);width:min(620px,50vw);max-height:60vh;overflow:auto;padding:9px;border:1px solid var(--line);border-radius:8px;background:#fff;box-shadow:0 18px 50px #25333830}.search-results[hidden]{display:none}.search-results button{display:block;width:100%;padding:12px;border:0;border-radius:5px;background:#fff;color:var(--ink);text-align:left;cursor:pointer}.search-results button:hover{background:var(--soft)}.search-results strong,.search-results small{display:block}.search-results small{margin-top:3px;color:var(--muted)}.search-empty{padding:18px;color:var(--muted)}.doc-footer{margin-top:70px;padding-top:25px;border-top:1px solid var(--line);color:var(--muted);font-size:.82rem}
@media(max-width:900px){.docs-topbar{padding:0 16px;gap:12px}.docs-brand{min-width:auto}.docs-brand div{display:none}.docs-search{width:auto;flex:1}.docs-app-link{display:none}.docs-menu{display:inline-flex;border:0;background:#ffffff18;color:#fff;padding:9px;border-radius:5px}.docs-shell{display:block}.docs-sidebar{z-index:15;transform:translateX(-102%);transition:transform .2s ease;box-shadow:12px 0 30px #25333820}.docs-sidebar.open{transform:none}.docs-main{padding:42px 22px 70px}.doc-grid{grid-template-columns:1fr}.search-results{left:76px;right:16px;width:auto}.download-box{align-items:flex-start;flex-direction:column}.protocol-table{display:block;overflow-x:auto}.field-list{grid-template-columns:120px 1fr}}
@media(max-width:560px){.docs-brand img{width:54px}.docs-page h1{font-size:2.35rem}.docs-topbar{height:66px}.docs-shell{padding-top:66px}.docs-sidebar{top:66px;width:min(86vw,310px)}.docs-search kbd{display:none}.docs-main{padding-top:34px}.protocol-table th,.protocol-table td{padding:10px}.steps>li{padding-left:56px}.steps>li:before{left:14px}}
.docs-sidebar a.active{box-shadow:none}
.doc-page h1{font-size:clamp(1.45rem,2.5vw,2.1rem);line-height:1.08;letter-spacing:-.035em}
.doc-lead{margin-bottom:34px;font-size:.96rem;line-height:1.55}
.helper-downloads{grid-template-columns:repeat(3,minmax(0,1fr))}
@media(max-width:1050px){.helper-downloads{grid-template-columns:1fr}}
.helper-downloads h3{display:flex;align-items:center;gap:11px}.helper-downloads h3 img{width:26px;height:26px;object-fit:contain}
.helper-downloads .button{display:inline-flex;align-items:center;justify-content:center;background:var(--charcoal);color:#fff;text-decoration:none;line-height:1}.helper-downloads .button:hover{background:#34464c}
.hardware-map{margin:28px 0 38px}.hardware-map a{display:block;overflow:hidden;border:1px solid var(--line);border-radius:10px;background:#fff;box-shadow:0 10px 30px #2533380d}.hardware-map img{display:block;width:100%;height:auto}.hardware-map figcaption{margin-top:9px;color:var(--muted);font-size:.78rem}

/* Flat visual treatment shared with PKONE Connect. */
.docs-topbar,.docs-sidebar,.doc-card,.hardware-map a,.search-results{box-shadow:none!important;text-shadow:none!important}
.docs-sidebar a.active{box-shadow:none!important;background:#e9edef}
.callout,.callout.warning,.callout.success{border-left:0!important;border-radius:7px}
.connector-table .connector-family-row th{padding:14px;background:#fff;text-transform:none;letter-spacing:0;border-top:1px solid var(--line)}
.connector-family{display:flex;align-items:center;justify-content:space-between;gap:20px}
.connector-family>span:first-child{color:var(--ink);font-size:.86rem;font-weight:750;letter-spacing:.01em}
.connector-suppliers{display:flex;align-items:center;justify-content:flex-end;gap:16px}
.connector-suppliers a{display:inline-flex;align-items:center;justify-content:center;min-width:46px;min-height:19px}
.connector-suppliers img{display:block;max-width:52px;max-height:17px;object-fit:contain}
.connector-table td:nth-child(2){white-space:nowrap;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-weight:650}
@media(max-width:700px){.connector-family{align-items:flex-start;flex-direction:column}.connector-suppliers{justify-content:flex-start;gap:10px}.connector-suppliers a{min-width:37px}.connector-suppliers img{max-width:43px;max-height:15px}}

/* Illustrated first hardware connection guide. */
.connection-steps{display:grid;gap:22px;margin-top:28px}
.connection-step{display:grid;grid-template-columns:minmax(250px,.46fr) minmax(0,1.54fr);overflow:hidden;border:1px solid #dce2e4;border-radius:10px;background:#fff}
.connection-step-copy{padding:24px 25px}
.connection-step-copy>span{display:block;margin-bottom:8px;color:#6e7d82;font-size:.65rem;font-weight:750;letter-spacing:.1em;text-transform:uppercase}
.connection-step-copy h2{margin:0 0 10px;font-size:1.15rem}
.connection-step-copy p{margin:0;color:#58686d;font-size:.82rem;line-height:1.6}
.connection-step-copy ul{margin:15px 0 0;padding-left:18px;color:#58686d;font-size:.75rem;line-height:1.55}
.connection-map{display:grid;align-content:center;gap:8px;margin:0;padding:18px;background:#f2f4f5}
.connection-map-stage{position:relative;display:grid;min-height:240px;place-items:center;overflow:visible;background:#fff}
.connection-map img{display:block;width:100%;max-height:410px;object-fit:contain}
.connection-map figcaption{color:#6c7b80;font-size:.66rem;text-align:center}.connection-map figcaption a{text-decoration:underline;text-underline-offset:2px}
.connection-step-copy li a,.can-guide-link{color:#344f59;font-weight:700;text-decoration:underline;text-decoration-color:#9daeb3;text-underline-offset:3px}
.can-guide-link{display:inline-flex;margin-top:13px;font-size:.72rem}
.map-highlight{position:absolute;z-index:2;border:1.5px solid #d53c3c;background:transparent;color:transparent;font-size:0;text-decoration:none}
.map-highlight::after{position:absolute;right:-2px;top:-19px;padding:3px 5px;background:#d53c3c;color:#fff;content:attr(data-label);font-size:8px;font-weight:750;letter-spacing:.02em;line-height:1;white-space:nowrap}
a.map-highlight{cursor:pointer}a.map-highlight:hover,a.map-highlight:focus-visible{border-width:2.5px;outline:0}a.map-highlight:hover::after,a.map-highlight:focus-visible::after{background:#a82626}
.ex2-map .map-power{left:.8%;top:42%;width:11%;height:18%}.ex2-map .map-can-out{left:90%;top:16%;width:8.5%;height:20%}.ex2-map .map-can-in{left:90%;top:40.5%;width:8.5%;height:20%}.ex2-map .map-usb{left:91.5%;top:66%;width:7.5%;height:18%}
.switch-map .map-power{left:.8%;top:13%;width:12%;height:16%}.switch-map .map-can-out{left:87.5%;top:18%;width:11%;height:20%}.switch-map .map-can-in{left:87.5%;top:43%;width:11%;height:20%}.switch-map .map-usb{left:89%;top:68%;width:9.5%;height:18%}
.lightshow-map .map-power{left:82.5%;top:68%;width:7.5%;height:20%}.lightshow-map .map-can-out{left:89%;top:13.5%;width:9%;height:19%}.lightshow-map .map-can-in{left:89%;top:40%;width:9%;height:19%}.lightshow-map .map-usb{left:91%;top:68%;width:7%;height:19%}
#can-chain{scroll-margin-top:96px}
.connection-step-wide{grid-template-columns:1fr}
.connection-step-wide .connection-step-copy{padding-bottom:20px}
.three-board-connection{display:grid;gap:9px;margin:0;padding:18px;background:#f2f4f5}
.three-board-grid{display:grid;grid-template-columns:minmax(0,1fr) 62px minmax(0,1fr) 62px minmax(0,1fr);align-items:stretch;gap:10px}
.board-connect-card{display:grid;grid-template-rows:auto 140px auto auto;gap:10px;min-width:0;padding:14px;border:1px solid #d8e0e2;background:#fff}
.board-connect-card header{display:flex;align-items:center;justify-content:space-between;gap:10px}.board-connect-card header strong{font-size:.85rem}.board-connect-card header span{color:#758388;font-size:.58rem;font-weight:700;text-transform:uppercase}
.board-connect-card>img{display:block;width:100%;height:140px;object-fit:contain}
.board-connection-list{display:flex;flex-wrap:wrap;align-content:flex-start;gap:6px}.board-connection-list>*{display:inline-flex;align-items:center;min-height:24px;padding:4px 7px;border:1px solid #ccd6d9;background:#f5f7f7;color:#34474d;font-size:.59rem;font-weight:750;line-height:1;text-decoration:none}.board-connection-list a:hover,.board-connection-list a:focus-visible{border-color:#526a72;background:#e9eff1;outline:0}
.board-connection-list .supply{border-color:#d75a52;color:#9d2d27}.board-connection-list .supply-5{border-color:#4f83b6;color:#315f8c}.board-connection-list .usb-connection{border-color:#7a8b90;color:#485b61}
.board-connect-card>small{align-self:end;color:#637378;font-size:.58rem;font-weight:700;text-transform:uppercase}
.board-can-link{position:relative;display:grid;align-content:center;justify-items:center;gap:5px;min-width:0;color:#53666c;text-decoration:none}.board-can-link::before{position:absolute;left:-11px;right:-11px;top:50%;height:2px;background:#53666c;content:""}.board-can-link::after{position:absolute;right:-10px;top:calc(50% - 4px);width:8px;height:8px;border-top:2px solid #53666c;border-right:2px solid #53666c;content:"";transform:rotate(45deg)}.board-can-link span{position:relative;z-index:1;padding:4px 5px;background:#f2f4f5;font-size:.57rem;font-weight:750;white-space:nowrap;transform:translateY(-15px)}.board-can-link b{display:none}.board-can-link:hover,.board-can-link:focus-visible{color:#a52e2e;outline:0}.board-can-link:hover::before,.board-can-link:focus-visible::before{background:#a52e2e}.board-can-link:hover::after,.board-can-link:focus-visible::after{border-color:#a52e2e}
.three-board-connection figcaption{color:#6c7b80;font-size:.66rem;text-align:center}
.connection-chain-step,.connection-finish-step{grid-template-columns:minmax(250px,.46fr) minmax(0,1.54fr)}
.can-chain-diagram{display:grid;grid-template-columns:minmax(105px,1fr) 56px minmax(105px,1fr) 56px minmax(105px,1fr) 56px minmax(105px,1fr);align-items:center;gap:0;padding:28px;background:#e8edef}
.chain-node{display:grid;min-height:112px;align-content:center;justify-items:center;gap:5px;padding:13px;border:1px solid #cbd5d8;border-radius:8px;background:#fff;text-align:center}
.chain-node strong{font-size:.82rem}.chain-node span{color:#6b7a7f;font-size:.65rem}.chain-node em{color:#78878c;font-size:.56rem;font-style:normal;font-weight:700;text-transform:uppercase}
.chain-node.terminated{border-color:#91b89d;background:#f1f8f3}.chain-node.terminated em{color:#3d7650}.chain-node.computer{background:#26373c;color:#fff}.chain-node.computer span{color:#d9e0e2}
.can-chain-diagram>i{position:relative;height:2px;background:#78898e}.can-chain-diagram>i::after{position:absolute;right:-1px;top:-4px;width:8px;height:8px;border-top:2px solid #78898e;border-right:2px solid #78898e;content:"";transform:rotate(45deg)}.can-chain-diagram>i span{position:absolute;left:50%;bottom:7px;color:#68787d;font-size:.55rem;font-style:normal;font-weight:700;transform:translateX(-50%)}
.connection-checklist{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));align-items:stretch;gap:10px;padding:28px;background:#e8edef}
.connection-checklist>div{display:grid;min-height:106px;align-content:center;justify-items:center;gap:8px;padding:14px;border-radius:8px;background:#fff;text-align:center}
.connection-checklist strong{display:grid;width:30px;height:30px;place-items:center;border-radius:50%;background:#26373c;color:#fff;font-size:.72rem}.connection-checklist span{color:#46575c;font-size:.68rem;font-weight:650}
@media(max-width:1100px){.connection-step,.connection-chain-step,.connection-finish-step{grid-template-columns:1fr}.connection-map-stage{min-height:0}.can-chain-diagram,.connection-checklist{min-height:180px}}
@media(max-width:760px){.connection-step-copy{padding:20px}.connection-map{padding:12px}.can-chain-diagram{grid-template-columns:1fr;gap:8px;padding:18px}.can-chain-diagram>i{width:2px;height:28px;justify-self:center}.can-chain-diagram>i::after{right:-4px;top:auto;bottom:-1px;transform:rotate(135deg)}.can-chain-diagram>i span{left:12px;bottom:7px;transform:none}.chain-node{width:100%;min-height:86px}.connection-checklist{grid-template-columns:repeat(2,1fr);padding:18px}}
@media(max-width:900px){.three-board-grid{grid-template-columns:1fr}.board-can-link{height:54px;justify-content:center}.board-can-link::before{left:50%;right:auto;top:-10px;bottom:-10px;width:2px;height:auto}.board-can-link::after{right:auto;left:calc(50% - 4px);top:auto;bottom:-9px;transform:rotate(135deg)}.board-can-link span{transform:none}.board-connect-card{grid-template-rows:auto 180px auto auto}.board-connect-card>img{height:180px}}

/* PKONE Connect start-to-finish guide. */
.connect-guide-flow{display:flex;align-items:center;gap:8px;overflow-x:auto;margin:0 0 30px;padding:14px;border:1px solid var(--line);background:#f3f5f5}.connect-guide-flow span{flex:0 0 auto;padding:8px 10px;background:#fff;color:#405258;font-size:.68rem;font-weight:750}.connect-guide-flow i{color:#839196;font-style:normal}
.connect-guide-steps{display:grid;gap:28px}.connect-guide-step{overflow:hidden;border:1px solid var(--line);background:#fff}.connect-guide-copy{padding:25px 27px}.connect-guide-copy>span{display:block;margin-bottom:7px;color:#6e7d82;font-size:.65rem;font-weight:750;letter-spacing:.1em;text-transform:uppercase}.connect-guide-copy h2{margin:0 0 10px;font-size:1.35rem}.connect-guide-copy p{max-width:850px;margin:0;color:#536267;font-size:.9rem}.connect-guide-copy ul{margin:15px 0 0;color:#536267;font-size:.82rem}.connect-guide-step figure{margin:0;border-top:1px solid var(--line);background:#eef1f2}.connect-guide-step figure>a{display:block}.connect-guide-step figure img{display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:cover}.connect-guide-step figcaption{padding:9px 13px;color:#68777c;font-size:.68rem;text-align:center}.connect-guide-step figure>a:focus-visible{outline:3px solid #516970;outline-offset:-3px}
@media(max-width:700px){.connect-guide-copy{padding:20px}.connect-guide-copy h2{font-size:1.15rem}.connect-guide-flow{padding:10px}.connect-guide-flow span{padding:7px 8px}}