:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg:#f7f9fc;--panel:#fff;--panel-soft:#f1f5f9;--ink:#17202a;--muted:#5c6877;--quiet:#7a8696;--line:#d9e2ec;--line-strong:#b8c5d6;--blue:#0a84ff;--blue-dark:#075dbb;--green:#00a376;--green-dark:#047857;--yellow:#f5b700;--red:#d92d20;--code:#f8fbff;--code-line:#17202a;--code-border:#c8d9ee;--code-gutter:#eef6ff;--shadow:0 18px 42px #17202a1f;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--bg);color:var(--ink);margin:0;overflow-x:hidden}img{max-width:100%;display:block}a{color:inherit}button,input,select{font:inherit}:where(a,button,input,select,summary):focus-visible{outline-offset:2px;outline:3px solid #0a84ff59}code{color:var(--blue-dark);background:#eef6ff;border:1px solid #d7e6f8;border-radius:6px;padding:.1rem .3rem;font-family:SFMono-Regular,Consolas,Liberation Mono,monospace;font-size:.92em}.topbar{z-index:20;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#ffffffeb;border-bottom:1px solid #d9e2ece6;justify-content:space-between;align-items:center;gap:1rem;min-height:64px;padding:.75rem clamp(1rem,4vw,2.5rem);display:flex;position:sticky;top:0}.brand{color:var(--ink);letter-spacing:0;white-space:nowrap;align-items:center;gap:.65rem;font-weight:850;text-decoration:none;display:inline-flex}.brand img{border-radius:8px;width:34px;height:34px}.topbar nav{align-items:center;gap:.35rem;display:flex}.topbar nav a{color:var(--muted);border-radius:8px;padding:.5rem .7rem;font-size:.92rem;font-weight:750;text-decoration:none}.topbar nav a:hover{color:var(--blue-dark);background:#eef6ff}.topbar nav a[aria-current=page]{color:var(--blue-dark)}.topbar nav .mobile-nav-only,.mobile-nav-toggle{display:none}main{width:100%}.hero{border-bottom:1px solid var(--line);background-color:#f3f8ff;background-image:linear-gradient(90deg,#0a84ff14 1px,#0000 1px),linear-gradient(#0a84ff14 1px,#0000 1px),none;background-position:0 0,0 0,0 0;background-repeat:repeat,repeat,repeat;background-size:44px 44px;background-attachment:scroll,scroll,scroll;background-origin:padding-box,padding-box,padding-box;background-clip:border-box,border-box,border-box;grid-template-columns:minmax(0,.92fr) minmax(360px,.78fr);align-items:center;gap:clamp(2rem,5vw,4.5rem);padding:clamp(2.5rem,6vw,5.5rem) clamp(1rem,5vw,4rem) 3rem;display:grid}.hero__content{min-width:0;max-width:760px}.eyebrow,.section-heading>span{width:fit-content;color:var(--blue-dark);letter-spacing:0;text-transform:uppercase;background:#fff;border:1px solid #c8e0ff;border-radius:999px;align-items:center;padding:.32rem .58rem;font-size:.76rem;font-weight:850;display:inline-flex}.hero h1{letter-spacing:0;max-width:720px;margin:.9rem 0;font-size:clamp(2.35rem,5vw,4.35rem);line-height:.98}.hero p{max-width:680px;color:var(--muted);margin:0;font-size:1.05rem;line-height:1.65}.hero__actions{flex-wrap:wrap;gap:.7rem;margin-top:1.45rem;display:flex}.button{border-radius:8px;justify-content:center;align-items:center;min-height:44px;padding:.72rem .95rem;font-weight:850;text-decoration:none;display:inline-flex}.button--primary{background:var(--blue);color:#fff}.button--secondary{border:1px solid var(--line-strong);color:var(--ink);background:#fff}.hero__stats{flex-wrap:wrap;gap:.55rem;margin-top:1.3rem;display:flex}.hero__stats span{border:1px solid var(--line);color:var(--muted);background:#ffffffc7;border-radius:999px;align-items:center;gap:.38rem;padding:.42rem .68rem;font-size:.88rem;font-weight:700;display:inline-flex}.hero__stats strong{color:var(--blue-dark);font-weight:900}.hero__media{border:1px solid var(--line-strong);min-width:0;min-height:520px;box-shadow:var(--shadow);background:#fff;border-radius:8px;position:relative;overflow:hidden}.hero__media:before{content:"";background-color:#0000;background-image:linear-gradient(90deg,#d9e2eca6 1px,#0000 1px),linear-gradient(#d9e2eca6 1px,#0000 1px);background-position:0 0,0 0;background-repeat:repeat,repeat;background-size:28px 28px;background-attachment:scroll,scroll;background-origin:padding-box,padding-box;background-clip:border-box,border-box;position:absolute;inset:0}.hero__media-label{z-index:2;border:1px solid var(--line);color:var(--quiet);text-transform:uppercase;background:#ffffffeb;border-radius:999px;padding:.35rem .62rem;font-size:.78rem;font-weight:850;position:absolute;top:1rem;left:1rem}.hero__screen{z-index:1;border:10px solid #fff;border-radius:8px;width:min(76%,520px);position:absolute;top:4.5rem;right:5%;box-shadow:0 18px 35px #17202a29}.hero__chip{z-index:2;border:8px solid #fff;border-radius:8px;width:min(45%,280px);position:absolute;bottom:7%;left:6%;box-shadow:0 16px 28px #17202a29}.quick-links{grid-template-columns:repeat(4,minmax(0,1fr));gap:.85rem;width:min(1180px,100%);margin:0 auto;padding:1.25rem clamp(1rem,4vw,2rem) 2.25rem;display:grid}.quick-link{border:1px solid var(--line);background:var(--panel);border-radius:8px;min-height:122px;padding:1rem;text-decoration:none;display:block}.quick-link:hover{border-color:#9fc9ff;box-shadow:0 10px 24px #17202a14}.quick-link span{color:var(--ink);font-weight:850;display:block}.quick-link small{color:var(--muted);margin-top:.45rem;font-size:.88rem;line-height:1.45;display:block}.docs-layout{grid-template-columns:240px minmax(0,1fr);align-items:start;gap:2rem;width:min(1180px,100%);margin:0 auto;padding:1.25rem clamp(1rem,4vw,2rem) 4rem;display:grid}.sidebar{min-width:0;position:sticky;top:84px}.sidebar nav{border:1px solid var(--line);background:var(--panel);border-radius:8px;gap:.25rem;padding:.45rem;display:grid}.sidebar nav a{color:var(--muted);border-radius:7px;padding:.62rem .68rem;font-size:.92rem;font-weight:760;text-decoration:none}.sidebar nav a:hover,.sidebar nav a.is-active{color:var(--blue-dark);background:#eef6ff}.docs-content,.doc-section,.section-body,.component-grid,.component-card,.code-card,.table-wrap,.message-builder{min-width:0}.empty-state{border:1px solid var(--line);background:var(--panel);color:var(--muted);border-radius:8px;margin:0;padding:1rem}.empty-state[hidden],.doc-section[hidden]{display:none}.doc-section{scroll-margin-top:96px}.section-heading{max-width:860px;margin-bottom:1.15rem}.section-heading h2{letter-spacing:0;margin:.75rem 0 .55rem;font-size:clamp(2rem,4vw,3rem);line-height:1.06}.section-heading p{color:var(--muted);margin:0;font-size:1.02rem;line-height:1.62}.section-body{gap:1rem;display:grid}.steps,.doc-list,.reference-block,.message-builder,.callout,.code-card{border-radius:8px}.steps,.doc-list,.reference-block{border:1px solid var(--line);background:var(--panel);padding:1.1rem}.steps h3,.doc-list h3,.table-wrap h3,.reference-block h3{letter-spacing:0;margin:0 0 .8rem;font-size:1.02rem}.steps ol{counter-reset:step;grid-template-columns:repeat(2,minmax(0,1fr));gap:.85rem;margin:0;padding:0;list-style:none;display:grid}.steps li{border:1px solid var(--line);counter-increment:step;background:#fbfdff;border-radius:8px;min-height:116px;padding:.9rem .9rem .9rem 3.1rem;position:relative}.steps li:before{content:counter(step);background:var(--blue);color:#fff;border-radius:999px;place-items:center;width:1.6rem;height:1.6rem;font-size:.8rem;font-weight:900;display:grid;position:absolute;top:.86rem;left:.9rem}.steps strong{margin-bottom:.24rem;display:block}.steps p{color:var(--muted);margin:0;line-height:1.55}.doc-list ul{color:var(--muted);gap:.58rem;margin:0;padding-left:1.15rem;line-height:1.55;display:grid}.callout{border:1px solid #c8e0ff;border-left:5px solid var(--blue);background:#f5faff;padding:.95rem 1rem}.callout--warning{border-color:#f4d56b;border-left-color:var(--yellow);background:#fffbea}.callout--success{border-color:#bfecd7;border-left-color:var(--green);background:#effcf6}.callout--neutral{border-color:var(--line);border-left-color:var(--line-strong);background:var(--panel)}.callout strong{display:block}.callout p{color:var(--muted);margin:.32rem 0 0;line-height:1.55}.privacy-meta{border:1px solid #c8e0ff;border-left:5px solid var(--blue);background:#f5faff;border-radius:8px;flex-wrap:wrap;justify-content:space-between;gap:.35rem 1rem;padding:.95rem 1rem;display:flex}.privacy-meta span{color:var(--muted)}.privacy-policy{gap:1rem;display:grid}.privacy-policy section{border:1px solid var(--line);background:var(--panel);border-radius:8px;padding:1.1rem}.privacy-policy h3{margin:0 0 .65rem;font-size:1.08rem}.privacy-policy p,.privacy-policy li{color:var(--muted);line-height:1.62}.privacy-policy p{margin:.65rem 0 0}.privacy-policy h3+p,.privacy-policy h3+ul{margin-top:0}.privacy-policy ul{gap:.55rem;margin-bottom:0;padding-left:1.2rem;display:grid}.privacy-policy a{color:var(--blue-dark);font-weight:720}.privacy-links{padding-top:.15rem}.overview-strip{grid-template-columns:repeat(3,minmax(0,1fr));gap:.8rem;display:grid}.overview-strip a{border:1px solid var(--line);background:var(--panel);border-radius:8px;gap:.35rem;padding:1rem;text-decoration:none;display:grid}.overview-strip a:hover{border-color:#9fc9ff}.overview-strip strong{color:var(--ink)}.overview-strip span{color:var(--muted);line-height:1.45}.visual-row{grid-template-columns:minmax(0,.8fr) minmax(0,1fr);gap:1rem;display:grid}figure{border:1px solid var(--line);background:var(--panel);border-radius:8px;margin:0;overflow:hidden}figure img{object-fit:contain;background:#fff;width:100%;height:340px}figcaption{color:var(--muted);padding:.75rem .9rem;font-size:.9rem;line-height:1.4}.wide-figure img{height:400px}.code-card{border:1px solid var(--code-border);background:var(--code);overflow:hidden;box-shadow:0 10px 24px #17202a0d}.code-card__header{border-bottom:1px solid var(--code-border);min-height:46px;color:var(--ink);background:linear-gradient(#fff 0%,#f3f8ff 100%);justify-content:space-between;align-items:center;gap:1rem;padding:.68rem .85rem;font-weight:850;display:flex}.copy-button{min-height:32px;color:var(--blue-dark);cursor:pointer;background:#fff;border:1px solid #c8e0ff;border-radius:8px;padding:.32rem .68rem;font-weight:850}.copy-button:hover{background:#eef6ff}pre{background:var(--code);min-width:0;max-width:100%;margin:0;padding:1rem;overflow-x:auto}pre code{min-width:0;color:var(--code-line);white-space:pre;background:0 0;border:0;border-radius:0;padding:0;font-size:.9rem;line-height:1.6;display:block}.mini-code{border:1px solid var(--code-border);background:var(--code);border-radius:8px;overflow:hidden}.mini-code code{overflow-wrap:anywhere;white-space:pre-wrap;font-size:.78rem;line-height:1.5}.syntax .tok-comment{color:#738195;font-style:italic}.syntax .tok-directive{color:#8a6500;font-weight:850}.syntax .tok-keyword{color:var(--blue-dark);font-weight:850}.syntax .tok-type{color:var(--green-dark);font-weight:850}.syntax .tok-function{color:#315f9c;font-weight:760}.syntax .tok-string{color:#a34800}.syntax .tok-number{color:#7c3aed}.syntax .tok-wire{color:var(--blue-dark);font-weight:850}.component-finder{border:1px solid var(--line-strong);background:var(--panel);border-radius:12px;overflow:hidden;box-shadow:0 12px 28px #17202a12}.component-finder__heading,.component-catalog-section__heading{justify-content:space-between;align-items:end;gap:1.5rem;display:flex}.component-finder__heading{border-bottom:1px solid var(--line);background:#f8fbff;padding:1.15rem 1.2rem 1rem}.component-finder__heading>div>span,.component-catalog-section__heading>div>span{color:var(--blue-dark);letter-spacing:.06em;text-transform:uppercase;font-size:.72rem;font-weight:900}.component-finder__heading h3,.component-catalog-section__heading h3{margin:.18rem 0 0;font-size:1.3rem}.component-finder__heading p,.component-catalog-section__heading p{max-width:510px;color:var(--muted);margin:0;line-height:1.5}.component-finder__grid{grid-template-columns:repeat(5,minmax(0,1fr));display:grid}.component-finder__item{border-right:1px solid var(--line);border-bottom:1px solid var(--line);align-items:center;gap:.65rem;min-width:0;min-height:78px;padding:.75rem;text-decoration:none;display:flex}.component-finder__item:nth-child(5n){border-right:0}.component-finder__item:nth-last-child(-n+5){border-bottom:0}.component-finder__item:hover{background:#f5faff}.component-finder__key{min-width:38px;height:38px;color:var(--blue-dark);background:#e2f0ff;border-radius:10px;flex:none;place-items:center;font-family:SFMono-Regular,Consolas,Liberation Mono,monospace;font-size:.76rem;font-weight:900;display:grid}.component-finder__item--readout .component-finder__key{color:var(--green-dark);background:#daf7eb}.component-finder__item--console .component-finder__key{color:#805d00;background:#fff2bf}.component-finder__item>span:last-child{min-width:0}.component-finder__item strong,.component-finder__item small{text-overflow:ellipsis;display:block;overflow:hidden}.component-finder__item strong{white-space:nowrap}.component-finder__item small{color:var(--quiet);margin-top:.18rem;font-size:.7rem;line-height:1.25}.component-catalog-section{gap:.85rem;scroll-margin-top:90px;display:grid}.component-catalog-section__heading{padding:1.15rem 0 .15rem}.component-catalog-section__heading>div>span{color:var(--quiet)}.component-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;display:grid}.component-grid--single{grid-template-columns:minmax(0,1fr)}.component-card{border:1px solid var(--line);border-top:4px solid var(--blue);background:var(--panel);border-radius:12px;scroll-margin-top:88px;transition:border-color .16s,box-shadow .16s,transform .16s;display:grid;overflow:hidden}.component-card:hover,.component-card:target{border-color:#91c5ff;transform:translateY(-2px);box-shadow:0 14px 30px #17202a1a}.component-card--readout{border-top-color:var(--green)}.component-card--readout:hover,.component-card--readout:target{border-color:#76d7b6}.component-card--console{border-top-color:var(--yellow)}.component-card--console:hover,.component-card--console:target{border-color:#e4bd35}.component-card__visual{border-bottom:1px solid var(--line);background-color:#f4f8fc;background-image:linear-gradient(90deg,#0a84ff12 1px,#0000 1px),linear-gradient(#0a84ff12 1px,#0000 1px),none;background-position:0 0,0 0,0 0;background-repeat:repeat,repeat,repeat;background-size:24px 24px;background-attachment:scroll,scroll,scroll;background-origin:padding-box,padding-box,padding-box;background-clip:border-box,border-box,border-box;place-items:center;min-height:176px;display:grid;position:relative;overflow:hidden}.component-card--readout .component-card__visual{background-color:#f2faf7;background-image:linear-gradient(90deg,#00a37613 1px,#0000 1px),linear-gradient(#00a37613 1px,#0000 1px),none;background-position:0 0,0 0,0 0;background-repeat:repeat,repeat,repeat;background-size:24px 24px;background-attachment:scroll,scroll,scroll;background-origin:padding-box,padding-box,padding-box;background-clip:border-box,border-box,border-box}.component-card--console .component-card__visual{background-color:#fffaf0;background-image:linear-gradient(90deg,#f5b70017 1px,#0000 1px),linear-gradient(#f5b70017 1px,#0000 1px),none;background-position:0 0,0 0,0 0;background-repeat:repeat,repeat,repeat;background-size:24px 24px;background-attachment:scroll,scroll,scroll;background-origin:padding-box,padding-box,padding-box;background-clip:border-box,border-box,border-box}.component-card__channel{z-index:3;color:var(--muted);background:#ffffffe6;border:1px solid #b8c5d6d9;border-radius:7px;padding:.24rem .42rem;font-family:SFMono-Regular,Consolas,Liberation Mono,monospace;font-size:.72rem;font-weight:850;position:absolute;top:.7rem;left:.7rem}.component-demo{z-index:1;position:relative}.component-demo--button{filter:drop-shadow(0 10px 9px #17202a2e);background:url(./BlueButton@3x-CIyGq8CC.png) 50%/contain no-repeat;place-items:center;width:116px;height:116px;display:grid}.component-demo--button span{z-index:2;color:#fff;letter-spacing:.08em;font-size:.8rem;font-weight:900;position:absolute}.component-demo--joystick{filter:drop-shadow(0 10px 9px #17202a29);background:url(./JoystickBase@3x-DqkchFPY.png) 50%/contain no-repeat;width:128px;height:128px}.joystick-stick{transform-origin:50% 100%;background:#075dbb;border-radius:99px;width:14px;height:41px;position:absolute;bottom:50%;left:calc(50% - 7px);transform:rotate(45deg)}.joystick-knob{background:#0a84ff;border-radius:50%;width:50px;height:50px;position:absolute;top:10px;left:68px;box-shadow:0 6px 12px #075dbb4d}.component-demo--slider{background:#cbd3dc;border-radius:999px;width:184px;height:22px;box-shadow:inset 0 2px 5px #17202a38}.slider-fill{border-radius:inherit;background:#0a84ff;position:absolute;inset:0 32% 0 0}.slider-knob{background:#0a84ff;border:3px solid #fff;border-radius:50%;width:42px;height:42px;position:absolute;top:50%;left:68%;transform:translate(-50%,-50%);box-shadow:0 5px 13px #17202a40}.component-demo--toggle{background:#0a84ff;border-radius:999px;width:104px;height:56px;box-shadow:inset 0 0 0 2px #075dbb80,0 8px 16px #17202a26}.toggle-knob{background:#fff;border-radius:50%;width:44px;height:44px;position:absolute;top:6px;right:6px;box-shadow:0 2px 8px #17202a4d}.toggle-state{color:#fff;letter-spacing:.05em;font-size:.65rem;font-weight:900;position:absolute;top:19px;left:14px}.component-demo--dpad{filter:drop-shadow(0 9px 9px #17202a29);grid-template-rows:repeat(3,40px);grid-template-columns:repeat(3,40px);display:grid}.component-demo--dpad span{color:var(--blue-dark);background:#cfe6ff;border-radius:10px;place-items:center;font-size:1.35rem;font-weight:900;display:grid}.dpad-up{grid-area:1/2}.dpad-left{grid-area:2/1}.dpad-center{grid-area:2/2;border-radius:4px!important}.dpad-right{grid-area:2/3}.dpad-down{grid-area:3/2}.component-demo--display{background:#09110e;border:10px solid #7ca98d;border-radius:13px;place-items:center;width:205px;height:90px;display:grid;box-shadow:inset 0 0 0 3px #15211d,0 10px 18px #17202a33}.component-demo--display span{color:#34d66f;letter-spacing:.1em;text-shadow:0 0 10px #34d66f99;font-family:SFMono-Regular,Consolas,Liberation Mono,monospace;font-size:1.45rem;font-weight:900}.component-demo--label{background:#fff;border:1px solid #c3d1ca;border-radius:12px;align-items:center;gap:.72rem;min-width:192px;padding:1rem 1.1rem;display:flex;box-shadow:0 9px 18px #17202a1f}.label-caption{color:var(--quiet);letter-spacing:.08em;font-size:.67rem;font-weight:900}.component-demo--label strong{color:var(--green-dark);font-size:1.25rem}.component-demo--indicator{background:#d8e0dc;border:2px solid #8b9690;border-radius:50%;place-items:center;width:94px;height:94px;display:grid;box-shadow:0 10px 18px #17202a29}.component-demo--indicator span{background:#00b980;border:4px solid #d6fff0;border-radius:50%;width:62px;height:62px;box-shadow:0 0 0 6px #00a37624,0 0 24px #00a376bf,inset 0 8px 12px #ffffff59}.component-demo--gauge{background:#dce5e1;border:2px solid #a7b8af;border-radius:15px;place-items:center;width:208px;height:70px;display:grid;overflow:hidden;box-shadow:0 10px 18px #17202a24}.gauge-fill{background:#35c991;position:absolute;inset:0 26.5% 0 0}.component-demo--gauge strong{z-index:1;color:#173329;font-family:SFMono-Regular,Consolas,Liberation Mono,monospace;font-size:1.2rem;position:relative}.component-demo--console{background:#14202a;border:1px solid #303a44;border-radius:11px;width:min(290px,78%);min-height:112px;padding:2.35rem 1rem .85rem;box-shadow:0 12px 24px #17202a40}.component-demo--console:before{content:"Console";color:#a8b4c0;text-align:center;border-bottom:1px solid #303a44;padding:.45rem 1rem;font-size:.67rem;font-weight:800;position:absolute;top:0;left:0;right:0}.console-dot{border-radius:50%;width:7px;height:7px;position:absolute;top:.62rem}.console-dot--red{background:#ff5f57;left:.72rem}.console-dot--yellow{background:#febc2e;left:1.5rem}.console-dot--green{background:#28c840;left:2.28rem}.component-demo--console code{color:#d5e1ec;background:0 0;border:0;font-size:.82rem;line-height:1.8}.component-demo--console code strong{color:#4fdfa8}.component-card__content{gap:.8rem;padding:1rem;display:grid}.component-card header{justify-content:space-between;align-items:center;gap:.75rem;display:flex}.component-card h3{margin:.24rem 0 0;font-size:1.25rem}.component-card header div>span{color:var(--blue-dark);text-transform:uppercase;background:#eef6ff;border-radius:999px;padding:.24rem .5rem;font-size:.68rem;font-weight:900}.component-card--readout header div>span{color:var(--green-dark);background:#e9fbf4}.component-card--console header div>span{color:#8a6500;background:#fff7d6}.component-card__direction{color:var(--muted);white-space:nowrap;flex:none;font-size:.74rem}.component-card p{color:var(--muted);margin:0;line-height:1.5}.component-card__purpose{min-height:3em}.component-card__facts{grid-template-columns:repeat(2,minmax(0,1fr));gap:.5rem;display:grid}.component-card__facts div{border:1px solid var(--line);background:#fbfdff;border-radius:8px;align-content:start;gap:.3rem;min-width:0;padding:.62rem;display:grid}.component-card__facts span{color:var(--quiet);text-transform:uppercase;font-size:.68rem;font-weight:850}.component-card__facts code{overflow-wrap:anywhere;word-break:break-word;width:fit-content;max-width:100%}.component-card__use{border-left:3px solid var(--line-strong);gap:.18rem;padding-left:.65rem;display:grid}.component-card__use strong{color:var(--ink);text-transform:uppercase;font-size:.72rem}.component-card__code{border:1px solid var(--code-border);background:var(--code);border-radius:8px}.component-card__code summary{color:var(--blue-dark);cursor:pointer;padding:.68rem .78rem;font-size:.82rem;font-weight:850}.component-card__code[open] summary{border-bottom:1px solid var(--code-border)}.component-card__code .mini-code{border:0;border-radius:0}.table-wrap{overscroll-behavior-inline:contain;-webkit-overflow-scrolling:touch;width:100%;overflow-x:auto}table{border-collapse:separate;border-spacing:0;border:1px solid var(--line);background:#fff;border-radius:8px;width:100%;min-width:760px;overflow:hidden}th,td{border-bottom:1px solid var(--line);text-align:left;vertical-align:top;padding:.78rem;line-height:1.45}th{color:#344256;text-transform:uppercase;letter-spacing:0;background:#f1f5f9;font-size:.78rem;font-weight:900}td{color:var(--muted)}tr:last-child td{border-bottom:0}.pill{width:max-content;color:var(--blue-dark);background:#eef6ff;border-radius:999px;padding:.22rem .48rem;font-size:.76rem;font-weight:850;display:inline-flex}.api-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem;display:grid}.api-card{border:1px solid var(--line);background:#fbfdff;border-radius:8px;padding:.95rem}.api-card>code{overflow-wrap:anywhere;max-width:100%;color:var(--blue-dark);background:#eef6ff;font-weight:850;display:inline-block}.api-card p{color:var(--muted);margin:.65rem 0 0;line-height:1.55}.api-card__note strong{color:var(--ink)}.parameters{margin-top:.8rem}.parameters>span{color:var(--ink);margin-bottom:.45rem;font-size:.82rem;font-weight:850;display:block}.parameters dl{gap:.5rem;margin:0;display:grid}.parameters dl>div{border:1px solid var(--line);background:#fff;border-radius:8px;padding:.58rem}.parameters dt{margin:0;font-weight:800}.parameters dt small{color:var(--muted);font-weight:700}.parameters dd{color:var(--muted);margin:.3rem 0 0;line-height:1.48}.hardware-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.8rem;display:grid}.hardware-card{border:1px solid var(--line);background:var(--panel);border-radius:8px;padding:1rem}.hardware-card span{color:var(--green-dark);background:#e9fbf4;border-radius:999px;padding:.18rem .45rem;font-size:.74rem;font-weight:850;display:inline-flex}.hardware-card--not-compatible span{color:var(--red);background:#fff0ee}.hardware-card--untested span{color:var(--blue-dark);background:#eef6ff}.hardware-card h3{margin:.65rem 0 .32rem;font-size:1.03rem}.hardware-card p{color:var(--muted);margin:0;line-height:1.5}.message-builder{border:1px solid var(--line);background:var(--panel);grid-template-columns:minmax(0,1fr) minmax(280px,.72fr);gap:1rem;padding:1rem;display:grid}.message-builder__form{grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem;display:grid}.message-builder label{color:var(--muted);gap:.35rem;font-size:.82rem;font-weight:850;display:grid}.message-builder label[hidden]{display:none}.message-builder input,.message-builder select{border:1px solid var(--line);min-height:42px;color:var(--ink);background:#fff;border-radius:8px;padding:0 .68rem}.message-builder__output{background:#f5faff;border:1px solid #c8e0ff;border-radius:8px;align-content:start;gap:.65rem;padding:1rem;display:grid}.message-builder__output>span{color:var(--blue-dark);text-transform:uppercase;font-size:.78rem;font-weight:850}.message-builder__output code{overflow-wrap:anywhere;width:fit-content;max-width:100%;color:var(--blue-dark);background:#fff;font-size:1.12rem;font-weight:850;display:block}.message-builder__output p{color:var(--muted);margin:0;line-height:1.5}.footer{border-top:1px solid var(--line);background:#fff;justify-content:space-between;gap:1rem;padding:1.6rem clamp(1rem,4vw,2.5rem);display:flex}.footer p{max-width:640px;color:var(--muted);margin:.3rem 0 0;line-height:1.5}.footer__links{flex-wrap:wrap;gap:.65rem;display:flex}.footer__links a{height:fit-content;color:var(--blue-dark);background:#eef6ff;border-radius:8px;padding:.5rem .68rem;font-weight:850;text-decoration:none}@media (width<=1060px){.hero{grid-template-columns:1fr}.hero__media{min-height:460px}.quick-links{grid-template-columns:repeat(2,minmax(0,1fr))}.docs-layout{grid-template-columns:1fr}.sidebar{position:static}.sidebar nav{grid-template-columns:repeat(4,minmax(0,1fr))}}@media (width<=820px){.topbar{-webkit-backdrop-filter:none;backdrop-filter:none;background:#fffffffa;flex-direction:row;align-items:center;min-height:60px;padding:.6rem 1rem;position:sticky}.topbar nav{z-index:1;border-bottom:1px solid var(--line);-webkit-backdrop-filter:none;backdrop-filter:none;background:#fffffffa;grid-template-columns:repeat(2,minmax(0,1fr));gap:.35rem;width:100%;padding:.65rem 1rem .85rem;display:none;position:absolute;top:100%;left:0;right:0;box-shadow:0 14px 24px #17202a1f}.topbar nav a{align-items:center;min-height:44px;padding:.62rem .7rem;display:flex}.topbar nav a[aria-current=page]{background:#eef6ff}.topbar nav .mobile-nav-only{display:flex}.mobile-nav-toggle{border:1px solid var(--line);min-width:44px;min-height:44px;color:var(--ink);cursor:pointer;background:#fff;border-radius:8px;justify-content:center;align-items:center;gap:.38rem;margin-left:auto;padding:.45rem .65rem;font-size:.84rem;font-weight:850;display:inline-flex}.mobile-nav-toggle svg{fill:none;stroke:currentColor;stroke-linecap:round;stroke-width:1.8px;width:18px;height:18px}.mobile-nav-toggle[aria-expanded=true]{color:var(--blue-dark);background:#eef6ff;border-color:#9fc9ff}.mobile-nav-toggle[aria-expanded=true]+nav{display:grid}.hero{gap:1.35rem;padding-top:2rem}.hero h1{font-size:2.35rem}.hero__media{min-height:360px}.hero__screen{width:80%;top:3.8rem}.hero__chip{width:46%}.steps ol,.component-grid,.visual-row,.overview-strip,.hardware-grid,.api-grid,.message-builder,.message-builder__form{grid-template-columns:1fr}.component-finder__grid{grid-template-columns:repeat(2,minmax(0,1fr))}.component-finder__item,.component-finder__item:nth-child(5n),.component-finder__item:nth-last-child(-n+5){border-right:1px solid var(--line);border-bottom:1px solid var(--line)}.component-finder__item:nth-child(2n){border-right:0}.component-finder__item:nth-last-child(-n+2){border-bottom:0}.component-finder__heading,.component-catalog-section__heading{flex-direction:column;align-items:flex-start;gap:.45rem}.component-catalog-section__heading p{max-width:620px}.sidebar nav{scroll-snap-type:inline proximity;scrollbar-width:none;-webkit-overflow-scrolling:touch;gap:.3rem;padding:.3rem;scroll-padding-inline:.3rem;display:flex;overflow-x:auto}.sidebar nav::-webkit-scrollbar{display:none}.sidebar nav a{scroll-snap-align:start;white-space:nowrap;flex:none;align-items:center;min-height:44px;padding:.58rem .75rem;display:flex}.sidebar{z-index:10;-webkit-backdrop-filter:none;backdrop-filter:none;background:#f7f9fcf5;margin-inline:-1rem;padding:.42rem 1rem;position:sticky;top:60px}.docs-layout{gap:.75rem;padding:.75rem 1rem 3rem}.doc-section,.component-catalog-section,.component-card{scroll-margin-top:132px}figure img,.wide-figure img{height:280px}.footer{flex-direction:column}}@media (width<=540px){.topbar{padding-inline:.8rem}.brand span{font-size:.96rem}.brand img{width:32px;height:32px}.mobile-nav-toggle{padding-inline:.58rem}.topbar nav{padding-inline:.8rem}.hero{gap:1.2rem;padding:1.45rem 1rem 1.6rem}.hero h1{margin-block:.72rem;font-size:clamp(1.9rem,9vw,2.25rem);line-height:1.02}.hero p{font-size:.98rem;line-height:1.55}.hero__actions{grid-template-columns:1fr;gap:.55rem;margin-top:1.1rem;display:grid}.hero__stats{scrollbar-width:none;-webkit-overflow-scrolling:touch;flex-wrap:nowrap;gap:.45rem;margin:1rem -1rem 0;padding:0 1rem .25rem;overflow-x:auto}.hero__stats::-webkit-scrollbar{display:none}.hero__stats span{white-space:nowrap;flex:none}.quick-links{scroll-snap-type:inline mandatory;scrollbar-width:none;-webkit-overflow-scrolling:touch;gap:.7rem;padding:1rem 1rem 1.5rem;scroll-padding-inline:1rem;display:flex;overflow-x:auto}.quick-links::-webkit-scrollbar{display:none}.quick-link{scroll-snap-align:start;flex:0 0 min(82vw,310px);min-height:108px}.docs-layout{padding-inline:.85rem}.sidebar{margin-inline:-.85rem;padding-inline:.85rem}.section-heading{margin-bottom:.9rem}.section-heading h2{margin-top:.62rem;font-size:1.85rem}.section-heading p{font-size:.97rem;line-height:1.55}.steps,.doc-list,.reference-block,.message-builder{padding:.9rem}.steps li{min-height:0}.component-card__facts{grid-template-columns:1fr}.component-finder__heading{padding:.9rem 1rem .75rem}.component-finder__heading p{font-size:.9rem}.component-finder__grid{scroll-snap-type:inline mandatory;scrollbar-width:none;-webkit-overflow-scrolling:touch;scroll-padding-inline:0;display:flex;overflow-x:auto}.component-finder__grid::-webkit-scrollbar{display:none}.component-finder__item,.component-finder__item:nth-child(2n),.component-finder__item:nth-last-child(-n+2){border-right:1px solid var(--line);scroll-snap-align:start;border-bottom:0;flex:0 0 168px;min-height:76px}.component-finder__item:last-child{border-right:0}.component-card header{flex-direction:column;align-items:flex-start}.component-card__purpose{min-height:0}.hero__media{min-height:270px}.hero__screen{border-width:6px;width:84%;top:3.35rem;right:4%}.hero__chip{border-width:6px;bottom:5%;left:4%}.copy-button{min-height:40px}pre{padding:.85rem}.message-builder input,.message-builder select{min-height:48px}.footer{padding:1.3rem 1rem}.footer__links a{align-items:center;min-height:44px;display:inline-flex}}