:root{--paper:#f0f3f7;--ink:#233247;--muted:#53687b;--line:#cdd8e2;--blue:#2e557d;--band:#e7edf3;--navy:#19324b}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:24px}body{margin:0;background:var(--paper);color:var(--ink);font-family:"Segoe UI","PingFang SC","Microsoft YaHei",sans-serif;font-size:16px;line-height:1.85;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button,select{font:inherit}button{cursor:pointer}img{display:block;max-width:100%;height:auto}p{margin:0 0 18px;color:var(--muted)}h1,h2,h3,h4{margin:0;line-height:1.45;font-weight:600}h2{font-size:30px;letter-spacing:-.025em}h3{font-size:20px}figure{margin:0;min-width:0}figcaption{font-size:14px;color:var(--muted);margin-top:13px}figcaption a{color:var(--blue);text-decoration:underline;text-underline-offset:4px}.wrap{max-width:1240px;margin-inline:auto;padding-inline:48px}.header{height:88px;display:flex;align-items:center;justify-content:space-between}.brand{display:flex;align-items:center;gap:15px;line-height:1.2}.brand b{font-size:34px;letter-spacing:-1.8px}.brand span{font-size:14px;color:var(--muted)}.header nav{display:flex;gap:28px;font-size:15px}.header nav a:hover,.footer a:hover{color:var(--blue);text-decoration:underline;text-underline-offset:6px}.menu-toggle{display:none}.hero{max-width:1144px;display:grid;grid-template-columns:1.15fr 1fr;gap:35px;align-items:center;background:var(--navy);color:white;padding:44px 48px;border-radius:15px;min-height:500px}.eyebrow{font-size:15px;font-weight:500}.hero .eyebrow{color:#b9d1e2;margin:0 0 20px}.hero h1{font-size:66px;line-height:1.04;letter-spacing:-.05em;font-weight:500}.hero h1 em{font-family:Georgia,serif;color:#c2d8e6;font-size:1.05em;font-weight:400}.hero-line{font-size:22px;color:#eef4f8;margin:24px 0 16px}.hero-description{font-size:16px;color:#c3d2df;max-width:470px}.hero-actions{display:flex;align-items:center;gap:25px;margin-top:28px}.button{display:inline-block;background:#f0f4f8;color:var(--ink);padding:11px 20px;border-radius:6px}.text-link{color:var(--blue);text-decoration:underline;text-decoration-color:#9bb2c7;text-underline-offset:5px;font-size:16px}.text-link:hover{text-decoration-color:currentColor}.hero .text-link{color:#e3edf5}.hero-visual{height:410px;display:flex;align-items:center;justify-content:center;min-width:0}.hero-visual img{height:350px;width:auto;transform:rotate(24deg);filter:drop-shadow(10px 20px 17px #071a2b66)}.spec-strip{display:grid;grid-template-columns:repeat(4,1fr);padding-top:27px;padding-bottom:25px;gap:20px}.spec-strip>div{display:flex;flex-direction:column}.spec-strip strong{font-size:25px;font-weight:500}.spec-strip span{font-size:15px;color:var(--muted)}.usage-notice{display:flex;gap:24px;align-items:baseline;padding-top:18px;padding-bottom:20px;border-top:1px solid var(--line);font-size:15px}.usage-notice strong{white-space:nowrap}.usage-notice p{margin:0;font-size:15px}.usage-notice b{color:var(--ink);font-weight:600}.section{padding-top:54px;padding-bottom:60px}.section-heading{display:flex;justify-content:space-between;align-items:baseline;gap:24px;margin-bottom:30px}.section-heading .note{margin:0}.two-column{display:grid;grid-template-columns:1.08fr 1fr;gap:45px;align-items:center}.photo{width:100%;aspect-ratio:3/2;object-fit:cover;border-radius:5px}.image-button{display:block;width:100%;padding:0;border:0;background:none;cursor:zoom-in}.image-button img{width:100%}.connection-facts{margin:22px 0;display:grid;gap:5px}.connection-facts>div{display:flex;gap:24px}.connection-facts dt{font-weight:600;min-width:80px}.connection-facts dd{margin:0}.note{font-size:15px;color:var(--muted)}.connection-copy p:last-child{margin-bottom:0}.band{background:var(--band)}.hardware-layout{align-items:start}.table-scroll{overflow-x:auto;scrollbar-width:thin}table{width:100%;border-collapse:collapse;text-align:left;font-size:16px;margin:0 0 20px}th{font-weight:600;color:var(--ink)}td{color:var(--muted)}th,td{padding:13px 15px;vertical-align:top;border-bottom:1px solid var(--line);line-height:1.7}thead th{font-size:15px;background:#dce6ef80}th:first-child,td:first-child{padding-left:0}th:last-child,td:last-child{padding-right:0}.spec-table{margin-top:-12px}.spec-table th{width:29%;white-space:nowrap}.spec-table td{overflow-wrap:anywhere}.spec-table thead th:first-child{width:29%}.spec-table thead th{white-space:normal}.hardware-layout .note{margin-bottom:0}details{margin-top:24px;border-top:1px solid var(--line)}summary{font-size:17px;font-weight:500;cursor:pointer;list-style:none;padding:17px 28px 17px 0;position:relative}summary::-webkit-details-marker{display:none}summary:after{content:'+';position:absolute;right:0;top:17px;font-size:21px;line-height:1.5;font-weight:400}details[open]>summary:after{content:'−'}details>p{margin-top:4px}details>p.note{font-size:15px}.diagram{max-width:820px;margin:20px auto}.example-grid{display:grid;grid-template-columns:1fr 1fr;gap:50px;padding:0 0 20px}.example-grid article{min-width:0}.example-grid h3{margin:15px 0 10px}.example-grid p{margin-bottom:12px}.render{height:240px;display:flex;align-items:center;justify-content:center}.render img{width:100%;height:100%;object-fit:contain}.firmware-table{table-layout:fixed}.firmware-table thead th:nth-child(1){width:22%}.firmware-table thead th:nth-child(2){width:24%}.firmware-table tbody th,.firmware-table tbody td{vertical-align:middle;padding-top:22px;padding-bottom:22px}.fw-logo{width:170px;max-height:53px;object-fit:contain;object-position:left center}.fw-logo.px4{width:105px}.firmware-table tbody th>span:not(.inav-logo){display:none}.inav-logo{display:flex;align-items:center;gap:12px;font-weight:400;font-size:28px;color:#53616d}.inav-logo img{width:36px;height:36px}.section-links{display:flex;gap:28px;flex-wrap:wrap;margin:24px 0 26px}.screen-grid{display:grid;grid-template-columns:1fr 1fr;gap:30px 36px;padding:10px 0 22px}.screen-grid .image-button{height:240px;display:flex;align-items:center;justify-content:flex-start}.screen-grid img{width:auto;max-width:100%;height:auto;max-height:100%;object-fit:contain}.verification{margin-top:30px;padding-top:25px;border-top:1px solid var(--line)}.verification h3{margin-bottom:10px}.verification p{margin-bottom:0}.config-layout{grid-template-columns:1.14fr 1fr;align-items:start}.config-layout h3{font-size:23px;margin-bottom:24px}.pinout{padding-top:5px}.pinout figcaption{font-size:14px}.analog{margin:24px 0 17px;color:var(--ink);line-height:2}.analog b{white-space:nowrap}.interface-table th:nth-child(1){width:21%}.interface-table th:nth-child(2){width:33%}.resource-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:40px}.resource-grid h3{margin-bottom:10px}.resource-grid p{margin-bottom:12px}.download-row{display:flex;flex-wrap:wrap;gap:30px;margin-top:35px;padding-top:23px;border-top:1px solid var(--line)}.download-row a{color:var(--blue);text-decoration:underline;text-underline-offset:5px}.footer{display:flex;justify-content:space-between;gap:20px;padding-top:23px;padding-bottom:30px;border-top:1px solid var(--line);font-size:14px;color:var(--muted)}.skip{position:fixed;top:-90px;left:15px;z-index:99;background:var(--navy);color:white;padding:12px 20px}.skip:focus{top:10px}:focus-visible{outline:2px solid #4b83b4;outline-offset:5px}dialog{border:0;border-radius:7px;background:var(--paper);color:var(--ink);max-width:min(95vw,1350px);max-height:95vh;padding:49px 24px 20px}dialog::backdrop{background:#142334d9}dialog form{position:absolute;top:9px;right:15px}dialog form button{border:0;background:none;color:var(--ink);font-size:16px;padding:6px 12px}dialog img{max-width:100%;max-height:76vh;width:auto;margin:auto;object-fit:contain}dialog p{font-size:15px;text-align:center;margin:15px 0 0}
/* Full reference guide */
.guide-top{padding-top:45px;padding-bottom:35px}.guide-top h1{font-size:42px;margin:10px 0 18px}.guide-top>p{max-width:760px}.guide-top .usage-notice{padding-inline:0;margin-top:25px}.guide-layout{display:grid;grid-template-columns:200px minmax(0,1fr);gap:55px;padding-bottom:65px}.guide-nav{display:flex;flex-direction:column;gap:10px;position:sticky;top:25px;align-self:start;font-size:15px;color:var(--muted)}.guide-nav a:hover{text-decoration:underline;color:var(--blue)}.guide-content{min-width:0}.guide-content section{padding-top:20px;padding-bottom:32px;margin-bottom:20px;border-bottom:1px solid var(--line);scroll-margin-top:15px}.guide-content h2{font-size:27px;margin-bottom:20px}.guide-content h3{font-size:21px;margin:25px 0 12px}.guide-content p,.guide-content li{font-size:16px;line-height:1.95}.guide-content ul,.guide-content ol{padding-left:23px}.guide-content li{color:var(--muted);margin-bottom:10px}.guide-content .callout{padding:17px 20px;background:var(--band);border-left:3px solid #7a9bb7;font-size:16px;margin:22px 0}.guide-content code{font-family:Consolas,monospace;font-size:.95em;background:#e1e8f0;padding:2px 4px;overflow-wrap:anywhere}.guide-content pre{background:#e1e8f0;padding:20px;overflow-x:auto;font-size:15px;line-height:1.8}.guide-content pre code{padding:0}.guide-content .license-note,.guide-content .logo-sources{font-size:15px}.logo-sources a{color:var(--blue);text-decoration:underline}.brand-caption{max-width:100px;line-height:1.4}.brand-dot{color:var(--blue)}
@media(max-width:1100px){.wrap{padding-inline:32px}.hero{margin-inline:32px;padding:35px;min-height:470px}.hero h1{font-size:60px}.hero-visual img{height:325px}.two-column{gap:30px}.firmware-table thead th:nth-child(2){width:26%}.fw-logo{width:150px}.guide-layout{gap:30px;grid-template-columns:180px minmax(0,1fr)}}
@media(max-width:760px){html{scroll-padding-top:18px}.wrap{padding-inline:22px}.header{height:76px;position:relative;z-index:5}.brand b{font-size:30px}.brand span{font-size:13px}.brand{gap:11px}.header nav{display:none;position:absolute;top:75px;left:0;right:0;background:var(--paper);padding:18px 22px 24px;flex-wrap:wrap;gap:18px 25px;border-bottom:1px solid var(--line)}.header nav.open{display:flex}.menu-toggle{display:block;padding:7px;border:0;background:none;color:var(--ink);font-size:15px}.hero{margin:0 16px;padding:28px 25px 20px;grid-template-columns:1fr;gap:8px;min-height:0;border-radius:12px}.hero .eyebrow{font-size:14px;margin-bottom:20px}.hero h1{font-size:clamp(45px,15vw,60px)}.hero-line{font-size:21px;margin-top:22px}.hero-description{font-size:16px}.hero-actions{gap:23px;flex-wrap:wrap;margin-top:23px}.button,.text-link{font-size:16px}.hero-visual{height:300px;margin-top:13px}.hero-visual img{height:265px}.spec-strip{grid-template-columns:1fr 1fr;gap:20px;padding-top:24px;padding-bottom:22px}.spec-strip strong{font-size:23px}.spec-strip span{font-size:15px}.usage-notice{display:block;padding-top:17px;padding-bottom:19px}.usage-notice strong{display:block;margin-bottom:6px}.usage-notice p{font-size:15px}.section{padding-top:38px;padding-bottom:42px}.section-heading{flex-direction:column;align-items:flex-start;gap:12px;margin-bottom:24px}h2{font-size:27px}.two-column{grid-template-columns:1fr;gap:25px}figcaption{font-size:14px;line-height:1.65}.connection-copy p{font-size:16px}.connection-facts{font-size:16px}.connection-facts>div{gap:16px}.connection-copy .note{font-size:15px}.spec-table{margin-top:0}th,td{padding:12px 10px;font-size:16px}.spec-table th{width:30%;white-space:normal}.spec-table td{overflow-wrap:anywhere}.note{font-size:15px}.hardware-layout .note{font-size:15px}summary{font-size:16px;padding-block:16px}.example-grid{grid-template-columns:1fr;gap:30px}.render{height:220px}.example-grid p{font-size:16px}.firmware-table{display:block;margin-bottom:0}.firmware-table thead{display:none}.firmware-table tbody{display:block}.firmware-table tr{display:grid;grid-template-columns:1fr 1fr;align-items:center;border-bottom:1px solid var(--line);padding:17px 0;gap:12px}.firmware-table tbody th,.firmware-table tbody td{padding:0;border:0;font-size:16px}.firmware-table tbody td:nth-child(2){text-align:right}.firmware-table tbody td:last-child{grid-column:1/-1}.fw-logo{max-width:140px;max-height:38px}.fw-logo.px4{width:88px}.inav-logo{font-size:27px;gap:10px}.inav-logo img{width:31px;height:31px}.section-links{gap:15px 25px}.screen-grid{grid-template-columns:1fr;gap:25px}.screen-grid .image-button{height:auto;min-height:0;max-height:300px}.screen-grid img{max-height:300px}.verification{margin-top:24px;padding-top:20px}.config-layout{grid-template-columns:1fr}.config-layout h3{font-size:22px;margin-bottom:20px}.interface-table{min-width:650px}.interface-table th,.interface-table td{font-size:15px}.resource-grid{grid-template-columns:1fr;gap:29px}.resource-grid h3{font-size:20px}.resource-grid p{margin-bottom:8px}.download-row{gap:17px 24px;margin-top:28px;font-size:15px}.footer{flex-direction:column;gap:8px;font-size:14px}.guide-top{padding-top:30px}.guide-top h1{font-size:34px}.guide-layout{grid-template-columns:1fr;gap:20px}.guide-nav{position:static;flex-direction:row;flex-wrap:wrap;gap:9px 18px;font-size:15px;border-bottom:1px solid var(--line);padding-bottom:22px}.guide-content h2{font-size:25px}.guide-content table{min-width:570px}.guide-content pre{font-size:14px;padding:15px}.guide-content .callout{font-size:15px}.guide-top .usage-notice{margin-top:20px}.guide-content section{padding-top:15px}.guide-content .text-link{font-size:16px}dialog{padding:48px 12px 16px;max-width:96vw}dialog p{font-size:14px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
@media print{.header,.guide-nav,.footer,.skip{display:none}.guide-layout{display:block}.wrap{padding:0}body{background:white}.guide-content table{min-width:0}.table-scroll{overflow:visible}h2,h3{break-after:avoid}pre{white-space:pre-wrap}}
.firmware-table tbody tr:nth-child(3) th>span{display:block;font-size:15px;font-weight:500;margin-top:6px}.firmware-table tbody tr:nth-child(3) .fw-logo{max-height:39px}
@media(min-width:600px) and (max-width:760px){.hero{grid-template-columns:1.1fr .8fr;gap:16px;padding:30px}.hero h1{font-size:53px}.hero-visual{height:320px;margin:0}.hero-visual img{height:260px}.hero-actions{gap:15px}.hero-line{font-size:20px}}

.quick-links{display:flex;flex-wrap:wrap;gap:8px 20px;margin:16px 0 20px;font-size:15px}.quick-links a{text-decoration:underline;text-underline-offset:4px}.hero .quick-links{color:#d5e3ee}.hero-actions{flex-wrap:wrap}