.demo-body{position:relative;isolation:isolate;min-height:100svh}.demo-body>.scene img{object-position:62% center}.demo-body:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent 25%,#030a0870);z-index:-1}.demo-nav{display:flex;align-items:center;justify-content:space-between;padding:15px 28px 10px;gap:20px}.demo-nav .wordmark{width:270px}.demo-nav .button{min-height:38px;padding:8px 25px;font-size:13px;border-radius:13px}.demo-stage{display:flex;justify-content:flex-end;align-items:flex-start;padding:0 24px 28px}.cfd-device{width:550px;max-width:100%;padding:18px;background:linear-gradient(140deg,#151e20ec,#08100ff5);border-radius:12px}.device-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:13px}.device-head h1{font-size:26px;white-space:nowrap;letter-spacing:-.04em;margin:0;line-height:1.15}.pills{display:flex;gap:6px}.pills span{font-size:9px;border:1px solid #b6c6c16b;padding:3px 9px;border-radius:20px}.pills span:first-child{background:#68e932;color:#071506;border-color:#68e932;font-weight:700}.label{text-transform:uppercase;letter-spacing:.1em;font-size:10px;margin:10px 0 5px}.label>span{float:right;text-transform:none;letter-spacing:0;color:var(--lime)}.cues{display:grid;grid-template-columns:repeat(3,1fr) 1.15fr;gap:9px}.cues button{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;min-height:76px;background:#ffffff09;color:white;border:1px solid var(--line);border-radius:7px;font-size:12px}.cues button .ico{width:27px;height:27px}.cues [aria-pressed=true]{color:var(--lime);border-color:var(--lime);background:#7da63516;box-shadow:inset 0 0 12px #8aee2220}.cues p{font-size:12px;line-height:1.4;padding:15px 4px 0 9px}.mode-detail{font-size:10px;color:var(--muted);margin:7px 0}.readings{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.reading{padding:8px 11px;background:#ffffff09;border:1px solid var(--line);border-radius:7px;min-height:77px;display:flex;flex-direction:column;line-height:1.3}.reading>span{font-size:12px}.reading strong{font-size:25px;letter-spacing:-.03em}.reading small{font-size:11px;color:var(--lime);min-height:15px}.sensor-note{text-align:right;margin-top:4px}.dose-row{display:grid;grid-template-columns:18px 76px 98px 57px 1fr 82px;align-items:center;gap:7px;background:#ffffff07;border:1px solid #ffffff0d;border-radius:5px;margin-bottom:3px;padding:4px 8px;font-size:10px;min-height:28px}.dose-row .ico{width:18px;height:18px}.dose-row b{font-weight:550;font-size:11px}.dose-row small,.limit-label{color:var(--muted);font-size:10px}.dose-row>span:last-child{text-align:right;font-size:9px;white-space:nowrap}progress{appearance:none;width:100%;height:8px;border:0;border-radius:8px;overflow:hidden;background:#3c4549}progress::-webkit-progress-bar{background:#3c4549;border-radius:8px}progress::-webkit-progress-value{background:#7ce444;border-radius:8px}progress::-moz-progress-bar{background:#7ce444}.safety-row{display:flex;align-items:center;gap:10px;border:1px solid #a6ed3b4d;color:var(--lime);border-radius:6px;padding:7px 10px;font-size:11px;min-height:37px}.safety-row .ico{width:20px;height:20px}.outlets{display:grid;grid-template-columns:1fr 1fr;gap:4px 7px}.switch{display:flex;align-items:center;gap:9px;background:#ffffff09;color:white;border:1px solid var(--line);border-radius:6px;padding:5px 10px;min-height:32px;font-size:11px;text-align:left}.switch .ico{width:18px;height:18px}.switch i{margin-left:auto;width:34px;height:18px;border-radius:20px;background:#616a70;position:relative;flex:none;box-shadow:inset 0 1px 3px #0005}.switch i:after{content:"";position:absolute;width:14px;height:14px;background:#f7f9f5;border-radius:50%;left:2px;top:2px}.switch[aria-checked=true] i{background:#80ed34}.switch[aria-checked=true] i:after{left:18px}.switch small{font-size:10px;min-width:24px}.alert-buttons{display:grid;grid-template-columns:repeat(3,1fr);gap:5px}.alert-buttons button{display:flex;align-items:center;justify-content:center;gap:10px;border:1px solid var(--line);background:#ffffff09;color:white;font-size:10px;min-height:34px;border-radius:6px;padding:5px}.alert-buttons .ico{width:20px;height:20px}.alert-buttons button:hover,.switch:hover{background:#ffffff15}#alert-box{border-radius:5px;padding:7px 10px;color:#d2ddd3;background:#a5d66d12;margin-top:6px;font-size:11px;min-height:34px}#alert-box.danger{background:#a8382c42;color:#ff9782}.notifications{display:grid;grid-template-columns:repeat(4,1fr);gap:6px}.notifications .switch{padding:6px 8px;gap:5px}.notifications i{width:31px}.notifications [aria-checked=true] i:after{left:15px}.notifications i:after{background:#101b08}.example{background:transparent;border:0;color:var(--lime);font-size:10px;text-decoration:underline;padding:8px 0;display:block;margin-left:auto}.local-note{text-align:center;color:var(--muted);font-size:10px}.caption{position:absolute;bottom:24px;left:22px;max-width:590px;width:calc(100% - 630px);border:1px solid var(--line);border-radius:9px;background:#0d1618d9;backdrop-filter:blur(12px);padding:12px 14px;font-size:13px}.caption strong{font-weight:500}.caption p{font-size:10px;margin-top:3px}dialog{color:var(--white);background:#15201c;border:1px solid var(--line);border-radius:18px;width:calc(100% - 36px);max-width:460px;padding:28px}dialog::backdrop{background:#030806bd;backdrop-filter:blur(5px)}dialog h2{font-size:30px}dialog p{margin-bottom:18px}dialog form{margin-top:20px}@media(min-width:1500px){.demo-stage{padding-right:2vw}.cfd-device{width:550px}.demo-nav{padding-inline:2vw}}@media(max-width:1100px){.caption{position:static;width:auto;max-width:none;margin:0 24px 24px}.demo-stage{padding-top:12px}}@media(max-width:650px){.demo-body>.scene{height:350px}.demo-body>.scene img{object-position:center 53%}.demo-nav{padding:15px 18px}.demo-nav .wordmark{width:180px}.demo-nav .button{font-size:12px;padding:9px 16px}.demo-stage{padding:190px 0 0}.cfd-device{width:100%;border-radius:20px 20px 0 0;padding:20px 15px;border-inline:0}.device-head{flex-wrap:wrap;gap:10px}.device-head h1{font-size:26px}.cues{grid-template-columns:repeat(3,1fr)}.cues p{grid-column:1/-1;padding:0;font-size:11px}.cues p br{display:none}.cues button{min-height:76px}.mode-detail{font-size:9px}.reading{padding:9px 8px;min-height:83px}.reading>span{font-size:11px}.reading strong{font-size:23px}.reading small{font-size:10px}.dose-row{grid-template-columns:15px 66px 76px minmax(20px,1fr) 66px;gap:5px;padding:7px 5px}.limit-label{display:none}.dose-row b{font-size:10px}.dose-row small{font-size:9px}.dose-row>span:last-child{font-size:8px}.safety-row{font-size:10px}.switch{min-height:42px;padding:7px 8px;gap:6px}.switch small{min-width:18px}.alert-buttons button{min-height:45px;font-size:10px;gap:5px}.alert-buttons .ico{width:17px;height:17px}.notifications{grid-template-columns:repeat(2,1fr)}.notifications .switch{font-size:12px;padding:9px 12px}.caption{margin:0;width:100%;border-radius:0;padding:20px 17px;font-size:12px;background:#090e0e}.caption p{font-size:10px}.example{min-height:36px}.local-note{margin-top:3px}}

.probe-test{display:block;background:transparent;color:var(--muted);border:0;text-decoration:underline;text-underline-offset:3px;font-size:10px;padding:5px 0;min-height:28px} .probe-test:hover{color:var(--lime)}