.nxa{margin:48px 0;padding:clamp(20px,4vw,44px);background:linear-gradient(125deg,#edf4fd,#fff);border:1px solid #bfd3ea;border-radius:24px;box-shadow:0 18px 42px #183d6617;color:#18364f}.nxa header>span,.nxa-modal header span{font-size:11px;font-weight:850;letter-spacing:1.8px;color:#0768d8}.nxa h2{font-size:clamp(25px,3vw,38px);margin:10px 0}.nxa header p{color:#5a7086}.nxa-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:32px;margin-top:24px;align-items:center}.nxa-art{position:relative;border-radius:18px;overflow:hidden;background:#fff;box-shadow:0 10px 28px #1e426322}.nxa-art img{display:block;width:100%;aspect-ratio:1;object-fit:contain}.nxa-art button{position:absolute;bottom:18px;left:18px;background:#086be5;color:white;border:0;padding:14px 22px;border-radius:10px;font-weight:800;cursor:pointer;box-shadow:0 8px 20px #086be530}.nxa-code{color:#0868df;font-weight:900}.nxa h3{font-size:26px;margin:12px 0}.nxa-copy p{line-height:1.7}.nxa-tags{display:flex;gap:8px;flex-wrap:wrap}.nxa-tags span{background:#e5effc;color:#075fbf;padding:7px 11px;border-radius:7px;font-size:13px;font-weight:750}.nxa-note{font-size:13px!important;line-height:1.65;color:#586f84}.nxa .nxq-order{margin:18px 0}.nxa-modal{box-sizing:border-box;width:min(980px,94vw);max-height:92dvh;padding:22px;border:1px solid #b8cfe8;border-radius:20px;color:#17344d;box-shadow:0 25px 80px #0005}.nxa-modal::backdrop{background:#081b32cc;backdrop-filter:blur(5px)}.nxa-modal header{display:flex;align-items:center;justify-content:space-between;gap:18px}.nxa-modal h2{font-size:24px}.nxa-modal button{border:1px solid #b6cde7;background:#f0f6ff;color:#0868dc;border-radius:8px;padding:10px 14px;cursor:pointer;font-weight:750}.nxa-modal nav{display:flex;gap:8px;flex-wrap:wrap;margin:16px 0}.nxa-modal button[aria-current=true],.nxa-modal [data-nxa-play]{background:#0868dc;color:#fff}.nxa-stage{background:#f8fbff;border:1px solid #dbe7f5;border-radius:14px;margin-top:20px;overflow:hidden}.nxa-stage svg{display:block;width:100%;height:auto}.nxa-svg-label{font:16px Arial,sans-serif;fill:#284c6b}.nxa-step-copy{padding:15px 22px;background:#edf4fd;min-height:86px}.nxa-step-copy strong{color:#0669dd;font-size:19px}.nxa-step-copy p{margin:8px 0;line-height:1.5}.nxa-bolt,.nxa-upright,.nxa-key{transition:transform 1s ease,opacity .5s}.nxa-key{opacity:0}.nxa-stage[data-nxa-step='0'] .nxa-bolt{transform:translate(130px,25px)}.nxa-stage[data-nxa-step='1'] .nxa-bolt{transform:translateY(36px)}.nxa-stage[data-nxa-step='2'] .nxa-upright,.nxa-stage[data-nxa-step='3'] .nxa-upright{transform:translateY(-20px)}.nxa-stage[data-nxa-step='3'] .nxa-key{opacity:1}.nxa-stage[data-nxa-step='3'] .nxa-bolt{transform:translateY(4px)}.nxa :focus-visible{outline:3px solid #38a0ff;outline-offset:3px}@media(max-width:700px){.nxa-layout{grid-template-columns:1fr}.nxa-modal{padding:12px}.nxa-modal h2{font-size:20px}.nxa-modal nav button{flex:1;font-size:12px}.nxa-step-copy{padding:12px}}@media(prefers-reduced-motion:reduce){.nxa-bolt,.nxa-upright,.nxa-key{transition:none}}

.nxa-products{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;margin-top:28px}.nxa-product{display:flex;flex-direction:column;min-width:0;border:1px solid #c3d7ee;border-radius:18px;overflow:hidden;background:white;box-shadow:0 10px 26px #17395817;transition:transform .2s,box-shadow .2s}.nxa-product:hover{transform:translateY(-4px);box-shadow:0 18px 34px #17395826}.nxa-product-image{display:block;background:#fff;border-bottom:1px solid #e0eaf6}.nxa-product-image img{display:block;width:100%;aspect-ratio:1;object-fit:contain;padding:16px;box-sizing:border-box}.nxa-product-copy{display:flex;flex-direction:column;flex:1;padding:22px}.nxa-product h3{font-size:22px;line-height:1.25;min-height:56px}.nxa-product-copy>p{font-size:14px;line-height:1.6;min-height:68px;color:#5c7286}.nxa-product .nxa-code{font-size:13px}.nxa-product .nxq-order{margin:12px 0 16px;padding:0;border:0;box-shadow:none;background:none;margin-top:auto}.nxa-product .nxq-order h2{display:none}.nxa-product .nxq-order label{font-size:13px}.nxa-product select{max-width:100%;font-size:12px!important}.nxa-product .nxa-details{font-weight:800;color:#076be2}.nxa-companions>header h2{color:#0865cc}.nxa-product .nxq-order a{font-size:12px}@media(max-width:1050px){.nxa-products{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:600px){.nxa-products{grid-template-columns:1fr}.nxa-product h3,.nxa-product-copy>p{min-height:0}.nxa-product-image img{max-height:300px}.nxa-product-copy{padding:18px}}@media(prefers-reduced-motion:reduce){.nxa-product{transition:none}}
.nxt-accessory{margin:64px 0;padding:32px;border:1px solid #bed5ef;border-radius:26px;background:linear-gradient(140deg,#fff,#f5f9ff);box-shadow:0 18px 48px #173a6220}.nxt-accessory-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:32px;align-items:start}.nxt-accessory-visual{overflow:hidden;border:1px solid #d5e2f1;border-radius:20px;background:white;box-shadow:0 12px 28px #193b621a}.nxt-accessory-visual img{display:block;width:100%;height:auto;aspect-ratio:1;object-fit:contain}.nxt-accessory-visual>span{display:block;padding:14px 18px;border-top:1px solid #e0e9f3;color:#57708c;font-size:12px}.nxt-accessory-code{display:block;color:#096ada;font-size:clamp(17px,2vw,26px);overflow-wrap:anywhere;margin:6px 0 20px}.nxt-accessory h3{color:#0c427d;font-size:24px}.nxt-accessory dl{margin:0;border:1px solid #d0e1f2;border-radius:14px;overflow:hidden;background:#fff}.nxt-accessory dl>div{display:grid;grid-template-columns:1.2fr 1fr;gap:14px;padding:12px 16px;border-bottom:1px solid #e2eaf4}.nxt-accessory dl>div:nth-child(odd){background:#f0f6fd}.nxt-accessory dl>div:last-child{border-bottom:0}.nxt-accessory dt{color:#446181}.nxt-accessory dd{margin:0;font-weight:750;color:#123d70;overflow-wrap:anywhere}.nxt-accessory-extra{margin-top:24px;border:1px solid #c9dbef;border-radius:14px;padding:18px;background:white}.nxt-accessory-extra summary{cursor:pointer;font-size:18px;font-weight:750;color:#075db5}.nxt-accessory-extra img{display:block;max-width:620px;width:100%;height:auto;margin:20px auto}.nxt-accessory-extra p{font-size:14px}.nxt-accessory a:focus-visible,.nxt-accessory summary:focus-visible{outline:3px solid #1676ed;outline-offset:4px}@media(max-width:760px){.nxt-accessory{padding:18px;margin:36px 0;border-radius:18px}.nxt-accessory-grid{grid-template-columns:1fr;gap:24px}.nxt-accessory dl>div{padding:10px;font-size:14px;gap:10px}}
.nxa-compact .nxa-products{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;align-items:start;margin-top:16px}.nxa-compact .nxa-product[hidden]{display:none!important}.nxa-compact .nxa-product-image img{padding:4px;max-height:none}.nxa-compact .nxa-product-copy{padding:14px;gap:6px}.nxa-compact .nxa-code{font-size:11px;overflow-wrap:anywhere}.nxa-compact .nxa-product h3{font-size:16px;min-height:42px;line-height:1.3;margin:2px 0 8px}.nxa-compact .nxa-product h3 a{color:#173f68;text-decoration:none}.nxa-compact .nxa-details{font-size:13px}.nxa-filters{display:flex;gap:8px;flex-wrap:wrap;margin-top:24px}.nxa-filters button,.nxa-show-all{border:1px solid #b5cfea;border-radius:10px;padding:10px 16px;background:#fff;color:#1260b5;font-weight:750;cursor:pointer}.nxa-filters button[aria-pressed=true]{background:#086be5;border-color:#086be5;color:#fff;box-shadow:0 6px 16px #086be52a}.nxa-count{color:#5a718a;font-size:12px;margin:14px 0 0}.nxa-show-all{display:block;margin:22px auto 0}.nxa-show-all[hidden]{display:none}.nxa-quick{margin-top:8px;border-top:1px solid #dce7f4;padding-top:10px}.nxa-quick summary{display:flex;justify-content:space-between;align-items:center;gap:4px;list-style:none;background:#edf5ff;border:1px solid #c6daf2;border-radius:8px;padding:10px;color:#075fc5;font-size:13px;font-weight:750;cursor:pointer}.nxa-quick summary::-webkit-details-marker{display:none}.nxa-quick[open] summary{background:#086be5;color:white}.nxa-quick[open] summary span{transform:rotate(45deg)}.nxa-compact .nxq-order{margin:14px 0 0!important}.nxa-compact .nxq-order input,.nxa-compact .nxq-order select{width:100%;min-width:0;box-sizing:border-box}.nxa-compact .nxq-primary{font-size:12px;padding:10px 6px;white-space:normal}.nxa-compact .nxa-product:hover{transform:translateY(-2px)}@media(max-width:1050px){.nxa-compact .nxa-products{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:640px){.nxa-compact{padding:14px}.nxa-compact .nxa-products{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.nxa-compact .nxa-product-copy{padding:10px}.nxa-compact .nxa-product h3{font-size:14px;min-height:55px}.nxa-compact .nxa-code{font-size:10px}.nxa-filters{gap:6px}.nxa-filters button{font-size:12px;padding:9px 10px}.nxa-quick summary{font-size:12px;padding:9px 6px}.nxa-compact .nxq-order label{font-size:11px}}
.nxa-compact .nxa-product-image img{height:auto;aspect-ratio:1/1}
/* Compact accessory chooser: thumbnails and concise labels. */
.nxa.nxa-compact{padding:20px;margin:28px 0;border-radius:18px}
.nxa-compact>header>span{font-size:10px;letter-spacing:1px}
.nxa-compact>header h2{font-size:26px;margin:6px 0}
.nxa-compact>header p{font-size:13px;margin:6px 0;line-height:1.5}
.nxa-compact .nxa-filters{margin-top:14px;gap:6px}
.nxa-compact .nxa-filters button{font-size:12px;padding:8px 12px}
.nxa-compact .nxa-count{margin:10px 0 0;font-size:11px}
.nxa-compact .nxa-products{gap:10px;margin-top:10px}
.nxa-compact .nxa-product{display:grid;grid-template-columns:90px minmax(0,1fr);align-items:start;border-radius:12px;box-shadow:0 4px 12px #17395812}
.nxa-compact .nxa-product-image{border:0;margin-top:12px}
.nxa-compact .nxa-product-image img{width:100%;height:auto;padding:2px}
.nxa-compact .nxa-product-copy{padding:10px 10px 10px 0;gap:3px}
.nxa-compact .nxa-code{font-size:10px;line-height:1.4}
.nxa-compact .nxa-product h3{font-size:13px;min-height:34px;margin:2px 0 4px;line-height:1.3}
.nxa-compact .nxa-details{font-size:11px}
.nxa-compact .nxa-quick{margin-top:5px;padding-top:6px}
.nxa-compact .nxa-quick summary{font-size:11px;padding:7px;min-height:32px;box-sizing:border-box}
.nxa-compact .nxa-product:has(.nxa-quick[open]){grid-template-columns:1fr}
.nxa-compact .nxa-product:has(.nxa-quick[open]) .nxa-product-image{display:none}
.nxa-compact .nxa-product:has(.nxa-quick[open]) .nxa-product-copy{padding:10px}
.nxa-compact .nxa-show-all{font-size:12px;padding:8px 14px;margin:14px auto 0}
.nxa-compact .nxa-note{font-size:11px!important;margin-bottom:0}
@media(max-width:1100px){.nxa-compact .nxa-products{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:540px){.nxa.nxa-compact{padding:12px}.nxa-compact>header h2{font-size:23px}.nxa-compact .nxa-product{grid-template-columns:1fr}.nxa-compact .nxa-product-image{width:104px;margin:4px auto 0}.nxa-compact .nxa-product-copy{padding:7px}.nxa-compact .nxa-product h3{min-height:34px}.nxa-compact .nxa-filters button{padding:7px 9px;font-size:11px}}