/* THE APP'S GROUND for the demo room — lifted verbatim from app.html (the lime
   metal flake in ::before, the tiled Greek word in ::after), so a phone in the
   room is standing on the same surface as the app in the Ranger film.
   Layered BEHIND the content with negative z-index inside an isolated body, so
   no element on these pages had to change position — fixed bars stay fixed. */
html{background:#080A0C}
body{background:linear-gradient(180deg,#0B0E11 0%,#080A0C 100%) fixed !important;isolation:isolate}
body::before{
  content:'';position:fixed;inset:0;z-index:-1;pointer-events:none;
  background:
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='220' height='220'%3E%3Cg fill='%23A8D400'%3E%3Ccircle cx='31' cy='47' r='1.1' opacity='0.5'/%3E%3Ccircle cx='118' cy='23' r='0.9' opacity='0.42'/%3E%3Ccircle cx='187' cy='72' r='1.2' opacity='0.38'/%3E%3Ccircle cx='66' cy='131' r='1' opacity='0.45'/%3E%3Ccircle cx='152' cy='158' r='1.1' opacity='0.4'/%3E%3Ccircle cx='23' cy='187' r='0.9' opacity='0.48'/%3E%3Ccircle cx='201' cy='201' r='1' opacity='0.36'/%3E%3Crect x='89.4' y='79' width='1.2' height='7' opacity='0.4'/%3E%3Crect x='86.5' y='81.9' width='7' height='1.2' opacity='0.4'/%3E%3Crect x='169.4' y='118' width='1' height='6' opacity='0.34'/%3E%3Crect x='166.9' y='120.5' width='6' height='1' opacity='0.34'/%3E%3C/g%3E%3Cg fill='%23D4FF3D'%3E%3Ccircle cx='97' cy='183' r='1' opacity='0.4'/%3E%3Ccircle cx='143' cy='96' r='0.9' opacity='0.36'/%3E%3Ccircle cx='49' cy='9' r='1' opacity='0.34'/%3E%3C/g%3E%3C/svg%3E"),
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='110' height='110'%3E%3Cg fill='%23A8D400'%3E%3Ccircle cx='7' cy='14' r='0.45' opacity='0.3'/%3E%3Ccircle cx='23' cy='6' r='0.4' opacity='0.22'/%3E%3Ccircle cx='41' cy='19' r='0.5' opacity='0.28'/%3E%3Ccircle cx='58' cy='9' r='0.4' opacity='0.2'/%3E%3Ccircle cx='76' cy='16' r='0.45' opacity='0.32'/%3E%3Ccircle cx='94' cy='7' r='0.4' opacity='0.24'/%3E%3Ccircle cx='14' cy='33' r='0.4' opacity='0.26'/%3E%3Ccircle cx='33' cy='41' r='0.5' opacity='0.2'/%3E%3Ccircle cx='51' cy='31' r='0.4' opacity='0.3'/%3E%3Ccircle cx='69' cy='39' r='0.45' opacity='0.22'/%3E%3Ccircle cx='88' cy='29' r='0.4' opacity='0.28'/%3E%3Ccircle cx='103' cy='42' r='0.45' opacity='0.2'/%3E%3Ccircle cx='9' cy='56' r='0.5' opacity='0.24'/%3E%3Ccircle cx='27' cy='63' r='0.4' opacity='0.3'/%3E%3Ccircle cx='46' cy='53' r='0.45' opacity='0.2'/%3E%3Ccircle cx='64' cy='61' r='0.4' opacity='0.26'/%3E%3Ccircle cx='82' cy='51' r='0.5' opacity='0.22'/%3E%3Ccircle cx='99' cy='64' r='0.4' opacity='0.3'/%3E%3Ccircle cx='17' cy='79' r='0.45' opacity='0.28'/%3E%3Ccircle cx='36' cy='87' r='0.4' opacity='0.2'/%3E%3Ccircle cx='54' cy='76' r='0.5' opacity='0.24'/%3E%3Ccircle cx='73' cy='84' r='0.4' opacity='0.3'/%3E%3Ccircle cx='91' cy='74' r='0.45' opacity='0.2'/%3E%3Ccircle cx='106' cy='88' r='0.4' opacity='0.26'/%3E%3Ccircle cx='12' cy='101' r='0.4' opacity='0.22'/%3E%3Ccircle cx='31' cy='106' r='0.5' opacity='0.28'/%3E%3Ccircle cx='49' cy='97' r='0.4' opacity='0.2'/%3E%3Ccircle cx='67' cy='104' r='0.45' opacity='0.3'/%3E%3Ccircle cx='86' cy='96' r='0.4' opacity='0.24'/%3E%3Ccircle cx='102' cy='107' r='0.45' opacity='0.2'/%3E%3C/g%3E%3Cg fill='%23DCE6EC'%3E%3Ccircle cx='20' cy='22' r='0.4' opacity='0.26'/%3E%3Ccircle cx='62' cy='26' r='0.4' opacity='0.22'/%3E%3Ccircle cx='97' cy='19' r='0.45' opacity='0.28'/%3E%3Ccircle cx='40' cy='68' r='0.4' opacity='0.24'/%3E%3Ccircle cx='78' cy='69' r='0.45' opacity='0.2'/%3E%3Ccircle cx='24' cy='94' r='0.4' opacity='0.26'/%3E%3Ccircle cx='95' cy='101' r='0.4' opacity='0.22'/%3E%3C/g%3E%3C/svg%3E");
}
body::after { content:''; position:fixed; inset:0; z-index:-1; pointer-events:none;
    background-image:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHdpZHRoPSczNDAnIGhlaWdodD0nMTE4Jz48dGV4dCB4PScwJyB5PSc0NicgZm9udC1mYW1pbHk9J0dlb3JnaWEsc2VyaWYnIGZvbnQtc2l6ZT0nNDAnIGxldHRlci1zcGFjaW5nPSc3JyBmaWxsPScjQThENDAwJz7OlM6ZzpHOps6fzqHOmc6azp88L3RleHQ+PHRleHQgeD0nLTE3MicgeT0nMTA4JyBmb250LWZhbWlseT0nR2VvcmdpYSxzZXJpZicgZm9udC1zaXplPSc0MCcgbGV0dGVyLXNwYWNpbmc9JzcnIGZpbGw9JyNBOEQ0MDAnPs6UzpnOkc6mzp/Ooc6ZzprOnzwvdGV4dD48L3N2Zz4=");
    background-repeat:repeat; background-size:340px 118px;
    opacity:.045; transform:rotate(-1.5deg) scale(1.15); }

/* the presenter's screen in the app's type — it was written in system-ui */
body{font-family:Inter,system-ui,sans-serif}
.brand,#code,.nm,.g .v,.st .v,.st .rt,.st .big,.lbl{font-family:'Barlow Condensed',Inter,sans-serif}
.nm{font-weight:800;letter-spacing:.02em}.g .v,.st .v{font-weight:900;letter-spacing:.01em}
.g .v,.st .nm,.st .v{font-family:'Barlow Condensed',Inter,sans-serif;letter-spacing:.01em}
.st .nm{font-weight:800}