/* NØNOS device lab: zero web fonts, raster images or external dependencies. */
.nonos-device-lab{--ndl-teal:#5cedd0;--ndl-blue:#72afff;--ndl-white:#f0f8ff;--ndl-muted:#a3b9c9;--ndl-line:rgba(108,172,193,.19);width:min(1240px,calc(100% - 48px));margin:0 auto;padding:76px 0;color:var(--ndl-white);font-family:inherit;isolation:isolate}
.nonos-device-lab *{box-sizing:border-box}.nonos-device-lab button,.nonos-device-lab a{-webkit-tap-highlight-color:transparent}.nonos-device-lab p,.nonos-device-lab h2,.nonos-device-lab h3{margin:0}.nonos-device-lab button{font-family:inherit}.nonos-device-lab [hidden]{display:none!important}.nonos-device-lab svg{display:block}
.nonos-device-lab__intro{max-width:880px;margin-bottom:38px}.nonos-device-lab .nonos-device-lab__eyebrow{font-size:11px;letter-spacing:.17em;font-weight:650;line-height:1.8;color:var(--ndl-teal);margin:0 0 20px}.nonos-device-lab .nonos-device-lab__intro h2{font-size:clamp(36px,4.3vw,62px);line-height:1.07;letter-spacing:-.045em;font-weight:550;margin:0 0 29px;color:var(--ndl-white)}.nonos-device-lab__intro h2 span{color:var(--ndl-teal)}.nonos-device-lab .nonos-device-lab__intro>p:last-child{font-size:18px;line-height:1.75;color:var(--ndl-muted);max-width:740px}
.nonos-device-lab__console{overflow:hidden;border:1px solid var(--ndl-line);border-radius:20px;background:linear-gradient(145deg,#0a1a29,#060e19 60%);box-shadow:0 28px 100px #01091340}.nonos-device-lab__toolbar{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:20px 26px;border-bottom:1px solid var(--ndl-line)}.nonos-device-lab__tabs{display:flex;gap:8px;align-items:center}.nonos-device-lab .nonos-device-lab__tabs button{border:1px solid transparent;background:transparent;color:var(--ndl-muted);border-radius:8px;display:inline-flex;align-items:center;gap:10px;min-height:46px;padding:10px 19px;font-size:14px;font-weight:600;line-height:1.4;cursor:pointer;transition:color .2s,background .2s,border-color .2s}.nonos-device-lab__tabs svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.5}.nonos-device-lab .nonos-device-lab__tabs button[aria-selected=true]{color:var(--ndl-teal);background:#123534;border-color:#387469}.nonos-device-lab .nonos-device-lab__tabs button:hover{background:#15313f;color:#fff}.nonos-device-lab .nonos-device-lab__motion{display:inline-flex;align-items:center;gap:8px;cursor:pointer;background:transparent;color:#98b2c3;border:0;padding:12px 0;font-size:11px;line-height:1.4}.nonos-device-lab__motion [data-motion-icon]{font-size:17px;width:18px;text-align:center}.nonos-device-lab button:focus-visible,.nonos-device-lab a:focus-visible,.nonos-device-lab [tabindex="0"]:focus-visible{outline:2px solid #79f1d3;outline-offset:5px}
.nonos-device-lab__stage{position:relative;overflow:hidden;background:radial-gradient(ellipse at 53% 59%,#08384077,transparent 64%);aspect-ratio:2.48;min-height:270px;padding-top:20px;perspective:1200px}.nonos-device-lab__stage-caption{position:absolute;z-index:1;left:32px;top:27px;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:9px;letter-spacing:.12em;color:#78a5b6;display:flex;gap:9px;align-items:center}.nonos-device-lab__live-dot{width:5px;height:5px;background:var(--ndl-teal);border-radius:50%;box-shadow:0 0 12px #5cedd066}.nonos-device-lab__art{width:100%;height:100%;overflow:visible;transform:rotateX(var(--ndl-tilt-y,0deg)) rotateY(var(--ndl-tilt-x,0deg));transition:transform .35s ease-out}.nonos-device-lab__device{opacity:.54;transition:opacity .65s,filter .65s;transform-box:fill-box;transform-origin:center}.nonos-device-lab[data-device=laptop] .nonos-device-lab__device--laptop,.nonos-device-lab[data-device=desktop] .nonos-device-lab__device--desktop,.nonos-device-lab[data-device=mobile] .nonos-device-lab__device--mobile{opacity:1;filter:drop-shadow(0 8px 22px #12d2c514)}.nonos-device-lab__device--mobile{opacity:.4}.nonos-device-lab__svg-label{fill:#8aecdb;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:9px;letter-spacing:.6px}.nonos-device-lab__svg-micro{fill:#81a6b7;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:6.5px;letter-spacing:.5px}.nonos-device-lab__shield-float{animation:ndl-float 6s ease-in-out infinite}.nonos-device-lab__device--desktop .nonos-device-lab__shield-float{animation-delay:-2s}.nonos-device-lab__device--mobile .nonos-device-lab__shield-float{animation-delay:-4s}.nonos-device-lab__signal{animation:ndl-signal 9s linear infinite}.nonos-device-lab__scan{animation:ndl-scan 7s ease-in-out infinite}.nonos-device-lab__concept-tag{position:absolute;right:25px;bottom:14px;font-size:10px;color:#6a8a9c;letter-spacing:.04em}
.nonos-device-lab__details{display:grid;grid-template-columns:1fr 1.05fr;gap:54px;padding:40px 38px 38px;border-top:1px solid var(--ndl-line);background:#09152380;min-height:285px}.nonos-device-lab .nonos-device-lab__badge{display:inline-block;font-size:10px;font-weight:600;letter-spacing:.08em;color:var(--ndl-teal);border:1px solid #275d56;border-radius:5px;padding:5px 9px;margin-bottom:20px;text-transform:uppercase;background:#0c2a29}.nonos-device-lab[data-device=mobile] .nonos-device-lab__badge{color:#90c6ff;border-color:#354f7b;background:#102238}.nonos-device-lab .nonos-device-lab__detail-title h3{font-size:clamp(22px,2.4vw,29px);line-height:1.23;letter-spacing:-.025em;color:var(--ndl-white);font-weight:550;margin:0 0 20px}.nonos-device-lab .nonos-device-lab__detail-title>p:last-child{font-size:14px;line-height:1.8;color:var(--ndl-muted);max-width:475px}.nonos-device-lab .nonos-device-lab__steps{list-style:none;display:flex;flex-direction:column;gap:22px;margin:0;padding:0}.nonos-device-lab__steps li{display:grid;grid-template-columns:27px 1fr;gap:13px;margin:0;padding:0}.nonos-device-lab__steps li>span{font:11px/1.6 ui-monospace,SFMono-Regular,Consolas,monospace;color:var(--ndl-teal);padding-top:2px}.nonos-device-lab__steps strong{display:block;color:#e8f3fc;font-size:14px;line-height:1.55;font-weight:550;margin:0 0 5px}.nonos-device-lab .nonos-device-lab__steps p{color:var(--ndl-muted);font-size:12px;line-height:1.7;margin:0}
.nonos-device-lab__security{padding:30px 38px 32px;border-top:1px solid var(--ndl-line)}.nonos-device-lab .nonos-device-lab__security>.nonos-device-lab__eyebrow{font-size:9px;margin-bottom:17px;color:#81a9b9}.nonos-device-lab__layers{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.nonos-device-lab .nonos-device-lab__layers button{cursor:pointer;display:flex;align-items:center;gap:12px;border:1px solid #2d4455;border-radius:8px;padding:17px 16px;min-height:58px;color:#bad0dc;background:#0c1b2b;font-size:13px;font-weight:550;text-align:left;line-height:1.4;transition:background .2s,border-color .2s,color .2s}.nonos-device-lab__layers button>span{font-family:ui-monospace,SFMono-Regular,Consolas,monospace;color:#6f95aa;font-size:10px}.nonos-device-lab__layers svg{width:20px;height:20px;margin-left:auto;fill:none;stroke:currentColor;stroke-width:1.5;flex-shrink:0}.nonos-device-lab .nonos-device-lab__layers button[aria-pressed=true],.nonos-device-lab .nonos-device-lab__layers button:hover{border-color:#4d9e92;background:#113634;color:var(--ndl-teal)}.nonos-device-lab .nonos-device-lab__explanation{font-size:13px;line-height:1.8;color:var(--ndl-muted);margin:21px 0 0;min-height:47px;max-width:850px}.nonos-device-lab__footnote{display:flex;align-items:flex-start;justify-content:space-between;gap:36px;padding:25px 2px 0}.nonos-device-lab .nonos-device-lab__footnote p{font-size:11px;line-height:1.85;color:#83a0b3;max-width:730px}.nonos-device-lab__footnote a{display:inline-flex;align-items:center;gap:12px;flex-shrink:0;text-decoration:none;color:#abd9df;font-size:12px;line-height:1.8;padding-top:1px}.nonos-device-lab__footnote a:hover{color:var(--ndl-teal)}
@keyframes ndl-float{0%,100%{transform:translateY(0)}50%{transform:translateY(-5px)}}@keyframes ndl-signal{to{stroke-dashoffset:-192}}@keyframes ndl-scan{0%,100%{transform:translateY(-27px);opacity:.3}50%{transform:translateY(26px);opacity:1}}
.nonos-device-lab[data-motion-paused=true] *,.nonos-device-lab[data-offscreen=true] *{animation-play-state:paused!important}.nonos-device-lab[data-motion-paused=true] .nonos-device-lab__art{transform:none}
@media (max-width:800px){.nonos-device-lab{width:calc(100% - 36px);padding:55px 0}.nonos-device-lab__details{gap:30px;padding:30px 25px}.nonos-device-lab__security{padding:26px 25px}.nonos-device-lab__stage{min-height:245px}.nonos-device-lab__stage-caption{left:22px;font-size:8px;top:18px}.nonos-device-lab__footnote{flex-direction:column;gap:12px}.nonos-device-lab__layers{gap:8px}.nonos-device-lab .nonos-device-lab__layers button{padding:14px 11px;gap:8px;font-size:12px}.nonos-device-lab__layers svg{width:17px;height:17px}.nonos-device-lab__toolbar{padding:15px 17px}.nonos-device-lab .nonos-device-lab__tabs button{padding:9px 13px}}
@media (max-width:560px){.nonos-device-lab{width:calc(100% - 28px);padding:42px 0}.nonos-device-lab .nonos-device-lab__eyebrow{font-size:9px;letter-spacing:.13em}.nonos-device-lab .nonos-device-lab__intro>p:last-child{font-size:16px;line-height:1.75}.nonos-device-lab__intro{margin-bottom:29px}.nonos-device-lab__console{border-radius:13px}.nonos-device-lab__toolbar{gap:10px;padding:12px}.nonos-device-lab__tabs{gap:2px;flex:1}.nonos-device-lab .nonos-device-lab__tabs button{padding:9px 10px;gap:6px;font-size:12px;flex:1;justify-content:center;min-height:43px}.nonos-device-lab__tabs svg{width:17px;height:17px}.nonos-device-lab .nonos-device-lab__motion{padding:10px 4px;min-width:28px}.nonos-device-lab__motion [data-motion-label]{display:none}.nonos-device-lab__stage{min-height:195px;aspect-ratio:1.85;padding:26px 0 5px}.nonos-device-lab__art{width:116%;max-width:none;margin-left:-8%;height:100%}.nonos-device-lab__stage-caption{font-size:6.5px;left:17px;top:13px;letter-spacing:.07em;gap:6px}.nonos-device-lab__concept-tag{font-size:8px;right:14px;bottom:5px}.nonos-device-lab__details{grid-template-columns:1fr;gap:27px;padding:27px 23px;min-height:0}.nonos-device-lab .nonos-device-lab__badge{margin-bottom:17px}.nonos-device-lab__security{padding:24px 23px}.nonos-device-lab__layers{grid-template-columns:1fr;gap:8px}.nonos-device-lab .nonos-device-lab__layers button{padding:13px 15px;min-height:49px;font-size:13px;gap:16px}.nonos-device-lab .nonos-device-lab__explanation{min-height:95px;margin-top:19px}.nonos-device-lab__footnote{padding-top:20px}.nonos-device-lab__steps li{gap:10px}}
@media (prefers-reduced-motion:reduce){.nonos-device-lab *{animation:none!important;transition:none!important}.nonos-device-lab__art{transform:none!important}}