.nxp{line-height:normal}
.nxp :where(h1,h2,h3,h4,h5,h6){color:inherit;font:revert;font-family:inherit;
  letter-spacing:normal;text-transform:none;text-decoration:none}
.nxp :where(p){font-size:inherit;font-weight:inherit;line-height:inherit;font-family:inherit}
.nxp :where(a){color:inherit;text-decoration:none;cursor:pointer}
.nxp :where(button,input,select,textarea,optgroup,option){font-size:revert;line-height:revert;
  text-transform:none}
.nxp :where(img){font-size:inherit;word-break:normal}

:root{
    --g900:#111827;--g800:#1f2937;--g700:#374151;--g600:#4b5563;--g500:#6b7280;
    --g400:#9ca3af;--g300:#d1d5db;--g200:#e5e7eb;--g100:#f3f4f6;
    --green:#8cc63f;--green-h:#7ab02d;
    --blue:#3b82f6;--blue-l:#60a5fa;--red:#ef4444;--yellow:#facc15;
    --input:rgba(17,24,39,.5);
    --font:'Inter',system-ui,sans-serif;
  }
.nxp,.nxp *{box-sizing:border-box;margin:0;padding:0}
.nxp button,.nxp input,.nxp select,.nxp textarea{font-family:var(--font)}
.nxp input[type=number]::-webkit-inner-spin-button,.nxp input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;appearance:none;margin:0}
.nxp input[type=number]{-moz-appearance:textfield;appearance:textfield}
.nxp{background:#001030;font-family:var(--font);-webkit-font-smoothing:antialiased;color:var(--g100)}
.nxp .page{max-width:1280px;margin:0 auto;padding:36px 20px}
.nxp .cap{color:#6b7280;font-size:13px;margin:14px 4px 0;text-align:center;line-height:1.6}
.nxp .cap b{color:var(--green)}
.nxp .app{zoom:var(--mz);height:854px;
    display:flex;flex-direction:column;overflow:hidden;background:var(--g900);
    color:var(--g100);font-size:.85rem;line-height:1.25rem;border-radius:10px;
    box-shadow:0 40px 90px -40px rgba(0,0,0,.85);user-select:none}
.nxp ::-webkit-scrollbar{width:6px;height:6px}
.nxp ::-webkit-scrollbar-thumb{background:var(--g600);border-radius:4px}
.nxp ::-webkit-scrollbar-thumb:hover{background:var(--g500)}
.nxp ::-webkit-scrollbar-track{background:transparent}
.nxp svg.lucide{fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;flex:0 0 auto}
.nxp .hd{height:4rem;flex-shrink:0;display:flex;align-items:center;padding:0 1rem;background:var(--g800);border-bottom:1px solid var(--g700)}
.nxp .hd__left{display:flex;align-items:center;gap:1rem;flex-shrink:0}
.nxp .hd__menu{display:flex;align-items:center;gap:.375rem;padding:0 .75rem;height:2.25rem;border-radius:.5rem;background:rgba(55,65,81,.5);cursor:pointer;border:0}
.nxp .hd__menu:hover{background:var(--g700)}
.nxp .hd__menu .nx{font-size:1.125rem;line-height:1.75rem;font-weight:600;color:var(--green)}
.nxp .hd__menu .lucide{color:var(--g400)}
.nxp .hd__by{font-size:.85rem;color:var(--g400)}
.nxp .hd__center{flex-grow:1;display:flex;justify-content:center;align-items:center;min-width:0;padding:0 1rem;gap:.75rem}
.nxp .hd__title{font-size:.85rem;font-weight:500;color:var(--g200);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.nxp .hd__right{display:flex;align-items:center}
.nxp .hd__right>*+*{margin-left:.25rem}
.nxp .icbtn{width:1.75rem;height:1.75rem;padding:.25rem;border-radius:.25rem;display:flex;align-items:center;justify-content:center;
    background:transparent;border:0;cursor:pointer;color:var(--g300);transition:background-color .15s}
.nxp .icbtn:hover{background:var(--g700)}
.nxp .hd__sep{width:1px;height:1rem;background:var(--g600);margin:0 .25rem !important}
.nxp .hd__sep--lg{height:1.25rem;margin:0 .5rem !important}
.nxp .avatar{width:1.75rem;height:1.75rem;border-radius:.25rem;background:var(--g700);color:var(--g200);
    display:flex;align-items:center;justify-content:center;font-size:10px;font-weight:600;cursor:pointer;
    
    line-height:1}
.nxp .avatar:hover{background:var(--g600)}
.nxp .main{flex-grow:1;display:flex;overflow:hidden}
.nxp .side{width:325px;flex-shrink:0;background:var(--g800);display:flex;flex-direction:column;overflow:hidden}
.nxp .side--l{border-right:1px solid var(--g700)}
.nxp .side--r{border-left:1px solid var(--g700)}
.nxp .side.closed{display:none}
.nxp .centercol{flex-grow:1;display:flex;flex-direction:column;min-width:0}
.nxp .tabzone{padding:.9375rem;border-bottom:1px solid var(--g700)}
.nxp .tabgroup{height:2rem;padding:.125rem;display:flex;position:relative;border-radius:.375rem;background:rgba(17,24,39,.5)}
.nxp .tabgroup__slider{position:absolute;border-radius:.25rem;background:var(--g700);box-shadow:0 1px 2px 0 rgba(0,0,0,.05);
    transition:transform .15s ease-in-out;top:.125rem;left:.125rem;height:calc(100% - .25rem)}
.nxp .tabbtn{flex:1;display:flex;align-items:center;justify-content:center;font-size:.85rem;font-weight:500;
    position:relative;z-index:10;border-radius:.25rem;background:none;border:0;cursor:pointer;color:var(--g400);transition:color .2s}
.nxp .tabbtn:hover{color:var(--g200)}
.nxp .tabbtn.on{color:#fff}
.nxp .side__scroll{flex-grow:1;overflow-y:auto;overflow-x:hidden;position:relative}
.nxp .side__pad{padding:.9375rem}
.nxp .csec{border-bottom:1px solid var(--g700)}
.nxp .csec__hd{width:100%;display:flex;align-items:center;height:2.5rem;padding:0 .75rem;cursor:pointer;background:none;border:0;color:#fff}
.nxp .csec__hd:hover{background:rgba(55,65,81,.5)}
.nxp .csec__title{font-size:.85rem;font-weight:500;color:#fff}
.nxp .csec__actions{margin-left:auto;display:flex;align-items:center;gap:.25rem;color:var(--g400)}
.nxp .csec__chev{margin-left:auto;width:1.5rem;height:1.5rem;display:flex;align-items:center;justify-content:center;color:var(--g400)}
.nxp .csec__actions+.csec__chev{margin-left:.25rem}
.nxp .csec__body{padding:.25rem .25rem .5rem}
.nxp .csec__body--form{padding:.75rem;display:flex;flex-direction:column;gap:.75rem}
.nxp .trow{display:flex;align-items:center;height:2rem;padding:0 .5rem;border-radius:.25rem;cursor:pointer;font-size:.85rem}
.nxp .trow:hover{background:var(--g700)}
.nxp .trow__chev{width:20px;flex-shrink:0;display:flex;align-items:center;color:var(--g500)}
.nxp .trow__icon{width:20px;flex-shrink:0;display:flex;align-items:center;color:var(--g500)}
.nxp .trow__label{flex-grow:1;color:var(--g300);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-right:.5rem}
.nxp .badge{padding:.1rem .45rem;font-size:.62rem;line-height:1rem;border-radius:.25rem;background:rgba(30,58,138,.3);color:#93c5fd;flex-shrink:0}
.nxp .cdot{width:.6875rem;height:.6875rem;border-radius:3px;flex-shrink:0}
.nxp .rot-90{transform:rotate(-90deg)}
.nxp .canvas{flex-grow:1;position:relative;overflow:hidden;background:var(--g900)}
.nxp .dcell{position:absolute;background:var(--g900);border-right:1px solid var(--g700);border-bottom:1px solid var(--g700);
    display:flex;flex-direction:column;overflow:hidden}
.nxp .phd{height:2rem;flex-shrink:0;display:flex;align-items:center;justify-content:space-between;padding:0 .75rem;
    background:var(--g800);border-bottom:1px solid var(--g700);cursor:move}
.nxp .phd__t{display:flex;align-items:center;gap:.5rem;padding:.25rem .5rem;margin:-.25rem -.5rem;border-radius:.25rem;min-width:0;cursor:pointer}
.nxp .phd__t .lucide{color:var(--g400)}
.nxp .phd__t span{font-size:.85rem;font-weight:500;color:var(--g200);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.nxp .phd__t.sel{background:var(--green)}
.nxp .phd__t.sel .lucide,.nxp .phd__t.sel span{color:#fff}
.nxp .phd__b{display:flex;align-items:center;gap:.25rem}
.nxp .pbtn{width:1.5rem;height:1.5rem;padding:0;flex-shrink:0;border-radius:.25rem;background:none;border:0;cursor:pointer;color:var(--g400);display:flex;align-items:center;justify-content:center;transition:background-color .15s}
.nxp .pbtn:hover{background:var(--g700)}
.nxp .tl-repeat.on{background:var(--green);color:#fff}
.nxp .tl-repeat.on:hover{background:var(--green-h)}
.nxp .pbtn--help{width:1.5rem;height:1.5rem;padding:0}
.nxp .pbody{flex:1;min-height:0;overflow:hidden;position:relative}
.nxp .pbody canvas{width:100%;height:100%;display:block}
.nxp .split{position:absolute;z-index:10;transition:background-color .15s}
.nxp .split:hover{background:rgba(140,198,63,.5)}
.nxp .split--v{width:5px;cursor:ew-resize;transform:translateX(-50%)}
.nxp .split--h{height:5px;cursor:ns-resize;transform:translateY(-50%)}
.nxp .anno{position:absolute;font:700 14px/1 Inter,sans-serif;pointer-events:none;text-shadow:0 1px 3px rgba(0,0,0,.9)}
.nxp .annoarr{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;overflow:visible}
.nxp .annoarr path{fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;
  filter:drop-shadow(0 1px 2px rgba(0,0,0,.85))}
.nxp .anno-box{position:absolute;border:1.5px solid var(--green);pointer-events:none}
.nxp .anno-box .tag{position:absolute;bottom:calc(100% + 4.5px);left:-1.5px;
  background:var(--green);color:#fff;font:500 11px/1 Inter,sans-serif;
  padding:3px 6px;border-radius:3px;white-space:nowrap}
.nxp .scalebar{position:absolute;bottom:20px;right:20px;display:flex;flex-direction:column-reverse;
    align-items:flex-end;gap:5px;pointer-events:none;--sb-ink:#fff}
.nxp .scalebar i{display:block;width:52px;height:5px;background:var(--sb-ink)}
.nxp .scalebar b{color:var(--sb-ink);font-size:14px;font-weight:700;line-height:1}
.nxp .scalebar--ink{--sb-ink:#000}
.nxp .ztools{position:absolute;bottom:.5rem;right:.5rem;height:2rem;display:flex;align-items:center;gap:.125rem;padding:0 .25rem;
    border-radius:.25rem;border:1px solid var(--g700);background:var(--g800);box-shadow:0 1px 3px rgba(0,0,0,.3);
    opacity:0;pointer-events:none;transition:opacity .15s}
.nxp .pbody:hover .ztools{opacity:1;pointer-events:auto}
.nxp .ztools .pbtn{color:var(--g300)}
.nxp .ztools .zsep{width:1px;height:1rem;background:var(--g600);margin:0 .25rem}
.nxp .chartwrap{position:absolute;inset:0}
.nxp .chartwrap svg{width:100%;height:100%;display:block}
.nxp #chart .lgx{opacity:0;transition:opacity .15s}
.nxp #chart:hover .lgx{opacity:1}
.nxp .ctip{position:absolute;background:rgba(0,0,0,.8);border-radius:.25rem;padding:.375rem .5rem;font-size:.75rem;line-height:1.1rem;
    color:#fff;pointer-events:none;white-space:nowrap;transform:translate(12px,-50%);z-index:5}
.nxp .ctip .tt{font-weight:600}
.nxp .ctip .tb{display:flex;align-items:center;gap:.375rem;color:var(--g200)}
.nxp .ctip .sq{width:8px;height:8px;background:var(--red);border:1px solid #fff3;display:inline-block}
.nxp .txted{position:absolute;inset:0;overflow-y:auto;padding:.75rem 1rem;font-size:.85rem;line-height:1.6;color:var(--g300);user-select:text}
.nxp .txted p{margin:0 0 .6rem}
.nxp .txted .kev{font-weight:600;color:var(--g200)}
.nxp .txted ul{list-style:none;margin:0}
.nxp .txted li{padding:.1rem 0;display:flex;gap:.5rem}
.nxp .txted .ts{color:var(--blue-l);cursor:pointer;font-variant-numeric:tabular-nums;flex-shrink:0}
.nxp .txted .ts:hover{text-decoration:underline}
.nxp .tl{flex-shrink:0;border-top:1px solid var(--g700);background:var(--g800);display:flex;flex-direction:column;position:relative}
.nxp .tl__top{flex-shrink:0;border-bottom:1px solid var(--g700);background:var(--g800)}
.nxp .tl__grid{display:grid;grid-template-columns:var(--tlw,180px) 1fr 32px;height:2rem}
.nxp .tl__ctrl{display:flex;align-items:center;gap:.25rem;padding:0 .5rem;border-right:1px solid var(--g700)}
.nxp .tl__ctrl .sp{flex:1}
.nxp .speed{width:4rem;height:1.5rem;border-radius:.25rem;background:var(--input);display:flex;align-items:center;justify-content:space-between;padding:0 .45rem}
.nxp .speed b{font-weight:400;color:var(--g200);font-size:.85rem}
.nxp .speed i{font-style:normal;color:var(--g400);font-size:.8rem}
.nxp .tl__axis{position:relative;overflow:hidden;cursor:ew-resize;background:var(--g800)}
.nxp .tick{position:absolute;top:0;bottom:0;display:flex;flex-direction:column;align-items:center;pointer-events:none;transform:translateX(-50%)}
.nxp .tick span{font-size:10px;line-height:1;margin-top:3px;white-space:nowrap;color:var(--g400)}
.nxp .tick .gap{flex:1}
.nxp .tick i{display:block;width:1px}
.nxp .tick.major i{height:8px;background:var(--g500)}
.nxp .tick.minor i{height:4px;background:var(--g600)}
.nxp .tl__collapse{display:flex;align-items:center;justify-content:center;border-left:1px solid var(--g700)}
.nxp .tl__body{flex:1;display:flex;overflow:hidden;position:relative}
.nxp .tl__scroll{flex:1;overflow:hidden}
.nxp .tl__cgrid{display:grid;grid-template-columns:var(--tlw,180px) 1fr;min-height:100%}
.nxp .tl__labels{border-right:1px solid var(--g700);overflow:hidden;position:relative;z-index:10}
.nxp .tl__lrow{display:flex;align-items:center;padding:0 .5rem;height:32px;background:var(--g900);border-bottom:1px solid var(--g700)}
.nxp .tl__lrow span{font-size:.85rem;color:var(--g300);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.nxp .tl__lrow--notes{height:66px}
.nxp .tl__lrow--notes.is-flat,.nxp .trk--notes.is-flat{height:32px}
.nxp .tl__lrow--notes span{font-weight:500}
.nxp .tl__tracks{position:relative;overflow:hidden}
.nxp .trk{position:relative;height:32px;background:var(--g900);border-bottom:1px solid var(--g700);overflow:hidden}
.nxp .trk--notes{overflow:visible;height:66px}
.nxp .trk canvas{position:absolute;inset:0;width:100%;height:100%}
.nxp .nspan{position:absolute;cursor:pointer}
.nxp .nspan,.nxp .nstamp{--note:#8cc63f;--nline:2.44px}
.nxp .nspan .fill{position:absolute;inset:0;border-radius:.125rem;background:var(--note);opacity:.16;transition:opacity .15s}
.nxp .nspan:hover .fill{opacity:.26}
.nxp .nspan .txt{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;padding:0 .75rem;
    font-size:.75rem;font-weight:500;color:var(--g200);white-space:nowrap;overflow:hidden}
.nxp .bracket{position:absolute;top:50%;transform:translateY(-50%);width:calc(var(--nline)*2);height:12px;
    border-top:var(--nline) solid var(--note);border-bottom:var(--nline) solid var(--note)}
.nxp .bracket[data-side=l]{left:0;border-left:var(--nline) solid var(--note)}
.nxp .bracket[data-side=r]{right:0;border-right:var(--nline) solid var(--note)}
.nxp .nstamp{position:absolute;cursor:pointer}
.nxp .nstamp .bar{position:absolute;left:0;top:50%;transform:translateY(-50%);width:var(--nline);background:var(--note)}
.nxp .nstamp .lab{position:absolute;left:3px;top:0;bottom:0;max-width:150px;overflow:hidden;border-radius:.125rem;padding:0 .5rem;display:flex;align-items:center;
    background:rgba(55,65,81,.85);font-size:.75rem;font-weight:500;color:var(--g200);white-space:nowrap}
.nxp .cursor{position:absolute;top:0;bottom:0;width:1px;background:var(--green);z-index:40;pointer-events:none}
.nxp .cursor--tri::before{content:'';position:absolute;top:0;left:-5px;width:0;height:0;
    border-left:5px solid transparent;border-right:5px solid transparent;border-top:6px solid var(--green)}
.nxp .tl__tools{width:32px;flex-shrink:0;border-left:1px solid var(--g700);background:var(--g800);display:flex;flex-direction:column;align-items:center;gap:.25rem;padding:.25rem 0;position:relative;z-index:20}
.nxp .tl__tools .tsep{width:1.25rem;border-top:1px solid var(--g600)}
.nxp .tl__tools .pbtn{color:var(--g400)}
.nxp .tl.collapsed .tl__body{display:none}
.nxp .tl.collapsed .tl__top{border-bottom:0}
.nxp .frow{display:flex;align-items:center;gap:.75rem}
.nxp .frow>label{flex:2.2;min-width:0;font-size:.85rem;color:var(--g300);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.nxp .frow>.fctl{flex:3;min-width:0}
.nxp .nxin{width:100%;height:2rem;padding:0 .5rem;font-size:.85rem;font-family:var(--font);border:0;border-radius:.25rem;
    background:var(--input);color:var(--g200);outline:none;transition:box-shadow .15s}
.nxp .nxin::placeholder{color:var(--g400)}
.nxp .nxin:focus{box-shadow:0 0 0 1px var(--green)}
.nxp .nxsel{appearance:none;padding-right:2rem;cursor:pointer;
    background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%23d1d5db' d='M6 8L2 4h8z'/%3E%3C/svg%3E");
    background-position:right .5rem center;background-repeat:no-repeat}
.nxp .sliderrow{display:flex;align-items:center;gap:.5rem}
.nxp .sliderrow .nxin{width:58%;flex-shrink:0}
.nxp .sliderrow input[type=range]{flex:1;-webkit-appearance:none;appearance:none;height:14px;background:transparent;outline:none;cursor:pointer;margin:0;min-width:0}
.nxp .sliderrow input[type=range]::-webkit-slider-runnable-track{height:4px;border-radius:2px;background:var(--input)}
.nxp .sliderrow input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:10px;height:10px;border-radius:50%;background:var(--g500);border:none;margin-top:-3px}
.nxp .sliderrow input[type=range]::-webkit-slider-thumb:hover{background:var(--g400)}
.nxp .toggle{position:relative;display:flex;align-items:center;height:2rem;border-radius:.25rem;background:rgba(17,24,39,.5);padding:.125rem;width:100%}
.nxp .toggle__slider{position:absolute;top:.125rem;bottom:.125rem;left:.1875rem;border-radius:.25rem;background:var(--g700);
    box-shadow:0 1px 2px 0 rgba(0,0,0,.05);transition:transform .15s ease-out}
.nxp .toggle button{position:relative;z-index:10;height:100%;flex:1;min-width:0;padding:0 .75rem;font-size:.85rem;font-weight:500;
    border-radius:.25rem;background:none;border:0;cursor:pointer;color:var(--g400);transition:color .15s;font-family:var(--font)}
.nxp .toggle button:hover{color:var(--g200)}
.nxp .toggle button.on{color:#fff}
.nxp .kit{margin-top:64px}
.nxp .kit__title{font-size:20px;font-weight:700;letter-spacing:-.01em;color:var(--g200);margin-bottom:6px}
.nxp .kit__sub{color:#6b7280;font-size:13.5px;line-height:1.6;max-width:660px;margin-bottom:28px}
.nxp .kit__grid{display:grid;grid-template-columns:1fr 1fr;gap:28px 26px}
.nxp .stage{margin:0;min-width:0}
.nxp .stage--wide{grid-column:1/-1}
.nxp .stage__frame{position:relative;border-radius:12px;overflow:hidden;background:var(--g900)}
.nxp .stage__frame--fit{width:fit-content;margin:0 auto}
.nxp .stage__frame--flush{border-color:transparent;background:transparent}
.nxp .stage__inner{zoom:var(--mz);display:flex;align-items:stretch;position:relative}
.nxp .stage__inner--endcrop{justify-content:flex-end}
.nxp .stage__frame--fit .stage__inner{width:fit-content}
.nxp .stage figcaption{color:#6b7280;font-size:12.5px;margin-top:10px;text-align:center}
.nxp .stage .side{height:100%}
.nxp .bleedcol{flex:0 0 480px;min-width:0;display:flex;flex-direction:column;background:var(--g900)}
.nxp .bleedcol .pbody{flex:1;min-height:0}
.nxp .fade{position:absolute;top:0;bottom:0;width:54%;pointer-events:none;z-index:20}
.nxp .fade--r{right:0;background:linear-gradient(to right,rgba(0,16,48,0),#001030 82%)}
.nxp .fade--l{left:0;background:linear-gradient(to left,rgba(0,16,48,0),#001030 82%)}
.nxp .fade--b{left:0;right:0;bottom:0;top:auto;width:auto;height:44%;background:linear-gradient(to bottom,rgba(0,16,48,0),#001030 88%)}
.nxp .kitdemo{display:flex;flex-direction:column;width:100%;background:var(--g900)}
.nxp .kitpanel{flex:1;display:flex;flex-direction:column;min-height:0}
.nxp .kitpanel .pbody{flex:1;min-height:0}
.nxp .promo{margin-bottom:.75rem;padding:.65rem .75rem;border-radius:.5rem;background:rgba(140,198,63,.07);border:1px solid rgba(140,198,63,.22);display:flex;gap:.5rem;align-items:flex-start}
.nxp .promo .lucide{color:var(--green);flex-shrink:0;margin-top:2px}
.nxp .promo b{display:block;font-size:.85rem;font-weight:600;color:var(--g100)}
.nxp .promo span{font-size:.75rem;line-height:1.35;color:var(--g400);display:block;margin-top:2px}
.nxp .trow--script{background:var(--green)}
.nxp .trow--script .trow__icon,.nxp .trow--script .trow__label,.nxp .trow--script .trow__chev{color:#fff}
.nxp .trow--script:hover{background:var(--green)}
.nxp .editorcol{flex:1;min-width:0;display:flex;flex-direction:column;background:var(--g900);border-right:1px solid var(--g700)}
.nxp .editor{flex:1 1 0;display:flex;align-items:flex-start;min-height:0;overflow:hidden;font-family:Consolas,'Cascadia Mono',ui-monospace,monospace;font-size:14px;line-height:22px}
.nxp .ed__gutter{flex:0 0 44px;text-align:right;padding:8px 12px 0 0;color:#4b5563;white-space:pre}
.nxp .ed__code{flex:1;padding:8px 0 0 4px;overflow:visible;color:#d4d4d4;white-space:pre;user-select:text;-webkit-user-select:text;cursor:text}
.nxp .caret{display:inline-block;width:2px;height:13px;background:#e5e7eb;vertical-align:-2px;animation:caretblink 1.1s steps(1) infinite}
@keyframes caretblink{50%{opacity:0}}
.nxp .ed__code .n{border-radius:3px;transition:background .45s}
.nxp .ed__code .n.pkf{background:rgba(132,189,0,.4)}
.nxp .ed__code .k{color:#569CD6}
.nxp .ed__code .s{color:#CE9178}
.nxp .ed__code .c{color:#6A9955}
.nxp .ed__code .n{color:#B5CEA8}
.nxp .outp{border-top:1px solid var(--g700);flex-shrink:0}
.nxp .outp__hd{height:2rem;display:flex;align-items:center;gap:.5rem;padding:0 .75rem;color:var(--g300);font-size:.85rem}
.nxp .outp__hd .sp{flex:1}
.nxp .outp__body{padding:.25rem .875rem .75rem;font-family:Consolas,ui-monospace,monospace;font-size:13.5px;line-height:1.6;color:var(--g400)}
.nxp .statusbar{height:1.75rem;flex-shrink:0;display:flex;align-items:center;justify-content:space-between;padding:0 .75rem;background:var(--g800);border-top:1px solid var(--g700);font-size:11px;color:var(--g500)}
.nxp .statusbar span{display:flex;gap:1rem}
.nxp .chip{display:inline-flex;align-items:center;height:1.35rem;padding:0 .55rem;border-radius:.25rem;background:var(--g700);color:var(--g200);font-size:.75rem}
.nxp .sbtn{width:100%;height:2rem;border-radius:.25rem;background:var(--g700);color:var(--g200);font-size:.85rem;border:0;cursor:pointer;font-family:var(--font)}
.nxp .sbtn:hover{background:var(--g600)}
.nxp .sbtn--muted{opacity:.55;cursor:default}
.nxp .sbtn--muted:hover{background:var(--g700)}
.nxp .runbtn{width:100%;height:2.1rem;border-radius:.25rem;background:var(--green);color:#fff;font-size:.85rem;font-weight:500;border:0;cursor:pointer;font-family:var(--font);display:flex;align-items:center;justify-content:center;gap:.4rem}
.nxp .runbtn:hover{background:var(--green-h)}
.nxp .siglabel{flex:2.2;min-width:0;display:flex;align-items:center;gap:.4rem;font-size:.85rem;color:var(--g300)}
.nxp .sigtext{flex:1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.nxp .sigicon{flex:0 0 auto;margin-left:auto;color:var(--g400);display:flex;align-items:center}
.nxp .tsctl{display:flex;align-items:center;gap:.4rem}
.nxp .tsctl .lucide{color:var(--g500);flex-shrink:0}
@media(max-width:900px){.nxp .kit__grid{grid-template-columns:1fr}}
.nxp .fade--r{width:26%;top:0;bottom:0;height:auto}
.nxp .fade--l{width:26%;top:0;bottom:0;height:auto}
.nxp .fade--b{left:0;right:0;top:auto;bottom:0;width:auto;height:20%}
.nxp .duo{flex:1;display:flex;min-width:0}
.nxp .duo__main{flex:1.4;display:flex;flex-direction:column;min-width:0;border-right:1px solid var(--g700)}
.nxp .duo__side{flex:1;display:flex;flex-direction:column;min-width:0}
.nxp .duo__side .cell{flex:1;display:flex;flex-direction:column;min-height:0;border-bottom:1px solid var(--g700)}
.nxp .duo__side .cell:last-child{border-bottom:0}
.nxp .duo .pbody{flex:1;min-height:0}
.nxp .txped{padding:.7rem .9rem;font-size:.85rem;line-height:1.6;color:var(--g300);overflow:hidden}
.nxp .txped .kev{font-weight:600;color:var(--g200)}
.nxp .txped .ts{color:#60a5fa;font-variant-numeric:tabular-nums}
.nxp .annarrow{position:absolute;pointer-events:none}
.nxp .pk__grid{display:grid;grid-template-columns:300px 1.1fr 1fr;gap:18px;align-items:stretch;margin-top:40px}
.nxp .pkcard{background:var(--g800);border:1px solid var(--g700);border-radius:12px;overflow:hidden;display:flex;flex-direction:column}
.nxp .pkcard__hd{height:2rem;flex-shrink:0;display:flex;align-items:center;padding:0 .75rem;border-bottom:1px solid var(--g700);color:var(--g300);font-size:.85rem;font-weight:500}
.nxp .pkcard__bd{padding:.75rem;display:flex;flex-direction:column;gap:.75rem}
.nxp .pkshell{height:2rem;display:flex;align-items:center;background:var(--input);border-radius:.25rem;padding-left:.25rem;overflow:hidden}
.nxp .pkbtn{width:1.7rem;height:1.7rem;flex-shrink:0;border-radius:.25rem;background:rgba(255,255,255,.08);color:var(--g200);display:flex;align-items:center;justify-content:center;cursor:pointer;border:0;transition:background .15s}
.nxp .pkbtn:hover{background:rgba(255,255,255,.12)}
.nxp .pkbtn.on{background:var(--green);color:#fff}
.nxp .pkval{flex:1;min-width:0;width:100%;padding:0 .5rem;font-family:var(--font);font-size:.85rem;color:var(--g200);
  background:transparent;border:0;outline:none;white-space:nowrap;overflow:hidden}
.nxp .pkval::placeholder{color:var(--g400)}
.nxp .pkshell:focus-within{box-shadow:0 0 0 1px var(--green)}
.nxp .pkxy{flex:1;min-width:0;display:flex;align-items:center;gap:.1rem;padding:0 .35rem}
.nxp .pkxy i{font-style:normal;color:var(--g300);opacity:.5;flex-shrink:0;font-size:.78rem}
.nxp .pkxy .pkval{padding:0 .2rem;width:40%}
.nxp .pkgfile{box-shadow:0 6px 16px rgba(0,0,0,.30)}
.nxp .pkval--mono{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,'Liberation Mono','Courier New',monospace}
.nxp .pkval i{font-style:normal;color:var(--g500);margin:0 .3rem 0 .5rem}
.nxp .pkval i:first-child{margin-left:0}
.nxp .pkviewer{position:relative;flex:1;min-height:300px}
.nxp .pkviewer canvas{position:absolute;inset:0;width:100%;height:100%}
.nxp .pkviewer.armed{cursor:crosshair}
.nxp .pkmark{position:absolute;pointer-events:none;transform:translate(-50%,-50%);color:#84BD00;display:none}
.nxp .pkcursor,.nxp .socursor{position:absolute;left:0;top:0;width:24px;height:24px;pointer-events:none;z-index:30;display:none;transform-origin:5.5px 2.5px;transition:transform .12s ease;filter:drop-shadow(0 1.5px 2.5px rgba(0,0,0,.45))}
.nxp .pkcursor svg,.nxp .socursor svg{display:block;shape-rendering:geometricPrecision}
.nxp .pkcursor.clicking,.nxp .socursor.clicking{transform:scale(.9)}
.nxp .pkcursor--cross{transform:translate(-50%,-50%);transform-origin:center}
.nxp .pkcursor--cross.clicking{transform:translate(-50%,-50%) scale(.85)}
.nxp .pkcode{white-space:pre;background:#0d1424;border:1px solid var(--g700);border-radius:12px;padding:14px 16px;font-family:Consolas,ui-monospace,monospace;font-size:12.5px;line-height:1.75;color:#d4d4d4;overflow:auto;user-select:text}
.nxp .pkcode .s{color:#CE9178}
.nxp .pkcode .n{color:#B5CEA8}
.nxp .pkcode .c{color:#6A9955}
.nxp .pkcode b{font-weight:400;color:#B5CEA8;border-radius:3px;transition:background .4s}
.nxp .pkcode b.pkf{background:rgba(132,189,0,.75);color:#0a0a0a;border-radius:3px}
.nxp .pkcode b.pkup{background:rgba(132,189,0,.34);border-radius:3px;box-shadow:0 0 0 1px rgba(132,189,0,.6)}
.nxp #panels .wrap{max-width:none;padding-left:max(32px,calc((100vw - 1280px)/2 + 32px));padding-right:0;overflow:hidden}
.nxp .pv2{display:grid;grid-template-columns:minmax(280px,400px) minmax(0,1fr);gap:52px;align-items:center;margin-top:6px}
.nxp .pv2__text{max-width:30rem}
.nxp .pv2__stage{min-width:0;position:relative}
.nxp .pv2__stage .uc-app{width:100%}
@media(max-width:1024px){.nxp #panels .wrap{padding:0 32px;max-width:1280px}
.nxp .pv2{grid-template-columns:1fr;gap:24px}
.nxp #panels .uc-app .side--l{display:flex}}
.nxp .xs2{display:grid;grid-template-columns:.92fr 1.08fr;gap:44px;align-items:center;margin-top:6px}
.nxp .xs2__text{max-width:30rem}
.nxp .xs2__stage{position:relative;z-index:0;height:497px;zoom:var(--mz)}
.nxp .xsfloat{position:absolute;border-radius:12px;overflow:hidden;background:var(--g900);box-shadow:0 26px 60px -22px rgba(0,0,0,.85);display:flex;flex-direction:column}
.nxp .xsfloat .pbody{flex:1;position:relative;min-height:0}
.nxp .xsfloat .pbody>canvas{position:absolute;inset:0;width:100%;height:100%}
.nxp .xsfloat--sem{left:0;top:34px;width:58%;height:236px;z-index:1}
.nxp .xsfloat--tem{right:0;top:180px;width:40%;height:300px;z-index:3}
.nxp .xs-roi{position:absolute;left:63%;top:33%;width:7.2%;height:14.7%;border:1.5px solid #84BD00;border-radius:3px;box-shadow:0 0 0 1px rgba(132,189,0,.25),0 0 14px rgba(132,189,0,.35);z-index:3}
.nxp .xs-link{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;z-index:2;overflow:visible}
.nxp .xs-link line{stroke:rgba(132,189,0,.45);stroke-width:1;stroke-dasharray:4 4}
@media(max-width:960px){.nxp .xs2{grid-template-columns:1fr;gap:24px}}
.nxp .pk2{display:grid;grid-template-columns:.92fr 1.08fr;gap:44px;align-items:center;margin-top:6px}
.nxp .pk2__text{max-width:30rem}
.nxp .pk2__stage{position:relative;z-index:0;zoom:var(--mz);height:540px}
.nxp .pkfloat{position:absolute;border-radius:12px;overflow:hidden;box-shadow:0 26px 60px -22px rgba(0,0,0,.85)}
.nxp .pkfloat--view{left:0;top:40px;width:350px;height:330px;display:flex;flex-direction:column;background:var(--g900);z-index:1}
.nxp .pkfloat--view .pbody{flex:1;position:relative;min-height:0}
.nxp .pkfloat--view .pkviewer{min-height:0}
.nxp .pkfloat--params{left:300px;top:0;width:372px;background:var(--g800);z-index:3}
.nxp .pkfloat--params .csec{border-bottom:0}
.nxp .pkfloat--code{position:absolute;left:40px;top:352px;width:706px;z-index:2}
.nxp .pkcolorin{width:1.6rem;height:1.6rem;border:0;padding:0;background:none;cursor:pointer;flex-shrink:0}
.nxp .pkcolorin::-webkit-color-swatch-wrapper{padding:2px}
.nxp .pkcolorin::-webkit-color-swatch{border:0;border-radius:.2rem}
@media(max-width:960px){.nxp .pk2{grid-template-columns:1fr;gap:20px}}
.nxp .expmedia{position:relative;height:430px}
.nxp .expmedia__img{position:absolute;left:0;top:0;z-index:1;width:62%;height:auto;border-radius:12px;box-shadow:0 30px 70px -20px rgba(0,0,0,.9);will-change:transform}
.nxp .expmedia__vid{position:absolute;right:0;bottom:0;z-index:2;width:54%;aspect-ratio:1204/1112;border-radius:12px;border:1px solid rgba(255,255,255,.14);box-shadow:0 34px 80px -20px rgba(0,0,0,.95);will-change:transform}
@media(max-width:940px){.nxp .pk__grid{grid-template-columns:1fr}}
:root{--mz:.79;--navh:80px;--chrome:138px}
html{scroll-padding-top:calc(var(--chrome) + 12px)}
.nxp{position:relative;background-color:#001030;color:#f4f5f6;isolation:isolate}
.nxp::before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;
  background-image:linear-gradient(rgba(255,255,255,.032) 1px,transparent 1px),
                   linear-gradient(90deg,rgba(255,255,255,.032) 1px,transparent 1px);
  background-size:32px 32px;
  -webkit-mask-image:linear-gradient(to right,#000 0%,#000 34%,transparent 60%);
          mask-image:linear-gradient(to right,#000 0%,#000 34%,transparent 60%)}
@media(max-width:1024px){.nxp::before{-webkit-mask-image:none;mask-image:none;opacity:.7}}
.nxp .hero{position:relative;background:
  radial-gradient(ellipse at 20% 0%, rgba(0,56,144,.55) 0%, transparent 55%),
  radial-gradient(ellipse at 82% 8%, rgba(98,209,0,.13) 0%, transparent 45%),
  linear-gradient(180deg,#001840 0%,#001030 60%)}
.nxp .hero::before{content:"";position:absolute;inset:0;pointer-events:none;z-index:0;
  background-image:linear-gradient(rgba(255,255,255,.04) 1px,transparent 1px),
                   linear-gradient(90deg,rgba(255,255,255,.04) 1px,transparent 1px);
  background-size:32px 32px;
  -webkit-mask-image:radial-gradient(ellipse at center,#000 0%,transparent 75%);
          mask-image:radial-gradient(ellipse at center,#000 0%,transparent 75%)}
.nxp .hero>*{position:relative;z-index:1}
[data-theme=light] .nxp::before{background-image:linear-gradient(rgba(0,24,64,.028) 1px,transparent 1px),
                   linear-gradient(90deg,rgba(0,24,64,.028) 1px,transparent 1px)}
[data-theme=light] .nxp .hero{background:
  radial-gradient(ellipse at 20% 0%, rgba(0,56,144,.11) 0%, transparent 55%),
  radial-gradient(ellipse at 82% 8%, rgba(132,189,0,.09) 0%, transparent 42%),
  linear-gradient(180deg,#eff2f7 0%,#ffffff 65%)}
[data-theme=light] .nxp .hero::before{background-image:linear-gradient(rgba(0,24,64,.038) 1px,transparent 1px),
                   linear-gradient(90deg,rgba(0,24,64,.038) 1px,transparent 1px)}
.nxp a{color:inherit;text-decoration:none}
.nxp .wrap{max-width:1280px;margin:0 auto;padding:0 32px}
.nxp .pnav{position:sticky;top:0;z-index:50;background:rgba(0,16,48,.75);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-bottom:1px solid rgba(255,255,255,.08)}
.nxp .pnav__in{max-width:1280px;margin:0 auto;padding:15px 32px;display:flex;align-items:center;justify-content:space-between}
.nxp .brand{font-weight:800;font-size:1.05rem}
.nxp .brand b{color:#84BD00}
.nxp .pnav__links{display:flex;gap:32px;font-size:.88rem;color:#8b909a}
.nxp .pnav__links a:hover{color:#f4f5f6}
.nxp .btnp{display:inline-flex;align-items:center;background:#84BD00;color:#fff;font-weight:700;font-size:.875rem;padding:.75rem 1.75rem;border-radius:.375rem;border:none;cursor:pointer;transition:background .3s ease;text-decoration:none}
.nxp .btnp:hover{background:#74a600;color:#fff}
.nxp .btng{background:rgba(255,255,255,.15);color:#fff}
.nxp .btng:hover{background:rgba(255,255,255,.25)}
.nxp .btnp>svg{width:0;height:1em;max-width:0;opacity:0;margin-left:0;overflow:hidden;flex-shrink:0;transition:width .3s ease,max-width .3s ease,margin-left .3s ease,opacity .3s ease}
.nxp .btnp:hover>svg,.nxp .btnp:focus-visible>svg{width:1em;max-width:1em;opacity:1;margin-left:.5rem}
.nxp .eyebrow{font-size:.76rem;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:#84BD00}
.nxp .hero{padding:88px 0 0}
.nxp .hero h1{font-size:clamp(2.7rem,6vw,4.6rem);font-weight:700;line-height:1.03;letter-spacing:-.035em;max-width:16ch;margin-top:20px}
.nxp .hero .lead{color:#aab3c2;font-size:1.15rem;line-height:1.65;max-width:58ch;margin-top:24px}
.nxp .hero__cta{display:flex;gap:14px;margin-top:32px;flex-wrap:wrap}
.nxp .hero__note{display:inline-flex;align-items:center;gap:.4rem;margin-top:14px;font-size:.8125rem;line-height:1.4;color:rgba(255,255,255,.66)}
.nxp .hero__note svg{flex:0 0 auto;color:rgba(255,255,255,.8)}
[data-theme=light] .nxp .hero__note svg{color:rgba(0,24,64,.55)}
.nxp .embed{position:relative;overflow:hidden;border-radius:14px}
.nxp .embed__inner{zoom:var(--mz);display:flex;align-items:stretch;position:relative;user-select:none;-webkit-user-select:none}
.nxp .marq{border-top:1px solid rgba(255,255,255,.07);border-bottom:1px solid rgba(255,255,255,.07);padding:26px 0;margin-top:36px;overflow:hidden}
.nxp .marq__lab{text-align:center;color:#84BD00;font-size:.76rem;font-weight:700;letter-spacing:.16em;text-transform:uppercase;margin-bottom:18px}
.nxp .marq__row{display:flex;gap:14px;width:max-content;animation:marq 28s linear infinite}
@media(prefers-reduced-motion:reduce){.nxp .marq__row{animation:none}}
@keyframes marq{to{transform:translateX(-50%)}}
.nxp .fchip{display:inline-flex;align-items:center;gap:.5rem;padding:.55rem 1rem;border-radius:10px;border:1px solid rgba(255,255,255,.1);background:#001840;color:#aab2bf;font-size:.85rem;white-space:nowrap}
.nxp .fchip b{color:#f4f5f6;font-weight:600}
.nxp .fair__grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;margin-top:44px}
.nxp .faircard{position:relative;overflow:hidden;border:1px solid rgba(255,255,255,.09);border-radius:16px;padding:28px 24px 26px;background:linear-gradient(180deg,#001c4a,#00133a)}
.nxp .faircard__ltr{position:absolute;top:10px;right:14px;font-size:92px;line-height:.9;font-weight:800;letter-spacing:-.04em;color:transparent;background:linear-gradient(180deg,rgba(132,189,0,.28),rgba(132,189,0,.03) 92%);-webkit-background-clip:text;background-clip:text;pointer-events:none;user-select:none}
.nxp .faircard__ic{width:44px;height:44px;border-radius:11px;background:rgba(132,189,0,.12);display:flex;align-items:center;justify-content:center;color:#84BD00;position:relative}
.nxp .faircard h3 b{color:#84BD00;font-weight:inherit}
.nxp .faircard h3{font-size:1.12rem;font-weight:700;margin-top:16px;color:#f4f5f6;position:relative}
.nxp .faircard p{color:#8b909a;font-size:.95rem;line-height:1.55;margin-top:10px;position:relative}
@media(max-width:900px){.nxp .fair__grid{grid-template-columns:1fr 1fr}}
@media(max-width:560px){.nxp .fair__grid{grid-template-columns:1fr}}
.nxp .lin{position:relative;zoom:var(--mz);height:664px;margin-top:6px}
.nxp .lincard{position:absolute;width:320px;border-radius:10px;overflow:hidden;
  background:var(--g900);box-shadow:0 20px 44px -20px rgba(0,0,0,.8);
  left:calc(var(--i)*46px);top:calc(var(--i)*160px);z-index:calc(var(--i)*2 + 1);
  opacity:0;transform:translateY(14px);transition:opacity .5s ease,transform .5s cubic-bezier(.2,.8,.2,1)}
.nxp .lin.on .lincard{opacity:1;transform:none}
.nxp .lincard--last{box-shadow:0 26px 56px -18px rgba(0,0,0,.9),0 0 0 1px rgba(132,189,0,.3),0 0 36px -6px rgba(132,189,0,.22)}
.nxp .lin__glow{position:absolute;left:100px;top:450px;width:420px;height:260px;z-index:0;pointer-events:none;
  background:radial-gradient(ellipse at 42% 48%, rgba(132,189,0,.14) 0%, transparent 68%);
  opacity:0;transition:opacity .9s ease .35s}
.nxp .lin.on .lin__glow{opacity:1}
.nxp .lincard .trow{height:2rem;cursor:default}
.nxp .lincard .trow:hover{background:none}
.nxp .linviz{display:block;width:100%;height:148px;background:#0a0f1f;border-top:1px solid var(--g700)}
.nxp .linviz--chart{background:var(--g900)}
.nxp .linscript{position:absolute;left:calc(var(--i)*46px + 372px);top:calc(var(--i)*160px + 86px);z-index:30;width:318px;
  border-radius:8px;background:var(--g800);overflow:hidden;
  box-shadow:0 10px 24px -10px rgba(0,0,0,.65);
  opacity:0;transform:translateX(-10px);transition:opacity .45s ease,transform .45s ease}
.nxp .lin.on .linscript{opacity:1;transform:none}
.nxp .linscript__hd{display:flex;align-items:center;gap:.45rem;height:2rem;padding:0 .7rem;
  font-size:.85rem;color:var(--g200);white-space:nowrap;border-bottom:1px solid var(--g700)}
.nxp .linscript__hd .lucide{color:var(--g500);flex-shrink:0}
.nxp .linscript__hd i{margin-left:auto;font-style:normal;font-size:.68rem;color:var(--g500);letter-spacing:.04em}
.nxp .linscript__code{margin:0;padding:.5rem .7rem .55rem;background:var(--g900);
  font-family:Consolas,'Cascadia Mono',ui-monospace,monospace;font-size:10px;line-height:1.7;
  color:#d4d4d4;white-space:pre;overflow:hidden}
.nxp .linscript__code .k{color:#569CD6}
.nxp .linscript__code .s{color:#CE9178}
.nxp .linscript__code .c{color:#6A9955}
.nxp .linscript__code .n{color:#B5CEA8}
.nxp .linwires{position:absolute;inset:0;width:100%;height:100%;z-index:20;pointer-events:none;overflow:visible;
  opacity:0;transition:opacity .5s ease .25s}
.nxp .lin.on .linwires{opacity:1}
.nxp .linwires path{fill:none;stroke:#84BD00;stroke-width:2.6;stroke-linecap:round;stroke-linejoin:round}
.nxp .linwires .wdot{fill:#84BD00;stroke:none}
[data-theme=light] .nxp .linscript__code{color:#1f2937}
[data-theme=light] .nxp .linscript__code .k{color:#0000ff}
[data-theme=light] .nxp .linscript__code .s{color:#a31515}
[data-theme=light] .nxp .linscript__code .c{color:#008000}
[data-theme=light] .nxp .linscript__code .n{color:#098658}
[data-theme=light] .nxp .linscript{box-shadow:0 6px 16px -6px rgba(0,24,64,.2)}
@media(max-width:940px){.nxp .lin{height:auto}
.nxp .lincard{position:relative;left:0;top:0;width:100%;margin-bottom:14px}
.nxp .linscript{position:relative;left:0;top:0;margin:0 0 14px}}
:root{--mockstroke:#2a3342}
[data-theme=light]{--mockstroke:#c3cfe0}
.nxp .app::after,.nxp .stage__frame::after,.nxp .xsfloat::after,.nxp .pkfloat::after,.nxp .sofloat::after,.nxp .scfloat--editor::after,.nxp .scfloat--menu::after,.nxp .lincard::after,.nxp .linscript::after{
  content:"";position:absolute;inset:0;border:1px solid var(--mockstroke);
  border-radius:inherit;pointer-events:none;z-index:80}
.nxp .app{position:relative}
.nxp .stage__frame--flush::after{border-color:transparent}
.nxp .feat,.nxp .cta{scroll-margin-top:calc(var(--chrome) + 8px)}
.nxp .scstage{position:relative;zoom:var(--mz);height:600px;margin-top:10px}
.nxp .scfloat--editor{position:absolute;left:120px;top:52px;width:1000px;height:540px;background:var(--g900);border-radius:12px;overflow:hidden;box-shadow:0 34px 80px -30px rgba(0,0,0,.85);z-index:1;display:flex;flex-direction:column}
.nxp .scfloat--menu{position:absolute;left:1000px;top:0;width:410px;background:var(--g800);border-radius:12px;overflow:hidden;box-shadow:0 40px 90px -26px rgba(0,0,0,.92);z-index:3;display:flex;flex-direction:column}
.nxp .scfloat--menu .side__scroll{overflow:visible}
.nxp #scripting .head{max-width:880px}
.nxp #scripting .head h2{max-width:none}
.nxp #scripting .head p{max-width:66ch}
.nxp .so2{display:grid;grid-template-columns:.95fr 1.05fr;gap:44px;align-items:center;margin-top:6px}
.nxp .so2__text{max-width:34rem}
.nxp .so2__stage{position:relative;zoom:var(--mz);height:560px}
.nxp .sofloat{position:absolute;border-radius:12px;overflow:hidden;background:var(--g900);box-shadow:0 30px 70px -26px rgba(0,0,0,.85);opacity:0;transform:translateY(20px);transition:opacity .55s ease,transform .55s ease}
.nxp .so-stage.on .sofloat--menu{opacity:1;transform:none}
.nxp .sofloat--vid,.nxp .sofloat--chart{transform:translateY(12px) scale(.97);transition:opacity .38s ease,transform .38s cubic-bezier(.2,.8,.2,1)}
.nxp .sofloat.dropped{opacity:1;transform:none}
.nxp .so-stage .trow--script,.nxp .so-stage .trow--out{opacity:0;transform:translateX(-10px);transition:opacity .38s ease,transform .38s ease}
.nxp .so-stage.rows .trow--script,.nxp .so-stage.rows .trow--out{opacity:1;transform:none}
.nxp .so-stage .trow.dragging{opacity:.4}
.nxp .sodrag{position:absolute;z-index:36;display:none;pointer-events:none;align-items:center;gap:.4rem;padding:.32rem .6rem;border-radius:.3rem;
  background:var(--g700);border:1px solid var(--g600);color:var(--g100);font-size:.8rem;white-space:nowrap;box-shadow:0 10px 24px rgba(0,0,0,.5)}
.nxp .sodrag i{width:.55rem;height:.55rem;border-radius:2px;flex-shrink:0}
.nxp .sodrop{position:absolute;z-index:0;border:1.5px dashed rgba(132,189,0,.55);border-radius:12px;background:rgba(132,189,0,.07);
  opacity:0;transition:opacity .25s ease;pointer-events:none}
.nxp .sodrop.on{opacity:1}
.nxp .socursor{z-index:40}
[data-theme=light] .nxp .sodrag{background:#fff;border-color:#e5e7eb;color:#111827;box-shadow:0 8px 20px rgba(0,24,64,.14)}
.nxp .sofloat--vid{left:280px;top:0;width:500px;height:240px;display:flex;flex-direction:column;z-index:1}
.nxp .sofloat--chart{left:340px;top:274px;width:440px;height:246px;display:flex;flex-direction:column;z-index:2}
.nxp .sofloat--menu{left:40px;top:60px;width:310px;background:var(--g800);z-index:4}
.nxp .sofloat .pbody{flex:1;position:relative;min-height:0}
.nxp .sofloat .pbody>canvas{position:absolute;inset:0;width:100%;height:100%}
.nxp .runbtn--running{background:#3b82f6!important}
.nxp .run-spin{width:12px;height:12px;border:2px solid rgba(255,255,255,.4);border-top-color:#fff;border-radius:50%;display:inline-block;animation:runspin .7s linear infinite}
@keyframes runspin{to{transform:rotate(360deg)}}
@media(max-width:960px){.nxp .so2{grid-template-columns:1fr;gap:20px}}
@media(max-width:1100px){}
.nxp .stackcard{display:grid;grid-template-columns:.95fr 1.05fr;border:1px solid rgba(255,255,255,.09);border-radius:24px;overflow:hidden;background:#00143a}
.nxp .stackcard__l{padding:46px 44px;background:#001c4a;border-right:1px solid rgba(255,255,255,.07);display:flex;flex-direction:column;justify-content:center}
.nxp .stack__bricks{display:flex;flex-wrap:wrap;gap:12px}
.nxp .stack__pill{display:inline-flex;align-items:center;gap:.5rem;padding:.6rem 1rem;border-radius:10px;border:1px solid rgba(255,255,255,.1);background:#001840;color:#aab2bf;font-size:.9rem;white-space:nowrap}
.nxp .stack__pill b{color:#f4f5f6;font-weight:600}
.nxp .stack__pill--more{border-style:dashed;color:#84BD00;border-color:rgba(132,189,0,.4);background:rgba(132,189,0,.06)}
.nxp .stackcard__r{padding:56px 48px;display:flex;flex-direction:column;justify-content:center}
.nxp .stackcard__r h2{font-size:clamp(1.9rem,3vw,2.6rem);font-weight:700;letter-spacing:-.03em;line-height:1.08;margin-top:14px}
.nxp .stackcard__r p{color:#8b909a;font-size:1.05rem;line-height:1.62;margin-top:16px;max-width:62ch}
.nxp .stack__btn{align-self:flex-start;margin-top:28px}
@media(max-width:860px){.nxp .stackcard{grid-template-columns:1fr}
.nxp .stackcard__l{border-right:0;border-bottom:1px solid rgba(255,255,255,.07)}
.nxp .stackcard__r{padding:40px 36px}}
.nxp .pills{display:flex;flex-wrap:wrap;gap:8px;margin-top:22px}
.nxp .pill{padding:.4rem .8rem;border-radius:9999px;border:1px solid rgba(255,255,255,.12);color:#aab2bf;font-size:.8rem}
.nxp .outs{display:grid;grid-template-columns:1.3fr 1fr 1fr;gap:18px;margin-top:20px}
.nxp .out{background:#001840;border:1px solid rgba(255,255,255,.09);border-radius:14px;overflow:hidden;display:flex;flex-direction:column;transition:transform .25s,border-color .25s}
.nxp .out:hover{transform:translateY(-3px);border-color:rgba(132,189,0,.4)}
.nxp .out__hd{padding:10px 14px;font-size:.78rem;color:#8b909a;border-bottom:1px solid rgba(255,255,255,.07);display:flex;justify-content:space-between;align-items:center}
.nxp .out__hd b{color:#e5e7eb;font-weight:600;font-family:Consolas,ui-monospace,monospace;font-size:.78rem}
.nxp .out__hd i{font-style:normal;color:#84BD00;font-size:.7rem}
.nxp .out__body{flex:1;min-height:130px;position:relative}
.nxp .out__body canvas,.nxp .out__body svg{position:absolute;inset:0;width:100%;height:100%}
.nxp .out__num{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;gap:4px}
.nxp .out__num b{font-size:2rem;font-weight:700;color:#f4f5f6;font-variant-numeric:tabular-nums}
.nxp .out__num span{color:#5c616b;font-size:.78rem}
@media(max-width:940px){.nxp .outs{grid-template-columns:1fr}}
.nxp .libhead{max-width:none}
.nxp .lib{display:grid;grid-template-columns:210px 1fr;align-items:start}
.nxp .lib__rail{display:flex;flex-direction:column;gap:7px;padding-right:20px}
.nxp .libtab{display:flex;gap:10px;align-items:center;padding:9px 11px;border-radius:11px;border:1px solid rgba(255,255,255,.08);background:rgba(255,255,255,.02);cursor:pointer;transition:border-color .2s,background .2s;text-align:left;font-family:inherit;width:100%}
.nxp .libtab:hover{border-color:rgba(255,255,255,.2);background:rgba(255,255,255,.04)}
.nxp .libtab.on{border-color:rgba(132,189,0,.5);background:rgba(132,189,0,.08)}
.nxp .libtab .li{width:30px;height:30px;border-radius:8px;background:rgba(255,255,255,.05);display:flex;align-items:center;justify-content:center;color:#84BD00;flex-shrink:0}
.nxp .libtab.on .li{background:rgba(132,189,0,.18)}
.nxp .libtab__tx{min-width:0}
.nxp .libtab__tx h4{font-size:.82rem;font-weight:600;color:#eef0f2;white-space:nowrap;line-height:1.2}
.nxp .lib .libtab__tx p{font-size:.68rem;color:#7c828c;margin-top:2px;line-height:1.3;white-space:nowrap;max-width:none}
.nxp .lib__stage{position:relative;padding-left:20px;border-left:1px solid rgba(255,255,255,.1);height:470px;overflow:hidden}
.nxp .lib__stage::after{content:"";position:absolute;left:0;right:0;bottom:0;height:150px;background:linear-gradient(to bottom,rgba(0,16,48,0),#001030 94%);pointer-events:none;z-index:2}
.nxp .lib__grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:12px}
.nxp .scard{background:rgba(255,255,255,.018);border:1px solid rgba(255,255,255,.08);border-radius:13px;padding:14px 14px 12px;display:flex;flex-direction:column;gap:12px;transition:border-color .2s,background .2s,transform .2s}
.nxp .scard:hover{transform:translateY(-2px);border-color:rgba(132,189,0,.4);background:rgba(132,189,0,.03)}
.nxp .scard__t{display:flex;gap:10px;align-items:center;min-width:0}
.nxp .scard__ic{width:32px;height:32px;border-radius:9px;background:rgba(255,255,255,.05);display:flex;align-items:center;justify-content:center;color:#aeb3bb;flex-shrink:0}
.nxp .scard__meta{min-width:0}
.nxp .scard h5{font-size:.86rem;font-weight:600;color:#eef0f2;line-height:1.25;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.nxp .scard .by{font-size:.71rem;color:#6b7280;margin-top:2px}
.nxp .flow{display:flex;align-items:center;gap:9px;margin-top:auto;padding-top:11px;border-top:1px solid rgba(255,255,255,.06)}
.nxp .flow .sigs{display:inline-flex;align-items:center;gap:6px}
.nxp .flow .sigs svg{color:#84BD00;opacity:.85;flex-shrink:0}
.nxp .flow .ar{display:flex;color:#565b64;flex-shrink:0}
@media(max-width:560px){.nxp .lib__grid{grid-template-columns:1fr}}
.nxp .hero__embed{margin-top:56px}
.nxp .combo{display:grid;grid-template-columns:minmax(280px,400px) minmax(0,1fr);gap:0 52px;align-items:stretch}
.nxp .combo__text{display:flex;flex-direction:column;justify-content:space-between;padding:6px 0}
.nxp .combo__ui{align-self:center}
.nxp .combo__stack{zoom:var(--mz);display:flex;flex-direction:column;background:var(--g900)}
.nxp .cpanels{display:flex;height:430px;background:var(--g900)}
.nxp .cpanel{display:flex;flex-direction:column;min-width:0;min-height:0;overflow:hidden}
.nxp .cpanel--main{flex:1.5;border-right:1px solid var(--g700)}
.nxp .cpanel--side{flex:1;display:flex;flex-direction:column;min-width:0}
.nxp .cpanel .pbody{flex:1;position:relative;min-height:0;background:var(--g900)}
.nxp .cpanel .pbody canvas{position:absolute;inset:0;width:100%;height:100%}
.nxp .ctl{border-top:1px solid var(--g700);display:flex;flex-direction:column}
@media(max-width:940px){.nxp .combo{grid-template-columns:1fr;gap:28px}}
.nxp #usecases .wrap{max-width:1280px}
.nxp .uc-head{text-align:center;max-width:1080px;margin:0 auto 30px}
.nxp .uc-head .eyebrow{display:block;margin-bottom:14px}
.nxp .uc-head .uc-title{max-width:none;margin:0 auto;font-size:clamp(2.4rem,5vw,3.6rem);font-weight:800;letter-spacing:-.03em;line-height:1.03;text-wrap:balance}
.nxp .uc-toggle-wrap{display:flex;justify-content:center;margin-bottom:26px}
.nxp .uc-toggle{display:inline-flex;gap:4px;padding:5px;border-radius:11px;background:#00081f;border:0}
.nxp .uc-tab{padding:.62rem 1.25rem;border-radius:7px;border:0;background:none;color:#9aa0aa;font-family:inherit;font-size:.875rem;font-weight:500;cursor:pointer;transition:background .2s,color .2s;white-space:nowrap}
.nxp .uc-tab:hover:not(.on){color:#e6e8ec}
.nxp .uc-tab.on{background:#001840;color:#fff;box-shadow:none}
.nxp .uc-stage{position:relative;z-index:0}
.nxp .uc-card{display:none;border-radius:24px;padding:clamp(14px,2.2vw,34px);position:relative;overflow:hidden}
.nxp .uc-card.on{display:block;animation:ucUp .55s cubic-bezier(.2,.7,.2,1)}
@keyframes ucUp{from{opacity:0;transform:translateY(30px)}
to{opacity:1;transform:translateY(0)}}
.nxp .uc-card[data-w="drift"]{background:radial-gradient(125% 150% at 50% 0%, #22422f 0%, #14283a 52%, #0d141d 100%)}
.nxp .uc-card[data-w="growth"]{background:radial-gradient(125% 150% at 50% 0%, #123f3c 0%, #112433 52%, #0d141d 100%)}
.nxp .uc-card[data-w="spec"]{background:radial-gradient(125% 150% at 50% 0%, #2c2456 0%, #191c39 52%, #0d141d 100%)}
.nxp .uc-card[data-w="part"]{background:radial-gradient(125% 150% at 50% 0%, #153c5c 0%, #132840 52%, #0d141d 100%)}
.nxp .uc-card[data-w="phase"]{background:radial-gradient(125% 150% at 50% 0%, #43273a 0%, #221c33 52%, #0d141d 100%)}
.nxp .uc-card::before{content:"";position:absolute;inset:0;pointer-events:none;
  background-image:
    radial-gradient(circle at 18% 22%, rgba(255,255,255,.055), transparent 42%),
    radial-gradient(circle at 82% 6%, rgba(255,255,255,.045), transparent 38%),
    radial-gradient(ellipse 60% 45% at 88% 86%, rgba(255,255,255,.03), transparent 60%),
    linear-gradient(rgba(255,255,255,.022) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255,255,255,.022) 1px, transparent 1px);
  background-size:auto,auto,auto,32px 32px,32px 32px}
[data-theme=light] .nxp .uc-card::before{
  background-image:
    radial-gradient(circle at 18% 22%, rgba(255,255,255,.5), transparent 42%),
    radial-gradient(circle at 82% 6%, rgba(255,255,255,.4), transparent 38%),
    radial-gradient(ellipse 60% 45% at 88% 86%, rgba(0,24,64,.02), transparent 60%),
    linear-gradient(rgba(0,24,64,.022) 1px, transparent 1px),
    linear-gradient(90deg, rgba(0,24,64,.022) 1px, transparent 1px);
  background-size:auto,auto,auto,32px 32px,32px 32px}
.nxp .uc-window{position:relative;max-width:none;margin:0 auto}
.nxp .uc-app{width:100%}
.nxp .uc-app .canvas{display:flex;flex-direction:column}
.nxp .uc-app .cpanels{flex:1;height:auto;min-height:0}
.nxp .uc-app .ctl{flex-shrink:0}
.nxp .uc-app .side--r{display:none}
.nxp .uc-app--growth .side--r{display:none}
.nxp .uc-app--growth .hd__title{overflow:visible;text-overflow:clip;max-width:none}
.nxp .uc-app--growth .gmeta{display:none}
.nxp .scfloat--editor .outp{display:none}
.nxp .gmeta{color:var(--g500);font-size:.72rem;margin-right:.4rem;white-space:nowrap}
.nxp .gcanvas{display:flex;flex-direction:column;min-height:0;padding:0}
.nxp .uc-app--growth .gpanel{display:flex;flex-direction:column;min-height:0;min-width:0;border-bottom:1px solid var(--g700);position:relative;overflow:hidden}
.nxp .uc-app--growth .gpanel .pbody{flex:1;position:relative;min-height:0;background:var(--g900)}
.nxp .uc-app--growth .gpanel .pbody>canvas{position:absolute;inset:0;width:100%;height:100%}
.nxp .gp-sem{flex:1.15}
.nxp .gp-dend{flex:1}
.nxp .uc-app--growth .gcanvas{display:flex;flex-direction:column;min-height:0}
.nxp .grow2col{display:flex;flex:1;min-height:0;min-width:0}
.nxp .gcol{display:flex;flex-direction:column;min-width:0;min-height:0}
.nxp .gcol--left{flex:1;border-right:1px solid var(--g700)}
.nxp .gcol--right{flex:1.32;min-width:0}
.nxp .uc-app--growth .gp-vid,.nxp .uc-app--growth .gp-chart{flex:1;display:flex;flex-direction:column;min-height:0;border-bottom:1px solid var(--g700)}
.nxp .grow2{display:flex;flex:1.15;min-height:0;min-width:0}
.nxp .gp-iv{flex:1;border-right:1px solid var(--g700);border-bottom:0}
.nxp .gp-area{flex:1;border-bottom:0}
.nxp .groi{position:absolute;left:3%;top:24%;right:2%;bottom:24%;border:1.5px solid #ef4444;border-radius:2px;pointer-events:none}
.nxp .groi::before{content:"ROI";position:absolute;left:-1px;top:-17px;background:#ef4444;color:#fff;font-size:9px;font-weight:600;padding:1px 6px;border-radius:3px}
.nxp .glegend{position:absolute;left:44px;top:8px;display:flex;flex-direction:column;gap:3px;background:rgba(17,24,39,.72);border:1px solid var(--g700);border-radius:5px;padding:5px 8px;font-size:9.5px;color:var(--g300);z-index:2}
.nxp .glegend span{display:flex;align-items:center;gap:6px;white-space:nowrap}
.nxp .glegend i{width:14px;height:2px;border-radius:1px;flex-shrink:0}
.nxp .gtip{position:absolute;background:rgba(10,14,22,.94);border:1px solid var(--g600);border-radius:5px;padding:5px 8px;font-size:9.5px;line-height:1.5;color:var(--g200);white-space:nowrap;pointer-events:none;z-index:3}
.nxp .gtip b{color:#fff}
.nxp .gax{position:absolute;color:#9ca3af;font-size:9px;pointer-events:none}
.nxp .gax-yl{left:1px;top:12px;bottom:36px;display:flex;align-items:center;justify-content:center;writing-mode:vertical-rl;transform:rotate(180deg);white-space:nowrap}
.nxp .gax-xb{left:50%;bottom:3px;transform:translateX(-50%);white-space:nowrap}
.nxp .gnote-add{position:absolute;left:50%;top:8px;transform:translateX(-50%);width:22px;height:22px;border-radius:6px;background:var(--g800);border:1px solid var(--g600);color:var(--g300);display:flex;align-items:center;justify-content:center;cursor:pointer}
.nxp .uc-app--growth .g-tracks .trk--notes{overflow:visible}
.nxp .uc-app .hd__title{font-size:.85rem;font-weight:500;letter-spacing:0;margin:0}
.nxp .uc-app h2{font-size:.85rem;font-weight:500;line-height:1.25rem}
@media(max-width:820px){.nxp .uc-toggle{flex-wrap:wrap;justify-content:center}
.nxp .uc-tab{padding:.5rem .8rem;font-size:.85rem}}
.nxp .hero__crop{position:relative;overflow:hidden;padding:18px 20px 26px;margin:0 -20px}
.nxp .hero__crop{max-height:578px}
.nxp .hero__crop::after{content:"";position:absolute;left:0;right:0;bottom:0;height:130px;pointer-events:none;z-index:90;
  background:linear-gradient(to bottom,rgba(0,16,48,0) 0%,rgba(0,16,48,.55) 55%,#001030 96%)}
[data-theme=light] .nxp .hero__crop::after{background:linear-gradient(to bottom,rgba(255,255,255,0) 0%,rgba(255,255,255,.55) 55%,#fff 96%)}
.nxp .subnav{position:sticky;top:var(--navh);z-index:40;background:rgba(0,16,48,.75);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-top:1px solid rgba(255,255,255,.08);border-bottom:1px solid rgba(255,255,255,.08)}
.nxp .subnav__in{max-width:1280px;margin:0 auto;padding:0 32px;display:flex;gap:34px;overflow-x:auto}
.nxp .subnav a{padding:18px 0;font-size:.88rem;color:#8b909a;white-space:nowrap;border-bottom:2px solid transparent}
.nxp .subnav a:hover{color:#f4f5f6}
.nxp .subnav a.on{color:#f4f5f6;border-bottom-color:#84BD00}
@media(max-width:767px){.nxp .subnav{display:none}}
@media(max-width:767px){.nxp #usecases,.nxp .hero__cta a[href="#usecases"]{display:none}}
html{scroll-behavior:smooth}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
.nxp .hero__embed{scroll-margin-top:calc(var(--chrome) + 18px)}
.nxp .feat{padding:84px 0}
.nxp .feat__grid{display:grid;grid-template-columns:5fr 7fr;gap:56px;align-items:center}
.nxp .feat--rev .feat__grid{grid-template-columns:7fr 5fr}
.nxp .feat h2{font-size:clamp(1.9rem,3.4vw,2.7rem);font-weight:700;letter-spacing:-.03em;line-height:1.1;margin-top:16px;max-width:17ch}
.nxp .feat p{color:#8b909a;font-size:1.05rem;line-height:1.7;margin-top:18px;max-width:50ch}
.nxp .feat--full{padding:84px 0 72px}
.nxp .feat--full .head{max-width:640px;margin-bottom:44px}
.nxp .cards{padding:20px 0 84px}
.nxp .cards__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:40px}
.nxp .card{background:#001840;border:1px solid rgba(255,255,255,.08);border-radius:16px;padding:0;overflow:hidden;display:flex;flex-direction:column}
.nxp .card__vis{height:210px;position:relative;overflow:hidden;background:var(--g900);border-bottom:1px solid rgba(255,255,255,.07);user-select:none}
.nxp .card__bd{padding:20px 22px 24px}
.nxp .txtbar{display:flex;align-items:center;gap:.15rem;padding:.35rem .5rem;border-bottom:1px solid var(--g700);background:var(--g800);flex-shrink:0}
.nxp .txtbar button{width:1.6rem;height:1.6rem;border:0;background:transparent;color:var(--g400);border-radius:.25rem;display:flex;align-items:center;justify-content:center;cursor:pointer}
.nxp .txtbar button:hover{background:var(--g700);color:var(--g200)}
.nxp .txtbar .sep{width:1px;height:1rem;background:var(--g700);margin:0 .3rem}
.nxp .tn-jump{cursor:pointer}
.nxp .card h3{font-size:1.05rem;font-weight:700}
.nxp .card p{color:#8b909a;font-size:.93rem;margin-top:9px;line-height:1.65}
.nxp .card .ic{width:40px;height:40px;border-radius:10px;background:rgba(132,189,0,.13);display:flex;align-items:center;justify-content:center;margin-bottom:16px;color:#84BD00}
.nxp .tut{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:30px;align-items:start;margin-top:34px}
.nxp .tut__frame{position:relative;aspect-ratio:16/9;border-radius:12px;overflow:hidden;
  background:#001840;box-shadow:0 0 0 1px rgba(255,255,255,.09)}
.nxp .tut__video{position:absolute;inset:0;width:100%;height:100%;display:none;border:0;background:#001030}
.nxp .tut__video.on{display:block}
.nxp .tut__ph{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.55rem;
  text-align:center;padding:24px;background:#001840}
.nxp .tut__ph b{font-size:1.05rem;color:#e8ecf2;font-weight:600}
.nxp .tut__hint{font-size:.84rem;color:#7c869a}
.nxp .tut__play{width:56px;height:56px;border-radius:50%;display:flex;align-items:center;justify-content:center;
  border:1px solid rgba(132,189,0,.55);color:#84BD00;margin-bottom:.45rem}
.nxp .tut__meta{margin-top:16px}
.nxp .tut__meta b{display:block;font-size:1.05rem;font-weight:600;color:#f4f5f6}
.nxp .tut__meta span{display:block;margin-top:6px;font-size:.92rem;line-height:1.6;color:#8b909a;max-width:56ch}
.nxp .tut__list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px}
.nxp .tutitem{width:100%;display:flex;align-items:flex-start;gap:12px;padding:13px 14px;text-align:left;cursor:pointer;
  font-family:inherit;border-radius:12px;border:1px solid rgba(255,255,255,.08);background:rgba(255,255,255,.02);
  transition:border-color .2s,background .2s}
.nxp .tutitem:hover{border-color:rgba(255,255,255,.2);background:rgba(255,255,255,.045)}
.nxp .tutitem.on{border-color:rgba(132,189,0,.5);background:rgba(132,189,0,.08)}
.nxp .tutitem__n{flex-shrink:0;font-size:.72rem;font-weight:700;letter-spacing:.06em;color:#5c6472;padding-top:2px}
.nxp .tutitem.on .tutitem__n{color:#84BD00}
.nxp .tutitem__tx{min-width:0;flex:1}
.nxp .tutitem__tx b{display:block;font-size:.92rem;font-weight:600;color:#eef0f2;line-height:1.3}
.nxp .tutitem__tx i{display:block;margin-top:3px;font-style:normal;font-size:.78rem;line-height:1.45;color:#7c828c}
.nxp .tutitem__dur{flex-shrink:0;font-size:.74rem;color:#6b7280;font-variant-numeric:tabular-nums;padding-top:2px}
[data-theme=light] .nxp .tut__frame{background:#f6f7f8;box-shadow:0 0 0 1px #dde3ec}
[data-theme=light] .nxp .tut__ph{background:#f6f7f8}
[data-theme=light] .nxp .tut__ph b{color:#001840}
[data-theme=light] .nxp .tut__hint{color:#6b7280}
[data-theme=light] .nxp .tut__video{background:#0a0f1f}
[data-theme=light] .nxp .tut__meta b{color:#001840}
[data-theme=light] .nxp .tut__meta span{color:#3b4f5e}
[data-theme=light] .nxp .tutitem{border-color:rgba(0,24,64,.12);background:#fff}
[data-theme=light] .nxp .tutitem:hover{border-color:rgba(0,24,64,.25);background:#f9fafb}
[data-theme=light] .nxp .tutitem.on{border-color:rgba(132,189,0,.6);background:rgba(132,189,0,.08)}
[data-theme=light] .nxp .tutitem__tx b{color:#001840}
[data-theme=light] .nxp .tutitem__tx i{color:#6b7280}
@media(max-width:940px){.nxp .tut{grid-template-columns:1fr;gap:22px}}
.nxp .cta{padding:5rem 0;text-align:center;background:linear-gradient(135deg,#001334 0%,#00204f 100%)}
[data-theme=light] .nxp .cta{background:linear-gradient(135deg,#002050 0%,#003080 100%)}
.nxp .cta__inner{max-width:1280px;margin:0 auto;padding:0 1.5rem}
.nxp .section-label{display:inline-block;font-size:.75rem;font-weight:700;letter-spacing:.15em;
  text-transform:uppercase;color:#84BD00;margin-bottom:.75rem}
.nxp .cta h2{font-size:clamp(1.875rem,3.4vw,2.5rem);font-weight:700;color:#fff;margin-bottom:.75rem;letter-spacing:-.02em}
.nxp .cta p{font-size:1.125rem;color:rgba(255,255,255,.6);max-width:560px;margin:0 auto 2.5rem}
.nxp .cta__btns{display:flex;gap:14px;justify-content:center;flex-wrap:wrap}
@media(max-width:767px){.nxp .cta{padding:3.5rem 0}
.nxp .cta h2{font-size:1.75rem}}
[data-theme=light] .nxp .cta .btng{background:rgba(255,255,255,.15);color:#fff}
[data-theme=light] .nxp .cta .btng:hover{background:rgba(255,255,255,.25)}
.nxp .pfoot{border-top:1px solid rgba(255,255,255,.08);padding:36px 0;color:#5c616b;font-size:.83rem}
.nxp .pfoot .wrap{display:flex;justify-content:space-between;flex-wrap:wrap;gap:10px}
@media(max-width:940px){.nxp .feat__grid,.nxp .feat--rev .feat__grid{grid-template-columns:1fr;gap:32px}
.nxp .cards__grid{grid-template-columns:1fr}}
.nxp #scripting .ed__code,.nxp #scripting .csec__body{transition:opacity .35s ease}
.nxp .ed-caret{color:#84BD00;animation:edcaret 1s step-end infinite}
.nxp .ed-sel{background:rgba(80,130,255,.3);border-radius:2px}
@keyframes edcaret{50%{opacity:0}}
.nxp .ed-prow{transition:max-height .4s ease,opacity .4s ease,margin-top .4s ease,transform .4s ease;max-height:72px;overflow:hidden}
.nxp .ed-prow.ed-enter{max-height:0;opacity:0;margin-top:-.75rem;transform:translateY(-6px)}
html[data-theme=light]{
  --g900:#ffffff;--g800:#f9fafb;--g700:#e5e7eb;--g600:#d1d5db;--g500:#9ca3af;
  --g400:#6b7280;--g300:#374151;--g200:#1f2937;--g100:#11182c;
  --blue-l:#3b82f6;
  --input:#f3f4f6;            
}
[data-theme=light] .nxp .app,[data-theme=light] .nxp .xsfloat,[data-theme=light] .nxp .pkfloat,[data-theme=light] .nxp .sofloat,[data-theme=light] .nxp .scfloat--editor,[data-theme=light] .nxp .scfloat--menu,[data-theme=light] .nxp .stage__frame,[data-theme=light] .nxp .lincard,[data-theme=light] .nxp .linscript{
  box-shadow:0 1px 2px rgba(0,24,64,.06),
             0 6px 16px -4px rgba(0,24,64,.10),
             0 26px 52px -18px rgba(0,24,64,.16)}
[data-theme=light] .nxp .lincard--last{box-shadow:0 1px 2px rgba(0,24,64,.06),0 8px 20px -4px rgba(0,24,64,.12),0 34px 64px -18px rgba(0,24,64,.2),0 0 0 1px rgba(132,189,0,.4)}
[data-theme=light] .nxp .lin__glow{background:radial-gradient(ellipse at 42% 48%, rgba(132,189,0,.16) 0%, transparent 68%)}
[data-theme=light] .nxp .tabbtn.on,[data-theme=light] .nxp .toggle button.on{color:#11182c}
[data-theme=light] .nxp .csec__hd,[data-theme=light] .nxp .csec__title{color:#11182c}
[data-theme=light] .nxp .tabgroup,[data-theme=light] .nxp .toggle{background:#f3f4f6}
[data-theme=light] .nxp .tabgroup__slider,[data-theme=light] .nxp .toggle__slider{background:#fff;box-shadow:0 1px 2px rgba(0,0,0,.12)}
[data-theme=light] .nxp .tabbtn:hover,[data-theme=light] .nxp .toggle button:hover{color:#11182c}
[data-theme=light] .nxp .hd__menu{background:#f3f4f6}
[data-theme=light] .nxp .hd__menu:hover{background:#e5e7eb}
[data-theme=light] .nxp .csec__hd:hover{background:rgba(0,0,0,.05)}
[data-theme=light] .nxp .badge{background:#dbeafe;color:#1e40af}
[data-theme=light] .nxp .nspan .fill{background:#6b7280}
[data-theme=light] .nxp .nstamp .lab{background:rgba(243,244,246,.92)}
[data-theme=light] .nxp .glegend{background:rgba(255,255,255,.88)}
[data-theme=light] .nxp .gtip{background:rgba(255,255,255,.96)}
[data-theme=light] .nxp .gtip b{color:#11182c}
[data-theme=light] .nxp .gnote-add{background:#fff}
[data-theme=light] .nxp .pkbtn{background:#ffffff;color:#4b5563}
[data-theme=light] .nxp .pkbtn:hover{background:#ffffff;opacity:.8}
[data-theme=light] .nxp .pkbtn.on{background:var(--green);color:#fff;opacity:1}
[data-theme=light] .nxp .pkval,[data-theme=light] .nxp .nxin{color:#111827}
[data-theme=light] .nxp .nxin::placeholder{color:#9ca3af}
[data-theme=light] .nxp .nxin:focus{background:#ffffff}
[data-theme=light] .nxp .nxsel{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%236b7280' d='M6 8L2 4h8z'/%3E%3C/svg%3E")}
[data-theme=light] .nxp .pkcolorin::-webkit-color-swatch{box-shadow:0 0 0 1px rgba(0,0,0,.12)}
[data-theme=light] .nxp .pkgfile{box-shadow:0 4px 12px rgba(0,24,64,.08)}
[data-theme=light] .nxp .ed__gutter{color:#9ca3af}
[data-theme=light] .nxp .ed__code{color:#1f2937}
[data-theme=light] .nxp .ed__code .k{color:#0000ff}
[data-theme=light] .nxp .ed__code .s{color:#a31515}
[data-theme=light] .nxp .ed__code .c{color:#008000}
[data-theme=light] .nxp .ed__code .n{color:#098658}
[data-theme=light] .nxp .caret{background:#111827}
[data-theme=light] .nxp .pkcode{background:#f6f8fa;color:#1f2937;border-color:#e5e7eb}
[data-theme=light] .nxp .pkcode .s{color:#a31515}
[data-theme=light] .nxp .pkcode .n{color:#098658}
[data-theme=light] .nxp .pkcode .c{color:#008000}
[data-theme=light] .nxp .pkcode b{color:#098658}
[data-theme=light] .nxp svg text[fill="#9ca3af"]{fill:#6b7280}
[data-theme=light] .nxp svg line[stroke="rgba(255,.nxp 255,.nxp 255,.nxp .07)"]{stroke:rgba(0,0,0,.08)}
[data-theme=light] .nxp svg line[stroke="rgba(255,.nxp 255,.nxp 255,.nxp .05)"]{stroke:rgba(0,0,0,.05)}
[data-theme=light] .nxp{background-color:#fff;color:#001840}
[data-theme=light] .nxp .pnav,[data-theme=light] .nxp .subnav{background:rgba(255,255,255,.82);border-color:rgba(0,24,64,.08)}
[data-theme=light] .nxp .pnav__links{color:#3b4f5e}
[data-theme=light] .nxp .pnav__links a:hover{color:#001840}
[data-theme=light] .nxp .subnav a{color:#3b4f5e}
[data-theme=light] .nxp .subnav a:hover,[data-theme=light] .nxp .subnav a.on{color:#001840}
[data-theme=light] .nxp .btng{background:rgba(0,24,64,.08);color:#001840}
[data-theme=light] .nxp .btng:hover{background:rgba(0,24,64,.16)}
[data-theme=light] .nxp .hero .lead,[data-theme=light] .nxp .feat p,[data-theme=light] .nxp .faircard p,[data-theme=light] .nxp .card p,[data-theme=light] .nxp .uc-sub,[data-theme=light] .nxp .uc-cap p,[data-theme=light] .nxp .stackcard__r p{color:#3b4f5e}
[data-theme=light] .nxp .hero__note,[data-theme=light] .nxp .cap,[data-theme=light] .nxp .kit__sub,[data-theme=light] .nxp .stage figcaption,[data-theme=light] .nxp .pfoot,[data-theme=light] .nxp .out__num span,[data-theme=light] .nxp .scard .by{color:#6b7280}
[data-theme=light] .nxp .faircard h3,[data-theme=light] .nxp .uc-cap h3,[data-theme=light] .nxp .fchip b,[data-theme=light] .nxp .stack__pill b,[data-theme=light] .nxp .out__num b,[data-theme=light] .nxp .scard h5,[data-theme=light] .nxp .libtab__tx h4{color:#001840}
[data-theme=light] .nxp .fchip{background:#fff;border-color:rgba(0,24,64,.12);color:#3b4f5e}
[data-theme=light] .nxp .marq{border-color:rgba(0,24,64,.08)}
[data-theme=light] .nxp .faircard{background:linear-gradient(180deg,#fff,#fafbfc);border-color:#e5e7eb}
[data-theme=light] .nxp .stackcard{background:#fff;border-color:#e5e7eb}
[data-theme=light] .nxp .stackcard__l{background:#EFF2F7;border-color:rgba(0,24,64,.08)}
[data-theme=light] .nxp .stack__pill{background:#fff;border-color:rgba(0,24,64,.12);color:#3b4f5e}
[data-theme=light] .nxp .pill{border-color:rgba(0,24,64,.15);color:#3b4f5e}
[data-theme=light] .nxp .out{background:#fff;border-color:#e5e7eb}
[data-theme=light] .nxp .out__hd{color:#6b7280;border-color:rgba(0,24,64,.08)}
[data-theme=light] .nxp .out__hd b{color:#001840}
[data-theme=light] .nxp .card{background:#fff;border-color:#e5e7eb}
[data-theme=light] .nxp .card__vis{border-color:#e5e7eb}
[data-theme=light] .nxp .pfoot{border-color:rgba(0,24,64,.1)}
[data-theme=light] .nxp .uc-toggle{background:#e9edf2}
[data-theme=light] .nxp .uc-tab{color:#3b4f5e}
[data-theme=light] .nxp .uc-tab:hover:not(.on){color:#001840}
[data-theme=light] .nxp .uc-tab.on{background:#fff;color:#001840;box-shadow:0 1px 3px rgba(0,24,164,.12)}
[data-theme=light] .nxp .uc-card[data-w="drift"]{background:radial-gradient(125% 150% at 50% 0%, #dcefe0 0%, #e3ecf5 52%, #f4f6f8 100%)}
[data-theme=light] .nxp .uc-card[data-w="growth"]{background:radial-gradient(125% 150% at 50% 0%, #d8efec 0%, #e2ecf4 52%, #f4f6f8 100%)}
[data-theme=light] .nxp .uc-card[data-w="spec"]{background:radial-gradient(125% 150% at 50% 0%, #e6e3f7 0%, #eaebf6 52%, #f4f6f8 100%)}
[data-theme=light] .nxp .uc-card[data-w="part"]{background:radial-gradient(125% 150% at 50% 0%, #dbe7f7 0%, #e2ebf6 52%, #f4f6f8 100%)}
[data-theme=light] .nxp .uc-card[data-w="phase"]{background:radial-gradient(125% 150% at 50% 0%, #f2e2ee 0%, #eae9f5 52%, #f4f6f8 100%)}
[data-theme=light] .nxp .libtab{border-color:rgba(0,24,64,.12);background:#fff}
[data-theme=light] .nxp .libtab:hover{border-color:rgba(0,24,64,.25);background:#f9fafb}
[data-theme=light] .nxp .libtab.on{border-color:rgba(132,189,0,.6);background:rgba(132,189,0,.08)}
[data-theme=light] .nxp .libtab .li{background:rgba(132,189,0,.12)}
[data-theme=light] .nxp .lib .libtab__tx p{color:#6b7280}
[data-theme=light] .nxp .lib__stage{border-color:rgba(0,24,64,.1)}
[data-theme=light] .nxp .scard{background:#fff;border-color:#e5e7eb}
[data-theme=light] .nxp .scard:hover{border-color:rgba(132,189,0,.5);background:rgba(132,189,0,.04)}
[data-theme=light] .nxp .scard__ic{background:rgba(0,24,64,.06);color:#3b4f5e}
[data-theme=light] .nxp .flow{border-color:rgba(0,24,64,.08)}
[data-theme=light] .nxp .flow .ar{color:#9ca3af}
[data-theme=light] .nxp .expmedia__vid{border-color:rgba(0,24,64,.12)}
[data-theme=light] .nxp .fade--r{background:linear-gradient(to right,rgba(255,255,255,0),#fff 82%)}
[data-theme=light] .nxp .fade--l{background:linear-gradient(to left,rgba(255,255,255,0),#fff 82%)}
[data-theme=light] .nxp .fade--b{background:linear-gradient(to bottom,rgba(255,255,255,0),#fff 88%)}
[data-theme=light] .nxp .lib__stage::after{background:linear-gradient(to bottom,rgba(255,255,255,0),#fff 94%)}
@media(max-width:820px){.nxp .wrap,.nxp #panels .wrap,.nxp #scripting .wrap{padding:0 20px}}
@media(max-width:820px){.nxp .pnav__links{display:none}
.nxp .pnav__in{padding:12px 20px}
.nxp .wrap{padding:0 20px}
.nxp .hero__crop{margin:0}}
.nxp .ocband{padding:72px 0 0}
.nxp .oc__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:36px}
.nxp .oc{display:flex;gap:14px;align-items:flex-start}
.nxp .oc__ic{flex:0 0 auto;width:38px;height:38px;border-radius:10px;background:rgba(132,189,0,.1);border:1px solid rgba(132,189,0,.28);display:flex;align-items:center;justify-content:center;color:#84BD00}
.nxp .oc h3{font-size:.98rem;font-weight:650;color:#f4f5f6;margin:7px 0 6px}
.nxp .oc p{font-size:.875rem;line-height:1.6;color:#aab3c2}
@media(max-width:900px){.nxp .oc__grid{grid-template-columns:1fr;gap:24px}
.nxp .ocband{padding:52px 0 0}}
[data-theme=light] .nxp .oc h3{color:#001840}
[data-theme=light] .nxp .oc p{color:#3b4f5e}
.nxp .product-faq__inner{display:grid;grid-template-columns:1fr 1.6fr;gap:2.5rem;align-items:start}
.nxp .product-faq__header{position:sticky;top:calc(var(--chrome) + 38px)}
.nxp .product-faq__subtitle{font-size:1.05rem;line-height:1.6;color:#aab3c2;max-width:360px}
.nxp .product-faq__list{display:flex;flex-direction:column;gap:.4rem}
.nxp .product-faq__item{background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.1);border-radius:12px;overflow:hidden;transition:background .2s,border-color .2s}
.nxp .product-faq__item:hover{background:rgba(255,255,255,.09);border-color:rgba(255,255,255,.18)}
.nxp .product-faq__item[open]{background:rgba(255,255,255,.08);border-color:rgba(132,189,0,.35)}
.nxp .product-faq__question{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.8rem 1.1rem;cursor:pointer;font-weight:600;font-size:.925rem;color:#fff;list-style:none}
.nxp .product-faq__question::-webkit-details-marker{display:none}
.nxp .product-faq__question-text{flex:1}
.nxp .product-faq__icon{flex-shrink:0;width:24px;height:24px;display:flex;align-items:center;justify-content:center;background:rgba(255,255,255,.08);border-radius:50%;color:#84BD00;transition:transform .2s,background .2s}
.nxp .product-faq__item[open] .product-faq__icon{transform:rotate(45deg);background:rgba(132,189,0,.2)}
.nxp .product-faq__answer{padding:0 1.1rem 1rem;font-size:.9rem;line-height:1.6;color:rgba(255,255,255,.84)}
.nxp .product-faq__answer p{margin:0}
@media(max-width:768px){.nxp .product-faq__inner{grid-template-columns:1fr;gap:2rem}
.nxp .product-faq__header{position:static}}
[data-theme=light] .nxp .product-faq__item{background:#fff;border-color:#e5e7eb}
[data-theme=light] .nxp .product-faq__item:hover{border-color:#cbd5e1}
[data-theme=light] .nxp .product-faq__item[open]{border-color:rgba(132,189,0,.5)}
[data-theme=light] .nxp .product-faq__question{color:#001840}
[data-theme=light] .nxp .product-faq__icon{background:rgba(0,24,64,.06)}
[data-theme=light] .nxp .product-faq__answer{color:#3b4f5e}
[data-theme=light] .nxp .product-faq__subtitle{color:#6b7280}
.nxp .flow .sigs svg.sig-v{color:#60a5fa}
.nxp .flow .sigs svg.sig-t{color:#f87171}
.nxp .flow .sigs svg.sig-i{color:#fbbf24}
.nxp .flow .sigs svg.sig-c{color:#c084fc}
[data-theme=light] .nxp .flow .sigs svg.sig-v{color:#2563eb}
[data-theme=light] .nxp .flow .sigs svg.sig-t{color:#dc2626}
[data-theme=light] .nxp .flow .sigs svg.sig-i{color:#d97706}
[data-theme=light] .nxp .flow .sigs svg.sig-c{color:#7c3aed}
.nxp .note__link{color:inherit;text-decoration:underline;text-underline-offset:3px}
.nxp .note__link:hover{color:#fff}
[data-theme=light] .nxp .note__link:hover{color:#001840}
.nxp .cta p.cta__note{display:inline-flex;align-items:center;gap:.4rem;margin:22px auto 0;font-size:.78rem;color:rgba(255,255,255,.4);max-width:none}
.nxp .cta p.cta__note svg{flex:0 0 auto;color:rgba(255,255,255,.5)}
.nxp .cta p.cta__note a{color:rgba(255,255,255,.55);text-decoration:underline;text-underline-offset:3px;text-decoration-color:rgba(255,255,255,.3)}
.nxp .cta p.cta__note a:hover{color:#fff}
.nxp .tut__poster{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.34}
.nxp .tut__ph>:not(.tut__poster){position:relative;z-index:1}
[data-theme=light] .nxp .tut__poster{opacity:.5}
[data-theme=light] .nxp .tut__ph b{color:#fff}
[data-theme=light] .nxp .tut__hint{color:#c6cedd}
.nxp #scales,.nxp #provenance,.nxp #export,.nxp #scripting{overflow-x:clip}
.nxp #panels .wrap{max-width:none;padding-left:max(32px,calc((100vw - 1280px)/2 + 32px));padding-right:0;overflow:clip}
.nxp #panels .side--l{width:19rem;min-width:19rem}
.nxp #panels .app{height:918px}
.nxp #panels .pv2__stage{max-width:1116px}
.nxp #scripting .sc2__stage{max-width:1116px}
.nxp .phd .pbtn svg{width:14px;height:14px}
.nxp .hd__right .icbtn svg{width:16px;height:16px}
.nxp .tl__ctrl .pbtn svg,.nxp .tl__tools .pbtn svg,.nxp .ztools .pbtn svg{width:16px;height:16px}
.nxp #panels .pv2{align-items:start}
.nxp #panels .pv2__stage{position:sticky;top:max(146px,calc(50vh + 61px - 459.5px*var(--mz)))}
.nxp .pv2__steps{display:flex;flex-direction:column}
.nxp .systep{min-height:74vh;display:flex;flex-direction:column;justify-content:center;
  opacity:.25;transition:opacity .45s ease;scroll-margin-top:calc(var(--chrome) + 38px)}
.nxp .systep.on{opacity:1}
.nxp .systep:first-child{min-height:62vh}
.nxp .systep h2{font-size:clamp(1.7rem,2.6vw,2.35rem)}
.nxp .systep p+p{margin-top:.9em}
@media(max-width:1024px){.nxp .systep,.nxp .systep:first-child{min-height:0;opacity:1;padding:20px 0;justify-content:flex-start}}
.nxp .nfilter{display:flex;align-items:center;justify-content:space-between;gap:.5rem;padding:.3rem .75rem 0;margin-bottom:.6rem}
.nxp .nfilter__sel{display:inline-flex;align-items:center;gap:.4rem;height:2rem;padding:0 .5rem;border-radius:.25rem;background:var(--input);border:0;color:var(--g200);font-size:.85rem;font-family:inherit;cursor:default}
.nxp .nfilter__sel svg{color:var(--g400)}
.nxp .nlist{display:flex;flex-direction:column;gap:.5rem;padding:0 .75rem .75rem}
.nxp .ncard{position:relative;border-radius:.25rem;background:rgba(55,65,81,.4);cursor:default}
.nxp .ncard:hover{background:rgba(55,65,81,.7)}
.nxp .ncard__bar{position:absolute;top:0;left:.5rem;right:.5rem;height:var(--nline,2.44px);
  border-radius:9999px;background:var(--green)}
.nxp .ncard[data-ext] .ncard__bar{background:#f59e0b}
.nxp .ncard[data-ext] .ncard__src{color:#f59e0b;opacity:.85}
.nxp .ncard{cursor:pointer}
.nxp .ncard__hd{display:flex;align-items:baseline;justify-content:space-between;gap:.5rem;padding:.55rem .5rem 0}
.nxp .ncard__ts{font-family:Consolas,'Cascadia Mono',ui-monospace,monospace;font-size:.72rem;color:var(--g400);flex-shrink:0}
.nxp .ncard__src{font-size:.72rem;font-style:italic;color:var(--g500);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.nxp .ncard__txt{font-size:.85rem;color:var(--g300);padding:.15rem .5rem .5rem;line-height:1.35}
.nxp .nindicator{position:relative;height:1px;background:var(--green);margin:.5rem .5rem;display:flex;align-items:center;justify-content:center}
.nxp .nindicator span{position:absolute;padding:.1rem .5rem;background:var(--g800);color:var(--green);font-size:.72rem;font-weight:500}
[data-theme=light] .nxp .ncard{background:#f9fafb}
[data-theme=light] .nxp .ncard:hover{background:#f3f4f6}
[data-theme=light] .nxp .ncard__ts{color:#4b5563}
.nxp #scripting .wrap{max-width:none;padding-left:max(32px,calc((100vw - 1280px)/2 + 32px));padding-right:0;overflow:clip}
.nxp .sc2{display:grid;grid-template-columns:minmax(280px,400px) minmax(0,1fr);gap:52px;align-items:start;position:relative}
.nxp .sc2__steps{display:flex;flex-direction:column}
.nxp .scstep{min-height:78vh;display:flex;flex-direction:column;justify-content:center;
  opacity:.25;transition:opacity .45s ease;scroll-margin-top:calc(var(--chrome) + 38px)}
.nxp .scstep.on{opacity:1}
.nxp .scstep h2{font-size:clamp(1.7rem,2.6vw,2.35rem)}
.nxp .scstep:last-child{min-height:92vh}
.nxp .scstep p+p{margin-top:.9em}
.nxp .sc2__stage{position:sticky;top:max(136px,calc(50vh + 61px - 417.7px*var(--mz)));height:calc(835.4px*var(--mz))}
.nxp .sclayer{position:absolute;inset:0;pointer-events:none}
.nxp .sclayer.on{pointer-events:auto}
.nxp .sclayer[data-lay="0"]{z-index:3}
.nxp .sclayer[data-lay="1"]{z-index:2}
.nxp .sclayer[data-lay="2"]{z-index:4}
.nxp #scripting .scstage,.nxp #scripting .pk2__stage,.nxp #scripting .so2__stage{position:absolute;inset:0;height:auto;zoom:var(--mz)}
.nxp #scripting .scfloat--editor,.nxp #scripting .scfloat--menu,.nxp #scripting .pkfloat--view,.nxp #scripting .pkfloat--temp,.nxp #scripting .sofloat--menu,.nxp #scripting .sofloat--vid,.nxp #scripting .sofloat--chart{
  position:absolute;background:var(--g900);display:flex;flex-direction:column;
  transition:transform .55s cubic-bezier(.2,.8,.2,1),opacity .4s ease,height .42s cubic-bezier(.2,.8,.2,1);
  will-change:transform,opacity}
.nxp #scripting .scfloat--menu,.nxp #scripting .sofloat--menu{background:var(--g800)}
.nxp #scripting .scfloat--editor{left:0;top:0;width:712px;height:470px;z-index:2}
.nxp #scripting .pkfloat--view{left:0;top:384px;width:712px;height:205px;z-index:1}
.nxp #scripting .pkfloat--temp{left:0;top:603px;width:712px;height:190px;z-index:1}
.nxp #scripting .scfloat--menu{left:648px;top:24px;width:372px;z-index:4;
  transform:translateY(calc(var(--par,0px) + var(--lift,0px)))}
.nxp .gr-script{position:absolute;right:0;top:4rem;bottom:0;width:19rem;z-index:6;background:var(--g800);border-left:1px solid var(--g700);border-top:1px solid var(--g700);
  display:flex;flex-direction:column;opacity:0;pointer-events:none;
  transform:translateX(12px);transition:opacity .4s ease,transform .45s cubic-bezier(.2,.8,.2,1)}
.nxp .resapp.scriptsel .gr-script{opacity:1;transform:none;pointer-events:auto}
.nxp .resapp .gr-sel{background:var(--green)}
.nxp .resapp .gr-sel .trow__label{color:#fff}
.nxp .gr-code{position:absolute;left:0;top:4rem;right:19rem;bottom:0;z-index:60;border-top:1px solid var(--g700);
  background:var(--g900);display:flex;flex-direction:column;
  opacity:0;pointer-events:none;transform:scale(.985);transform-origin:50% 40%;
  transition:opacity .3s ease,transform .35s cubic-bezier(.2,.8,.2,1)}
.nxp .gr-ed{flex:1 1 auto;min-height:0}
.nxp .gr-out{flex:0 0 23%;min-height:0;display:flex;flex-direction:column;border-top:1px solid var(--g700);background:var(--g900)}
.nxp .gr-out__hd{flex-shrink:0;display:flex;align-items:center;gap:.5rem;
  padding:.35rem .75rem;background:var(--g800);font-size:.75rem;font-weight:500;color:var(--g300)}
.nxp .gr-out__hd svg{flex:0 0 auto;color:var(--g400)}
.nxp .gr-out__sp{flex:1}
.nxp .gr-out__body{margin:0;flex:1;min-height:0;overflow:hidden;padding:.6rem .9rem;background:var(--g900);
  font-family:Consolas,'Cascadia Mono',ui-monospace,monospace;font-size:11px;
  line-height:1.65;color:var(--g300);white-space:pre-wrap}
.nxp .resapp.codeopen .gr-code{opacity:1;pointer-events:auto;transform:none}
.nxp .resapp .main{transition:padding-right .45s cubic-bezier(.2,.8,.2,1)}
.nxp .resapp.scriptsel .main{padding-right:19rem}
.nxp .gr-script .side__scroll{flex:1;min-height:0;overflow-y:auto;overscroll-behavior:contain}
.nxp .gr-script .side__scroll::-webkit-scrollbar{width:8px}
.nxp .gr-script .side__scroll::-webkit-scrollbar-thumb{background:var(--g700);border-radius:4px}
.nxp .gr-script .grs__name b{font-size:.8rem}
.nxp .gr-script .frow label{font-size:.8rem}
.nxp .grs__name{display:flex;align-items:center;gap:.45rem;color:var(--g100)}
.nxp .grs__name b{font-size:.85rem;font-weight:600}
.nxp .grs__name svg{color:var(--green);flex:0 0 auto}
.nxp .grs__meta{font-size:.72rem;color:var(--g400);margin-top:-.35rem}
.nxp .grs__code{width:100%;display:flex;align-items:center;justify-content:center;gap:.4rem}
.nxp .grs__foot{padding:.75rem;flex-shrink:0;border-top:1px solid var(--g700)}
.nxp #scripting[data-step="3"] .resapp .gr-new:first-of-type{background:var(--green)}
.nxp #scripting[data-step="3"] .resapp .gr-new:first-of-type .trow__label{color:#fff}
.nxp #scripting[data-step="3"] .so2__stage{opacity:1;transform:none}
.nxp #scripting .so2__stage .resapp{position:absolute;inset:0;width:100%;height:100%;zoom:1}
.nxp #scripting[data-step="2"] .so2__stage{opacity:1;transform:none}
.nxp #scripting .so2__stage{opacity:0;transform:translateY(40px);
  transition:opacity .45s ease,transform .55s cubic-bezier(.2,.8,.2,1)}
.nxp .resapp .gr-new{opacity:0;transform:translateX(-10px);transition:opacity .4s ease,transform .4s ease}
.nxp .resapp.rows .gr-new{opacity:1;transform:none;animation:grflash 1.15s ease-out}
@keyframes grflash{0%{background:rgba(140,198,63,0)}
18%{background:rgba(140,198,63,.42)}
55%{background:rgba(140,198,63,.30)}
100%{background:rgba(140,198,63,0)}}
@media(prefers-reduced-motion:reduce){.nxp .resapp.rows .gr-new{animation:none}}
.nxp .resapp .gr-new:nth-of-type(2){transition-delay:.06s}
.nxp .resapp .gpanel{flex:1 1 0}
.nxp .resapp .gp-out{flex:0 0 0;opacity:0;border-bottom-width:0;
  transition:flex-grow .5s cubic-bezier(.2,.8,.2,1),opacity .35s ease .12s}
.nxp .resapp.drop1 .gp-vid.gp-out{flex:1 1 0;opacity:1;border-bottom-width:1px}
.nxp .resapp.drop2 .gp-chart.gp-out{flex:1 1 0;opacity:1;border-bottom-width:1px}
.nxp .gr-zone{position:absolute;z-index:20;border-radius:8px;pointer-events:none;
  border:3px dashed #3b82f6;background:rgba(96,165,250,.10);
  display:flex;align-items:center;justify-content:center;
  opacity:0;transition:opacity .2s ease,background .2s ease,border-color .2s ease}
.nxp .gr-zone.on{opacity:1}
.nxp .gr-zone.hot{background:rgba(59,130,246,.40);border-style:solid}
.nxp .gr-zone b{font-size:15px;font-weight:800;color:#bfdbfe;letter-spacing:.01em;
  opacity:0;transition:opacity .18s ease;text-shadow:0 1px 4px rgba(0,0,0,.6)}
.nxp .gr-zone.hot b{opacity:1}
.nxp .gr-ghost{position:absolute;z-index:22;pointer-events:none;display:none;
  align-items:center;gap:.4rem;padding:.25rem .55rem;border-radius:.25rem;
  background:var(--g700);color:var(--g100);font-size:.78rem;white-space:nowrap;
  box-shadow:0 8px 20px -6px rgba(0,0,0,.7)}
.nxp .gr-ghost i{width:8px;height:8px;border-radius:2px;flex:0 0 auto}
.nxp .gr-cursor{position:absolute;z-index:24;width:22px;height:22px;pointer-events:none;
  display:none;transform-origin:5.5px 2.5px;transition:transform .12s ease}
.nxp .gr-cursor.press{transform:scale(.88)}
.nxp .resapp .trow.lifting{opacity:.45}
.nxp .resapp .gr-track{opacity:0;transition:opacity .45s ease}
.nxp .resapp.drop2 .gr-track{opacity:1}
.nxp #scripting .sofloat--menu .csec{border-bottom:0}
.nxp #scripting[data-step="0"] .scfloat--editor{transform:translateY(118px)}
.nxp #scripting[data-step="0"] .scfloat--menu{--lift:118px}
.nxp #scripting[data-step="0"] .pkfloat--view,.nxp #scripting[data-step="0"] .pkfloat--temp{opacity:0;transform:translateY(188px)}
.nxp #scripting[data-step="0"] .sofloat--menu,.nxp #scripting[data-step="0"] .sofloat--vid,.nxp #scripting[data-step="0"] .sofloat--chart{opacity:0;transform:translateY(40px)}
.nxp #scripting[data-step="1"] .scfloat--editor{height:370px}
.nxp #scripting[data-step="1"] .pkfloat--view,.nxp #scripting[data-step="1"] .pkfloat--temp{opacity:1;transform:none}
.nxp #scripting[data-step="1"] .pkfloat--view{transition-delay:.1s}
.nxp #scripting[data-step="1"] .pkfloat--temp{transition-delay:.19s}
.nxp #scripting[data-step="1"] .sofloat--menu,.nxp #scripting[data-step="1"] .sofloat--vid,.nxp #scripting[data-step="1"] .sofloat--chart{opacity:0;transform:translateY(40px)}
.nxp #scripting[data-step="2"] .pkfloat--view,.nxp #scripting[data-step="3"] .pkfloat--view,.nxp #scripting[data-step="2"] .pkfloat--temp,.nxp #scripting[data-step="3"] .pkfloat--temp{opacity:1;transform:none}
.nxp #scripting[data-step="2"] .sofloat--menu{opacity:1;transform:none}
.nxp #scripting[data-step="2"] .sofloat--vid.dropped,.nxp #scripting[data-step="2"] .sofloat--chart.dropped{opacity:1;transform:none}
.nxp .run-spin{display:inline-block;width:.85rem;height:.85rem;border-radius:50%;vertical-align:-2px;margin-right:.35rem;
  border:2px solid rgba(255,255,255,.35);border-top-color:#fff;animation:runspin .7s linear infinite}
@keyframes runspin{to{transform:rotate(360deg)}}
.nxp #scripting .runbtn.pressed{transform:scale(.96);filter:brightness(.9)}
.nxp #scripting .runbtn{transition:transform .15s ease,filter .15s ease}
@media(prefers-reduced-motion:reduce){.nxp #scripting .scfloat--editor,.nxp #scripting .scfloat--menu,.nxp #scripting .pkfloat--view,.nxp #scripting .pkfloat--temp,.nxp #scripting .sofloat--menu,.nxp #scripting .sofloat--vid,.nxp #scripting .sofloat--chart{transition:opacity .25s ease}}
@media(max-width:1024px){.nxp .sc2{grid-template-columns:1fr;gap:24px}
.nxp .sc2__stage{display:none}
.nxp .scstep{min-height:0;opacity:1;padding:20px 0;justify-content:flex-start}}
.nxp .sc2--res .sc2__stage{height:calc(918.9px*var(--mz));top:max(136px,calc(50vh + 61px - 459.5px*var(--mz)))}
.nxp .sc2--res .sclayer{opacity:1}
.nxp .resapp .gr-sel .trow__icon svg,.nxp .resapp .gr-sel .trow__chev svg{color:#fff}
@media(max-width:1140px){.nxp .sc2--res{grid-template-columns:1fr!important;gap:26px!important}}
.nxp .libsoon{grid-column:1/-1;border:1px dashed rgba(255,255,255,.16);border-radius:13px;
  padding:26px 28px;background:rgba(255,255,255,.015);position:relative;z-index:3}
.nxp .libsoon p{margin:0;font-size:1rem;line-height:1.5;font-weight:600;color:#e8ecf2}
[data-theme=light] .nxp .libsoon{border-color:rgba(0,24,64,.16);background:rgba(0,24,64,.015)}
[data-theme=light] .nxp .libsoon p{color:#001840}
.nxp .nlist .ncard.on{background:rgba(140,198,63,.16)}
.nxp border:1px solid rgba(255,.nxp 255,.nxp 255,.nxp .09);background:#001840;
  transition:border-color .18s ease,.nxp background .18s ease
  color:#e8ecf2;letter-spacing:-.01em;white-space:nowrap

  padding:26px 44px 28px;background:#001233;border-top:1px solid rgba(255,.nxp 255,.nxp 255,.nxp .07)
  align-items:center;justify-content:center;color:#84BD00;
  background:rgba(132,.nxp 189,.nxp 0,.nxp .1);border:1px solid rgba(132,.nxp 189,.nxp 0,.nxp .28)
@media(max-width:860px){
}
@media(max-width:520px){}
.nxp .stack__note{margin-top:18px;font-size:.9rem;line-height:1.6;color:#8b909a;max-width:68ch}
.nxp .stack__note b{color:#e8ecf2;font-weight:650}
[data-theme=light] .nxp .stack__note b{color:#001840}
.nxp .pbtn.syncon{background:#2563eb;color:#fff}
.nxp .pbtn.syncon:hover{background:#1d4ed8}
[data-theme=light] .nxp .pbtn.syncon{background:#3b82f6}
.nxp .syoff{position:absolute;left:6px;z-index:12;pointer-events:none;
  display:inline-flex;align-items:center;gap:6px;
  font:500 12px/1 Inter,sans-serif;color:#fff;background:#2563eb;
  padding:3px 8px;border-radius:4px;white-space:nowrap;
  opacity:0;transition:opacity .2s ease}
.nxp .syoff.on{opacity:1}
.nxp .syoff svg{display:block}
.nxp .syoff kbd{font:500 10px/1 ui-monospace,SFMono-Regular,Menlo,monospace;
  background:rgba(29,78,216,.6);padding:2px 4px;border-radius:3px}
.nxp .syoff .dot{opacity:.6}
.nxp .syoff .snap{opacity:.8}
[data-theme=light] .nxp .syoff{background:#3b82f6}
.nxp .sycur{position:absolute;left:0;top:0;width:22px;height:22px;pointer-events:none;
  z-index:40;display:none;transform-origin:5.5px 2.5px;
  transition:left .5s cubic-bezier(.4,0,.2,1),top .5s cubic-bezier(.4,0,.2,1),transform .12s ease;
  filter:drop-shadow(0 1.5px 2.5px rgba(0,0,0,.45))}
.nxp .sycur.on{display:block}
.nxp .sycur.press{transform:scale(.88)}
.nxp .sycur.drag{transition:left .28s cubic-bezier(.4,0,.2,1),top .28s ease,transform .12s ease}
.nxp .stack__kind{font-style:normal;font-size:.72rem;font-weight:600;letter-spacing:.04em;
  text-transform:uppercase;color:#7c848f;background:rgba(255,255,255,.05);
  padding:3px 6px;border-radius:5px;margin-left:.15rem}
[data-theme=light] .nxp .stack__kind{color:#6b7280;background:rgba(0,24,64,.05)}
.nxp .hero__crop .app{height:939px}
.nxp #usecases .uc-app{height:939px}
.nxp .pcanvas{display:flex;flex-direction:column;min-height:0;padding:0}
.nxp .pa2col{display:flex;flex:1;min-height:0;min-width:0}
.nxp .pagrid{flex:1.72;display:grid;grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr;
  min-width:0;min-height:0;border-right:1px solid var(--g700)}
.nxp .pacharts{flex:1;display:flex;flex-direction:column;min-width:0;min-height:0}
.nxp .uc-app--particle .ppanel{display:flex;flex-direction:column;min-height:0;min-width:0;
  position:relative;overflow:hidden;border-bottom:1px solid var(--g700)}
.nxp .uc-app--particle .ppanel .pbody{flex:1;position:relative;min-height:0;background:var(--g900)}
.nxp .uc-app--particle .ppanel .pbody>canvas{position:absolute;inset:0;width:100%;height:100%}
.nxp .pagrid .ppanel:nth-child(odd){border-right:1px solid var(--g700)}
.nxp .pagrid .ppanel:nth-child(n+3){border-bottom:0}
.nxp .pacharts .ppanel{flex:1}
.nxp .pacharts .ppanel:last-child{border-bottom:0}
.nxp .uc-app--particle .hd__title{overflow:visible;text-overflow:clip;max-width:none}
.nxp .uc-app--particle .pa-tracks .trk--notes{overflow:visible}
.nxp .mobfig{display:none}
.nxp .mobprose{display:none}
@media(max-width:1140px){.nxp .wrap,.nxp #panels .wrap,.nxp #scripting .wrap{max-width:1280px;padding:0 32px}
.nxp .pv2,.nxp .xs2,.nxp .sc2,.nxp .pk2,.nxp .so2,.nxp .combo{grid-template-columns:1fr!important;gap:26px!important}
.nxp .sc2__stage,.nxp .pv2__stage{position:static!important;height:auto!important}
.nxp .systep,.nxp .scstep,.nxp .scstep:last-child{min-height:0;opacity:1;padding:0 0 6px;justify-content:flex-start}
.nxp .hero__crop,.nxp .pv2__stage,.nxp .combo__stack,.nxp .xs2__stage,.nxp .scstage,.nxp .pk2__stage,.nxp .so2__stage,.nxp .lin,.nxp .sc2__stage,.nxp .uc-window{display:none!important}
.nxp .uc-info{grid-template-columns:1fr!important;gap:6px!important}
.nxp #stack .stackcard__l{display:none!important}
.nxp #stack .stackcard{grid-template-columns:1fr!important}
.nxp #fair .fair__grid{display:none!important}
.nxp .mobprose{display:block;color:#8b909a;font-size:1rem;line-height:1.7;margin-top:16px}
.nxp .expmedia{height:auto!important;display:flex;flex-direction:column;gap:14px}
.nxp .expmedia__img,.nxp .expmedia__vid{position:static!important;width:100%!important;
    transform:none!important;aspect-ratio:auto}
.nxp .mobfig{display:block;margin:20px 0 30px}
.nxp .mobshot{display:block;width:100%;height:auto;
    border:1px solid var(--mockstroke);border-radius:10px;background:#001030;
    box-shadow:0 18px 44px -26px rgba(0,0,0,.9)}
.nxp .mobfig--pair{display:flex;flex-direction:column;gap:10px}
.nxp .mobshot--noframe{border:0;border-radius:0;background:transparent;box-shadow:none}
.nxp .mobshot--fade{border-bottom:0;
    -webkit-mask-image:linear-gradient(to bottom,#000 78%,transparent 100%);
            mask-image:linear-gradient(to bottom,#000 78%,transparent 100%)}
.nxp .mobfig figcaption{margin-top:12px;font-size:.82rem;line-height:1.55;color:#8b909a}}
[data-theme=light] .nxp .mobshot{background:#f6f7f8}
[data-theme=light] .nxp .mobfig figcaption{color:#6b7280}
@media(max-width:820px){.nxp .wrap,.nxp #panels .wrap,.nxp #scripting .wrap{padding:0 20px}
.nxp .feat{padding:56px 0}
.nxp .feat--full{padding:56px 0 48px}
.nxp .cards{padding:16px 0 56px}
.nxp .ocband{padding:44px 0 0}
.nxp .cta{padding:56px 0}}
@media(max-width:820px){.nxp .mobfig{margin-left:0;margin-right:0}
.nxp .mobshot{border-radius:8px}}
.nxp .tutsoon{border:1px dashed rgba(255,255,255,.16);border-radius:13px;
  padding:22px 18px;text-align:center;background:rgba(255,255,255,.015)}
.nxp .tutsoon p{margin:0;font-size:.92rem;line-height:1.5;font-weight:600;color:#8b909a}
[data-theme=light] .nxp .tutsoon{border-color:rgba(0,24,64,.16);background:rgba(0,24,64,.015)}
[data-theme=light] .nxp .tutsoon p{color:#6b7280}
.nxp .tut__poster{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:none}
.nxp .tut__ph.is-cover{cursor:pointer;background:transparent;gap:0;padding:0}
.nxp .tut__ph.is-cover .tut__poster{opacity:1}
.nxp .tut__ph.is-cover .tut__poster{display:block}
.nxp .tut__ph.is-cover b,.nxp .tut__ph.is-cover .tut__hint{display:none}
.nxp .tut__ph.is-cover .tut__play{position:relative;z-index:1;margin:0;width:56px;height:56px;
  border-radius:.375rem;background:var(--dens-green,#84BD00);border:0;color:#fff;
  box-shadow:0 10px 26px -10px rgba(0,24,64,.55);transition:background .2s}
.nxp .tut__ph.is-cover .tut__play svg{margin-left:2px}
.nxp .tut__ph.is-cover:hover .tut__play,.nxp .tut__ph.is-cover:focus-visible .tut__play{
  background:var(--dens-green-hover,#74a600)}
.nxp .tut__ph.is-cover:focus-visible{outline:2px solid var(--green,#84BD00);outline-offset:-2px}
@media(prefers-reduced-motion:reduce){.nxp .tut__ph.is-cover .tut__play{transition:none}}
.nxp .uc-app--particle .scalebar i{width:132px}
.nxp .uc-app .trow--sel{background:var(--green,#84BD00)}
.nxp .uc-app .trow--sel .trow__label,.nxp .uc-app .trow--sel .trow__chev svg,.nxp .uc-app .trow--sel .trow__icon svg{color:#fff}
.nxp .uc-info{display:grid;grid-template-columns:200px minmax(0,1fr);gap:0 28px;
  align-items:start;margin:0 0 16px}
.nxp .uc-info h3{margin:0;font-size:1.15rem;line-height:1.5;font-weight:700;letter-spacing:-.01em;color:#f4f5f6}
.nxp .uc-info p{margin:0;font-size:.9rem;line-height:1.5;color:#9aa3af;max-width:78ch}
[data-theme=light] .nxp .uc-info h3{color:#001840}
[data-theme=light] .nxp .uc-info p{color:#3b4f5e}
@media(max-width:860px){.nxp .uc-info{grid-template-columns:1fr;gap:4px}}
.nxp .xsfloat--cv{left:0;top:280px;width:44%;height:215px;z-index:2}
.nxp .xscv__legend{position:absolute;left:12px;top:34px;z-index:2;display:flex;flex-wrap:wrap;gap:2px 14px;
  font-size:9.5px;line-height:1.4;color:var(--g400);pointer-events:none}
.nxp .xscv__legend span{display:flex;align-items:center;gap:5px;white-space:nowrap}
.nxp .xscv__legend i{width:12px;height:2px;border-radius:1px;flex-shrink:0}
@media(max-width:900px){.nxp .xsfloat--cv{display:none}}
.nxp .pxframe{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block}
.nxp .pxmark{position:absolute;width:15px;height:15px;margin:-7.5px 0 0 -7.5px;pointer-events:none;z-index:2}
.nxp .pxmark::before,.nxp .pxmark::after{content:"";position:absolute;background:var(--c);border-radius:1px}
.nxp .pxmark::before{left:50%;top:0;width:1.5px;height:100%;margin-left:-.75px}
.nxp .pxmark::after{top:50%;left:0;height:1.5px;width:100%;margin-top:-.75px}
.nxp .pxroi{position:absolute;border:2px solid var(--c);border-radius:2px;pointer-events:none;z-index:3}
.nxp .pxroi b{position:absolute;left:0;bottom:calc(100% + 6px);display:block;padding:2px 8px;border-radius:4px;
  background:var(--c);color:#fff;font-size:11px;font-weight:600;line-height:1.4;white-space:nowrap}
.nxp gap:2px;padding:3px;border-radius:7px;background:rgba(17,.nxp 24,.nxp 39,.nxp .92);box-shadow:0 6px 18px -8px rgba(0,.nxp 0,.nxp 0,.8);z-index:4
  background:none;color:var(--g300)

.nxp .px-fr,.nxp .px-fr{position:absolute;inset:0;display:block;width:100%;height:100%}
.nxp .lat-cv,.nxp .lat-cv{position:absolute;inset:0;display:block;width:100%;height:100%}
.nxp .pann{position:absolute;transform:translate(-50%,-50%);pointer-events:none;z-index:3;color:var(--c)}
.nxp .pann::before{content:"";position:absolute;left:-8px;top:0;width:16px;height:1px;background:currentColor}
.nxp .pann::after{content:"";position:absolute;left:0;top:-8px;width:1px;height:16px;background:currentColor}
.nxp .pann b{position:absolute;left:10px;bottom:5px;display:block;padding:2px 8px;border-radius:5px;background:var(--c);color:#fff;font-size:11px;font-weight:600;line-height:1.4;white-space:nowrap}

/* ── HubSpot container reset ──────────────────────────────────────────────
   The theme clips .body-wrapper and .body-container-wrapper on the x axis.
   That makes them scroll containers, and a scroll container that never
   scrolls stops every position:sticky inside it from ever sticking — which
   is why the older product-subnav module fakes it with position:fixed and a
   scroll listener. This page is built on sticky (the sub-nav and both
   scrollytelling decks), so the clip moves to the viewport instead, where
   body's overflow propagates and sticky keeps working. Only loaded on pages
   carrying this module. */
.body-wrapper,.body-container-wrapper{overflow:visible!important}
body{overflow-x:hidden}

.nexus-page-row,
.nexus-page-row > .row-fluid,
.nexus-page-row .dnd-column,
.nexus-page-row .widget-span{padding:0!important;margin:0!important;max-width:none!important}
.nxp{position:relative;z-index:1}
.nxp img,.nxp svg,.nxp canvas,.nxp video{max-width:100%}
.nxp a{text-decoration:none;color:inherit}
.nxp ul,.nxp ol{list-style:none}