.xnbt{--xn-accent:#84c7ff;--xn-line:#304052;color:#e8edf3;padding-bottom:64px}.xnbt .container{max-width:1360px}.xnbt h1,.xnbt h2,.xnbt h3{color:#f5f7fb;letter-spacing:-.035em;line-height:1.13}.xnbt h1{font-size:clamp(34px,4.8vw,66px);max-width:1000px;margin:16px 0 22px}.xnbt h2{font-size:clamp(26px,3vw,40px);margin:12px 0 20px}.xnbt h3{font-size:21px}.xnbt p{line-height:1.7;color:#aabed2}.xnbt a{color:#9bd1ff;text-underline-offset:4px}.xnbt button{font:inherit}.xnbt button:focus-visible,.xnbt a:focus-visible{outline:3px solid #96d3ff;outline-offset:4px}.xn-subnav{display:flex;flex-wrap:wrap;gap:14px 26px;padding:23px 0;border-bottom:1px solid var(--xn-line);font-size:13px}.xn-subnav a{text-decoration:none}.xn-subnav a:first-child{color:#fff;font-weight:700}.xn-heading{padding:46px 0 32px}.xn-heading>p:last-child{max-width:800px;font-size:18px}.xn-eyebrow{color:var(--xn-accent)!important;letter-spacing:.14em;font-size:11px;font-weight:700;text-transform:uppercase}.xn-demo-label{display:flex;align-items:center;gap:10px;font-size:12px;color:#b7c9da;margin:0 0 12px}.xn-light{width:7px;height:7px;background:#7cc8b7;display:inline-block;border-radius:50%;flex-shrink:0}.xn-cockpit{border:1px solid #3c4c60;border-radius:13px;background:#080b10;padding:12px;box-shadow:0 22px 70px #0006}.xn-display{position:relative;aspect-ratio:8/3;background:#000;border-radius:5px;overflow:hidden}.xn-display>img{width:100%;height:100%;object-fit:contain;display:block}.xn-hotspot{position:absolute;border:1px solid transparent;background:transparent;border-radius:5px;cursor:pointer;color:white}.xn-hotspot:hover,.xn-hotspot:focus-visible{background:#78beff13;border:2px solid #9bd1ff;outline:none!important;box-shadow:0 0 18px #79bdff44}.xn-hotspot span{position:absolute;bottom:0;left:4px;background:#0b1523f5;color:#e8edf3;font-size:12px;padding:4px 7px;border-radius:3px;opacity:0;pointer-events:none}.xn-hotspot:focus-visible span,.xn-hotspot:hover span{opacity:1}.xn-controls,.xn-controls>div{display:flex;flex-wrap:wrap;gap:8px;align-items:center}.xn-controls{justify-content:space-between;padding:12px 2px 0}.xnbt button{border:1px solid #35465c;border-radius:5px;background:#172332;color:#e8edf3;min-height:42px;padding:9px 14px;cursor:pointer;font-size:13px;line-height:1.3}.xnbt button:hover{background:#253c54;border-color:#81b9ed}.xnbt button:disabled{opacity:.45;cursor:default}.xnbt .xn-hotspot{min-height:0;padding:0;border-color:transparent;background:transparent}.xnbt .xn-hotspot:hover{background:#78beff13;border-color:#9bd1ff}.xn-demo-info{display:grid;grid-template-columns:1.3fr 1fr;gap:64px;padding:28px 0}.xn-caption h2{font-size:30px;margin:12px 0}.xn-caption p{font-size:15px}.xn-choice-panel h3{font-size:14px;margin:8px 0 14px;font-weight:500;color:#b5c9da}.xn-choice-panel>div{display:flex;gap:8px;flex-wrap:wrap}.xn-small{font-size:12px!important;color:#99acc0!important}.xn-chapters{display:grid;grid-template-columns:repeat(5,1fr);gap:0;border-block:1px solid var(--xn-line);padding:15px 0}.xn-chapters button{border:0;border-radius:0;background:transparent;text-align:left;min-height:55px;border-right:1px solid var(--xn-line);padding-inline:20px}.xn-chapters button:last-child{border:0}.xn-chapters b{display:block;color:#87c7ff;font-size:11px;margin-bottom:7px}.xn-chapters button[aria-current=step]{background:#1d344c}.xn-demo-note{padding:26px 0;max-width:950px;font-size:13px}.xn-demo-note strong{font-weight:500}.xn-cta{border-block:1px solid var(--xn-line);margin-top:45px;padding:35px 0;display:flex;align-items:center;gap:16px;flex-wrap:wrap}.xn-cta>div{flex:1 1 440px}.xn-cta h2{font-size:30px}.xn-cta p{font-size:14px;max-width:640px}.xn-cockpit:fullscreen{display:flex;flex-direction:column;justify-content:center;width:100vw;height:100vh;border:0;border-radius:0;padding:20px}.xn-cockpit:fullscreen .xn-display{max-height:calc(100vh - 100px);width:min(100%,calc((100vh - 100px)*8/3));align-self:center}.xn-cockpit:fullscreen .xn-controls{width:100%;max-width:1600px;align-self:center}.xn-display [hidden]{display:none!important}#demo-error,#demo-film{position:absolute;inset:0;background:#10141cf5;display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:3}#demo-video{width:100%;height:100%}#film-close{position:absolute;right:10px;top:10px;background:#172332dd}.xn-split{display:grid;grid-template-columns:1fr 1.5fr;gap:45px;align-items:center;margin:65px 0}.xn-split.reverse{grid-template-columns:1.5fr 1fr}.xn-shot{margin:0}.xn-shot img{width:100%;height:auto;border:1px solid #394c61;border-radius:7px;display:block}.xn-shot figcaption{font-size:12px;color:#91a8bf;margin-top:10px;line-height:1.6}.xn-text p{font-size:15px}.xn-section{padding:45px 0;border-top:1px solid var(--xn-line);scroll-margin-top:165px}.xn-section>p{max-width:850px}.xn-status{display:inline-block;font-size:11px;border:1px solid #5b6f85;border-radius:50px;padding:4px 9px;color:#c5d5e5;white-space:nowrap}.xn-status.verified{color:#9bdfc9;border-color:#437669;background:#17392f}.xn-status.limited{color:#f5d49c;border-color:#88734e;background:#322b1f}.xn-status.recorded{color:#a6d2ff;border-color:#536f93;background:#1b2d44}.xn-catalogue{margin-top:28px;border-top:1px solid var(--xn-line)}.xn-catalogue-row{display:grid;grid-template-columns:1fr .7fr 1.7fr;gap:25px;padding:22px 0;border-bottom:1px solid var(--xn-line);align-items:start}.xn-catalogue-row h3{font-size:17px;margin:4px 0}.xn-catalogue-row p{font-size:14px;margin:0}.xn-catalogue-row a{font-size:12px}.xn-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin:28px 0}.xn-panel{border-top:2px solid #5881aa;padding:22px 0}.xn-panel h3{margin:12px 0}.xn-panel p{font-size:14px}.xn-panel .xn-number{font-size:42px;letter-spacing:-.05em;color:#7ea7cd}.xn-downloads{display:flex;gap:12px;flex-wrap:wrap;margin:22px 0}.xn-disclosure{padding:20px 24px;background:#192433;border-left:3px solid #8db9e5;border-radius:0 6px 6px 0;font-size:14px}.xn-disclosure p{margin:0}.xn-story{display:grid;grid-template-columns:.8fr 1.5fr;gap:55px;padding:45px 0;border-top:1px solid var(--xn-line);scroll-margin-top:165px}.xn-story time{font-size:12px;color:#9fb5cc}.xn-story h2{font-size:34px}.xn-story .xn-body p{max-width:850px}.xn-story figure{margin:0 0 25px}.xn-story img{width:100%;border-radius:6px}.xn-share{margin:24px 0;padding:24px;border:1px solid var(--xn-line);border-radius:8px}.xn-share pre{white-space:pre-wrap;font:inherit;font-size:14px;color:#bacddd;line-height:1.8}.xn-metis{display:flex;align-items:center;gap:18px;padding:30px 0;font-size:14px}.xn-metis img{width:42px;height:42px;object-fit:contain}.xn-metis p{margin:0}.xn-media-links{display:flex;flex-wrap:wrap;gap:15px}.xnbt [hidden]{display:none!important}
@media(max-width:850px){.xn-demo-info,.xn-split,.xn-split.reverse,.xn-story{grid-template-columns:1fr;gap:20px}.xn-heading{padding-top:28px}.xn-heading>p:last-child{font-size:16px}.xn-chapters{grid-template-columns:repeat(3,1fr);gap:6px}.xn-chapters button{border:0;padding:12px}.xn-controls{gap:12px}.xn-controls>div{flex:1;flex-wrap:wrap}.xn-catalogue-row{grid-template-columns:1fr 1fr;gap:12px}.xn-catalogue-row>div:last-child{grid-column:1/-1}.xn-grid{grid-template-columns:1fr}.xn-split{margin:40px 0}.xn-demo-info{gap:12px}.xn-cta{margin-top:25px}.xn-cta .evo-button{max-width:100%;white-space:normal}.xn-subnav{font-size:12px;gap:14px}.xn-story{padding-block:30px}.xn-story h2{font-size:30px}}
@media(max-width:480px){.xnbt .container{width:calc(100% - 28px)}.xn-cockpit{padding:5px;border-radius:7px}.xn-controls{padding:9px 3px 3px}.xn-controls>div{flex-basis:100%}.xnbt button{min-height:44px;font-size:12px;padding:9px 11px}.xn-chapters{grid-template-columns:repeat(2,1fr)}.xn-demo-label{font-size:10px;line-height:1.5}.xn-caption h2{font-size:25px}.xn-caption p{font-size:14px}.xn-hotspot span{display:none}.xn-catalogue-row h3{font-size:15px}.xn-catalogue-row{gap:9px}.xn-status{white-space:normal}.xn-choice-panel>div{flex-direction:column}.xn-choice-panel button{text-align:left}.xn-subnav{gap:12px 18px}.xn-disclosure{padding:16px}#film-close{font-size:10px;min-height:30px;padding:5px;top:3px;right:3px}}
@media(prefers-reduced-motion:reduce){.xnbt *{scroll-behavior:auto!important;transition:none!important}}
/* Scrollable Diagnostics uses native-sized controls with an accessible mobile layout. */
#demo-native{position:absolute;inset:0;background:radial-gradient(ellipse at 10% 90%,#303a40 0,transparent 55%),linear-gradient(160deg,#06090c 40%,#15202a 41%,#06090c 65%);font-family:Arial,sans-serif;color:#edf3f8;display:grid;grid-template-rows:54px minmax(0,1fr) 34px;padding-left:74px;padding-right:12px;gap:4px;container-type:inline-size}.dg-header{display:flex;align-items:center;gap:20px;border-bottom:1px solid #597082;min-width:0}.dg-brand{width:240px;max-width:35%;height:auto}.dg-header strong{font-size:20px;letter-spacing:.05em;color:#70b6ff;background:#19374f;padding:3px 15px;border-radius:4px}.dg-demo{margin-left:auto;color:#9fb8ca;font-size:11px;letter-spacing:.15em}.xnbt .dg-back{position:absolute;left:10px;top:42%;width:48px;height:60px;border-radius:50%;font-size:42px;line-height:1;background:linear-gradient(135deg,#4c5359,#050609);padding:0;min-height:0;box-shadow:0 2px 8px #000}.dg-list{overflow:auto;overscroll-behavior:contain;scrollbar-color:#77b9e5 #172531;scrollbar-width:auto;padding:9px 12px 22px 4px;min-height:0;outline-offset:-3px;touch-action:pan-y}.dg-list::-webkit-scrollbar{width:14px}.dg-list::-webkit-scrollbar-track{background:#172531}.dg-list::-webkit-scrollbar-thumb{background:#77b9e5;border:3px solid #172531;border-radius:8px}.xnbt .dg-row{display:block;width:100%;text-align:left;background:#192531;color:#edf2f8;border:1px solid #3b5367;border-left:4px solid var(--dg-colour,#6db4fa);border-radius:0;padding:12px 18px;margin:0 0 16px;min-height:49px;font-size:clamp(15px,1.65vw,23px);line-height:1.35;white-space:normal;overflow-wrap:anywhere}.xnbt button.dg-row:hover,.xnbt button.dg-row:focus-visible{background:#263d50;border-color:var(--dg-colour,#6db4fa);box-shadow:inset 0 0 12px #69b3ff12;outline:2px solid #f3b555;outline-offset:1px}.dg-row.blue{--dg-colour:#69b3ff}.dg-row.red{--dg-colour:#ed666b}.dg-row.green{--dg-colour:#38c593}.dg-row.yellow{--dg-colour:#efd057}.dg-row.cyan{--dg-colour:#6dd4e3}.dg-row.purple{--dg-colour:#b7a0ed}.dg-row.neutral{--dg-colour:#718596}.dg-label{display:block}.dg-description{display:block;color:#b9cce0;font-size:.84em;line-height:1.45;margin-top:5px;white-space:normal}.dg-detail-heading{display:block;margin-top:22px;color:#a6d5ff;font-size:.8em;line-height:1.5}.dg-collapse,.dg-expand{display:block;color:#78bfff;font-size:.78em;margin-top:16px}.dg-module>.dg-row:first-child .dg-label{font-weight:500}.dg-module .dg-row[data-fault]{margin-left:16px;width:calc(100% - 16px)}.dg-progress{width:100%;height:16px;accent-color:#69b3ff;margin:10px 0 20px}.dg-footer{display:flex;align-items:center;gap:12px;color:#9eb4c6;font-size:11px;border-top:1px solid #394d5e}.dg-scroll-info{margin-left:auto}.xnbt .dg-footer .dg-scroll-button{width:33px;min-height:27px;height:27px;padding:1px;text-align:center;line-height:1;margin:0;font-size:19px;background:#243c51;border:1px solid #48677f}.dg-status{color:#a9c6d9}#demo-native[data-theme=native]{background:linear-gradient(140deg,#252525,#050505);font-family:Arial,sans-serif}#demo-native[data-theme=native] .dg-row{background:#161616;border:0;border-bottom:1px solid #555}#demo-native[data-theme=native] button.dg-row:hover{background:#601d1d}#demo-native[data-theme=native] .dg-description{color:#ddd}.xn-functions{border:1px solid #304052;margin:20px 0;padding:18px;border-radius:7px}.xn-functions summary{cursor:pointer;font-weight:600;color:#b4d9fb}.xn-functions>div{display:flex;flex-wrap:wrap;gap:8px;margin-top:16px}.xn-scroll-hint{display:flex;justify-content:space-between;align-items:center;gap:10px;font-size:12px;padding:12px 0;color:#b5cee4}.xn-scroll-hint>span{max-width:750px}.xnbt #demo-reset{white-space:nowrap}.xn-display.is-native{min-height:430px}.xn-cockpit:fullscreen .xn-display.is-native{min-height:0;height:calc(100vh - 110px)}
@media(max-width:700px){.xn-display.is-native{aspect-ratio:auto;height:540px;min-height:0}#demo-native{grid-template-rows:48px minmax(0,1fr) 38px;padding-left:8px;padding-right:6px}.dg-header{gap:8px}.dg-brand{width:145px;max-width:47%}.dg-header strong{font-size:12px;padding:4px 6px}.dg-demo{font-size:8px}.xnbt #demo-native .dg-back{display:none}.xnbt .dg-row{font-size:16px;min-height:48px;padding:11px 10px;margin-bottom:12px}.dg-list{padding:8px 8px 15px 0}.dg-description{font-size:14px;line-height:1.5}.dg-footer{gap:6px;font-size:9px}.dg-scroll-info{font-size:9px}.dg-module .dg-row[data-fault]{margin-left:5px;width:calc(100% - 5px)}.xn-scroll-hint{align-items:flex-start;flex-wrap:wrap}.xn-cockpit:fullscreen .xn-display.is-native{width:100%;height:calc(100vh - 155px)}}

.xnbt .dg-list .dg-module{padding:0;margin:0;border:0;min-height:0;max-width:none;background:none;box-shadow:none;position:static}.dg-list{scroll-behavior:auto!important}