*{box-sizing:border-box}html{color-scheme:dark;scrollbar-color:#3b4c55 #070c10;scroll-behavior:auto;scroll-padding-top:125px;overflow-y:scroll}body{margin:0;background:#070c10;color:#e4e9e9;font-family:'Neue Montreal',Arial,sans-serif;line-height:1.6;overflow-x:clip}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}a:focus-visible,button:focus-visible,summary:focus-visible{outline:2px solid #b8d7d5;outline-offset:5px}a:hover{color:#b1d3cd}.site-nav{position:fixed;inset:0 0 auto;z-index:10;height:70px;padding:0 5vw;display:flex;align-items:center;justify-content:space-between;background:#070c10f5}.brand{font-weight:700;font-size:19px;letter-spacing:-.04em}.site-nav>div{display:flex;gap:28px;font-size:13px}#living-room{position:fixed;inset:0;width:100%;height:100%;pointer-events:none;z-index:0}.cipher-journey{height:155svh;position:relative}.cipher-stage{height:100svh;position:sticky;top:0;pointer-events:none}.room-shade{position:absolute;inset:0;background:linear-gradient(0deg,#070c10bd,transparent 60%)}.room-intro{position:absolute;left:6vw;bottom:9vh;max-width:530px;pointer-events:auto;text-shadow:0 2px 20px #000}.room-intro h1{font-size:clamp(32px,4vw,55px);font-weight:500;letter-spacing:-.045em;line-height:1.1;margin:0 0 18px}.room-intro p{font-size:19px;max-width:420px;color:#c3cecf;margin:0 0 20px}.room-intro .text-link{margin-right:22px}.text-link{display:inline-block;font-size:14px;border-bottom:1px solid #8caaa773;padding:8px 0}.chapter-nav{position:sticky;top:70px;z-index:9;display:flex;gap:25px;padding:14px 6vw;background:#071016ed;border-block:1px solid #ffffff0d;overflow-x:auto;white-space:nowrap;scrollbar-width:thin}.chapter-nav a{font-size:12px;color:#aebfc4}.chapter-nav a[aria-current]{color:white}.object-story{position:relative;z-index:1}.object-chapter{position:relative;min-height:90svh;padding:75px 6vw;display:grid;grid-template-columns:1fr 1fr;gap:8vw;align-items:center;scroll-margin-top:0;border-bottom:1px solid #d6ffff09}.art-space{grid-column:2;grid-row:1;min-height:320px;height:min(65svh,540px)}.object-copy{grid-column:1;grid-row:1;max-width:550px;padding:20px 0;background:radial-gradient(ellipse at left,#070c10ef, #070c10b0 70%,transparent)}.object-chapter:nth-child(even) .object-copy{grid-column:2}.object-chapter:nth-child(even) .art-space{grid-column:1}.object-copy h2{font-size:clamp(30px,3.7vw,51px);font-weight:500;line-height:1.08;letter-spacing:-.04em;margin:0 0 25px;max-width:480px}.object-copy p{font-size:17px;line-height:1.7;color:#b3c1c6;margin:0 0 20px}.object-copy p.aside{font-size:14px;color:#879ca5}.plain-list{padding-left:18px;margin:20px 0 25px;font-size:15px;color:#bdc9cd}.plain-list li{margin:8px 0}code{font-family:'Geist Mono',monospace;font-size:.85em;color:#c4d7d4;overflow-wrap:anywhere}.code-block{position:relative;margin:26px 0 18px;padding:20px 65px 20px 20px;background:#101a20;border-left:2px solid #668c88}.copy-command{position:absolute;right:12px;top:14px;background:transparent;border:0;color:#a4bbb9;font-size:11px;padding:8px}.object-copy details{border-top:1px solid #ffffff20;margin:24px 0 10px;padding:15px 0}.object-copy summary{cursor:pointer;font-size:14px;color:#d0dcdf;list-style-position:outside;margin-left:15px}.object-copy details p{margin:16px 0;font-size:15px}.measurements{margin:24px 0}.measurements>div{border-top:1px solid #ffffff1a;padding:14px 0}.measurements dt{font-size:18px}.measurements dd{margin:5px 0 0;color:#a6b7bd;font-size:15px}.plan-line{border-top:1px solid #ffffff21;padding:14px 0;display:flex;align-items:center;gap:15px}.plan-line h3{font-size:18px;font-weight:500;margin:0 0 5px}.plan-line h3 span{font-size:14px;font-weight:400;color:#a7c5c1;margin-left:12px}.plan-line p{font-size:14px;margin:0}.plan-line>a{white-space:nowrap;font-size:12px;margin-left:auto}.cipher-controls{position:fixed;bottom:16px;right:20px;z-index:12}.cipher-controls button{padding:8px 12px;background:#071018d9;border:1px solid #ffffff22;color:#aac0c4;font-size:11px}footer{position:relative;z-index:2;padding:45px 6vw 65px;background:#070c10}footer>div{display:flex;flex-wrap:wrap;gap:22px;margin:22px 0;font-size:13px;color:#a4b6bd}footer p{font-size:12px;color:#6d848d}.no-webgl .art-space{display:none}.no-webgl .object-chapter{display:block;min-height:0}.no-webgl .object-copy{max-width:750px}.no-webgl .cipher-journey{height:85svh}.no-webgl #living-room{display:none}
@media(max-width:760px){html{color-scheme:dark;scrollbar-color:#3b4c55 #070c10;scroll-padding-top:112px}.site-nav{height:60px;padding:0 6vw}.site-nav>div{gap:16px;font-size:12px}.site-nav>div a:last-child{display:none}.chapter-nav{top:60px;padding:12px 6vw;gap:22px}.cipher-journey{height:140svh}.room-intro{bottom:12vh;max-width:87vw}.room-intro p{font-size:17px;max-width:330px}.room-intro .text-link{font-size:12px}.object-chapter{display:flex;flex-direction:column;min-height:0;padding:24px 6vw 44px;gap:0;align-items:stretch}.art-space{min-height:0;height:34svh}.object-copy{max-width:none;padding:24px 0;background:linear-gradient(#070c10df,#070c10)}.object-copy h2{font-size:33px;margin-bottom:20px}.object-copy p{font-size:16px}.object-copy p.aside{font-size:13px}.plan-line{gap:10px}.plan-line h3 span{font-size:12px;margin-left:5px}.plan-line p{font-size:13px}.cipher-controls{bottom:8px;right:10px}.cipher-controls button{font-size:10px}.object-copy details{margin-top:18px}}

#scene-status{display:block;font-size:12px;color:#9fb7b9;margin:0 0 8px}#scene-status:empty{display:none}

.art-space{position:relative}.inspect-art{position:absolute;bottom:0;left:50%;transform:translateX(-50%);padding:7px 12px;background:#0b151cc9;border:1px solid #89aaa633;color:#adc9c7;font-size:11px;z-index:2}.inspect-art[aria-pressed="true"]{border-color:#86b6af}.art-space{padding-bottom:36px}

/* The section navigation no longer travels through the room shot. */
.chapter-nav{position:fixed;inset:70px 0 auto;opacity:0;visibility:hidden;transform:translateY(-6px);transition:opacity .25s,transform .25s,visibility .25s;pointer-events:none}
.content-entered .chapter-nav{opacity:1;visibility:visible;transform:none;pointer-events:auto}
.device-tour{position:relative;height:170svh;z-index:1;pointer-events:none}
.device-tour-stage{position:sticky;top:120px;height:calc(100svh - 120px)}
.tour-caption{position:absolute;left:6vw;bottom:11vh;font-size:15px;color:#aec1c5;letter-spacing:.015em;margin:0;text-shadow:0 2px 15px #000}
.tour-skip{position:absolute;right:6vw;bottom:11vh;font-size:12px;color:#b9d0ce;pointer-events:auto;border-bottom:1px solid #90b2ae55}
@media(max-width:760px){.chapter-nav{top:60px}.device-tour{height:150svh}.device-tour-stage{top:105px;height:calc(100svh - 105px)}.tour-caption{bottom:9vh;max-width:50vw;font-size:13px}.tour-skip{bottom:9vh;font-size:11px}}
@media(prefers-reduced-motion:reduce){.chapter-nav{transition:none}}
.room-shade{display:none}

/* Short approach, one interior glance, then readable product information. */
.cipher-journey{height:115svh}.device-tour{height:75svh}
body::after{content:"";position:fixed;inset:0;pointer-events:none;z-index:8;opacity:calc(var(--power,0)*.22 + var(--shock,0)*.16);background:radial-gradient(ellipse at 48% 52%,transparent 45%,#28ad9b35 80%,#56e9d654);box-shadow:inset 0 0 calc(35px + var(--shock,0)*65px) #5bdbc82e}
.object-story{border-color:rgba(94,231,203,calc(var(--power,0)*.2))}.object-copy h2{text-shadow:0 0 calc(var(--shock,0)*24px) rgba(111,237,216,calc(var(--shock,0)*.22))}
@media(max-width:760px){.cipher-journey{height:110svh}.device-tour{height:65svh}}
@media(prefers-reduced-motion:reduce){body::after{box-shadow:none}}

body::before{content:"";position:fixed;inset:0;pointer-events:none;z-index:8;opacity:calc(var(--shock,0)*.30);background:radial-gradient(circle at 26% 58%,transparent calc(var(--power,0)*90vmax),#9effe855 calc(var(--power,0)*90vmax + 2vmax),transparent calc(var(--power,0)*90vmax + 12vmax))}
.code-block{border-left-color:rgb(calc(102 - var(--power,0)*16) calc(140 + var(--power,0)*57) calc(136 + var(--power,0)*35))}
@media(prefers-reduced-motion:reduce){body::before{display:none}}

/* Full-screen spatial chapters, with accessible live HTML reached through the objects. */
.cipher-journey{height:135svh}.device-tour{height:90svh}
.object-chapter,.object-chapter:nth-child(even){display:block;padding:0 7vw;border:0;position:relative;min-height:180svh}
.art-space{display:none}
.object-copy,.object-chapter:nth-child(even) .object-copy{position:sticky;top:145px;margin:0 auto;max-width:780px;padding:30px 34px 45px;background:transparent;transform-origin:50% 40%;will-change:transform,opacity}
.object-copy h2{max-width:760px;font-size:clamp(34px,4vw,60px)}
.object-copy p{font-size:18px}.object-copy .plain-list{columns:2;column-gap:34px}
body::before,body::after{display:none}.code-block{background:#101a20dc}
@media(max-width:760px){.cipher-journey{height:125svh}.device-tour{height:85svh}.object-chapter{padding:0 6vw}.object-copy{top:112px;padding:22px 0 40px}.object-copy h2{font-size:34px}.object-copy p{font-size:16px}.object-copy .plain-list{columns:1}}
.no-webgl .object-copy{opacity:1!important;visibility:visible!important;transform:none!important;clip-path:none!important;position:relative}.no-webgl .device-tour{display:none}

#coverage .object-copy{background:radial-gradient(ellipse,rgba(7,12,16,calc(var(--reveal,0)*.88)) 50%,transparent 76%)}

#spatial-type{position:fixed;inset:0;z-index:3;pointer-events:none;overflow:hidden}
#spatial-type .surface-copy{position:absolute;top:auto;left:auto;margin:0;max-width:none;width:800px;padding:32px;transform-origin:50% 50%;background:#04090c;box-sizing:border-box;backface-visibility:hidden;will-change:transform;pointer-events:auto;border:1px solid #42606e;border-radius:3px}
#spatial-type .surface-copy h2{font-size:42px;line-height:1.1;margin:0 0 25px;max-width:none;text-shadow:none}
#spatial-type .surface-copy p{font-size:22px;line-height:1.55;margin-bottom:22px}
#spatial-type .surface-copy .aside{font-size:18px}
#spatial-type .surface-copy .plain-list{columns:1;font-size:20px;margin:20px 0}
#spatial-type .surface-copy .text-link,#spatial-type .surface-copy summary{font-size:20px}
#spatial-type .surface-copy details p{font-size:20px}
#spatial-type .surface-copy code{font-size:19px}
#spatial-type .surface-copy .copy-command{font-size:15px}
#spatial-type .surface-copy .measurements dt{font-size:22px}#spatial-type .surface-copy .measurements dd{font-size:20px}
.object-copy{visibility:hidden}
@media(max-width:760px){#spatial-type .surface-copy{padding:24px}#spatial-type .surface-copy h2{font-size:34px}#spatial-type .surface-copy p{font-size:22px}}

#spatial-type .surface-copy .plain-list{list-style:none;padding:0 0 0 18px;border-left:1px solid #3b6879}
#spatial-type .surface-copy .plain-list li{position:relative;padding:4px 0 4px 16px}
#spatial-type .surface-copy .plain-list li::before{content:"";position:absolute;left:-22px;top:15px;width:7px;height:7px;border:1px solid #7bacb7;background:#0b171d}
#spatial-type .surface-copy a:hover{color:#c8f2ff;text-shadow:0 0 8px #75d5ee77}

.source-copy{display:none!important}#spatial-actions{position:fixed;inset:0;z-index:5;pointer-events:none}.spatial-action{position:absolute;pointer-events:auto;opacity:.001;font-size:0;padding:0;border:0;background:none;color:transparent;cursor:pointer}.spatial-action:focus-visible{opacity:1;outline:2px solid #9fd9e1;background:transparent}

.no-webgl .source-copy{display:block!important}.no-webgl .object-chapter{min-height:0!important;padding:50px 6vw;display:block}.no-webgl .object-copy{position:relative!important;top:auto;max-width:750px;padding:0;background:none!important}.no-webgl .cipher-controls,.no-webgl #spatial-actions{display:none}

.no-webgl #scene-status{display:none}.no-webgl .cipher-stage{height:85svh}.no-webgl .object-chapter{scroll-margin-top:90px}

/* Shared wordmark and quiet navigation hierarchy. */
.brand{font-family:Arial,sans-serif;font-weight:650;letter-spacing:-.055em;font-size:22px}.site-nav{border-bottom:1px solid #9fc5cb20;background:#070c10f5}.site-nav>div{gap:24px}.site-nav>div>a:first-child{border:1px solid #8caaa747;padding:6px 12px;border-radius:4px}.chapter-nav a{padding-bottom:3px;border-bottom:1px solid transparent}.chapter-nav a[aria-current]{border-color:#9fd9e1}.object-copy h3{font-size:19px;color:#e9f2f3;margin:22px 0 8px}.object-copy h2{max-width:none}

/* Approved Plex typography and projected interactive controls. */
@font-face{font-family:Plex;src:url('/assets/vendor/plex-600.ttf')} .brand{font-family:Plex,Arial,sans-serif;letter-spacing:-.04em;font-weight:600}

#spatial-actions .spatial-action{opacity:1;color:transparent;background:transparent;transition:background .16s,border-color .16s;box-sizing:border-box}
#spatial-actions a.spatial-action{border-bottom:1px solid #72e8de}
#spatial-actions button.spatial-action{border:1px solid #72e8de80;border-radius:4px}
#spatial-actions .spatial-action:hover{background:#72e8de14;border-color:#d7fffb}
#spatial-actions .spatial-action:focus-visible{outline:2px solid #d7fffb;outline-offset:4px;background:#72e8de14}

.site-nav>div{align-items:center}.brand-ai{color:#72e8de}

/* Navigation and end-of-guide resources. */
@font-face{font-family:Plex;src:url('/assets/vendor/plex-400.ttf');font-weight:400;font-display:swap}
@font-face{font-family:Plex;src:url('/assets/vendor/plex-600.ttf');font-weight:600;font-display:swap}
.site-nav,.chapter-nav,.site-footer{font-family:Plex,Arial,sans-serif}.site-nav{padding-inline:clamp(24px,5vw,96px)}.site-nav .brand{font-size:23px;line-height:1;white-space:nowrap}.site-nav>div{align-items:center;gap:28px}.site-nav>div>a{line-height:20px;font-size:13px;color:#bdc9cc}.site-nav>div>a:first-child{color:#e8f4f2;background:#12221f;border-color:#72e8de55;padding:7px 14px;border-radius:5px}.site-nav>div>a:hover{color:white}
.chapter-nav{gap:clamp(18px,2.4vw,34px);padding:0 clamp(24px,5vw,96px);height:48px;align-items:stretch;background:#080f13f5;border-top:0}.chapter-nav a{display:inline-flex;align-items:center;position:relative;font-size:12px;border-bottom:0;padding:0;color:#91a4aa}.chapter-nav a[aria-current]{color:#d9f7f1}.chapter-nav a[aria-current]::after{content:"";position:absolute;bottom:0;height:2px;background:#72e8de;left:0;right:0}.chapter-nav a:hover{color:white}
.site-footer{padding:0 clamp(24px,6vw,110px) 26px;background:#080e12;border-top:1px solid #29363b}.site-footer>div{margin:0;display:grid;gap:32px}.footer-start{display:grid;grid-template-columns:1.3fr 1fr;gap:70px;align-items:center;padding:72px 0 64px;border-bottom:1px solid #243238}.site-footer .footer-eyebrow{font-size:13px;color:#72e8de;margin:0 0 12px}.footer-start h2{font-size:clamp(32px,4vw,52px);letter-spacing:-.035em;line-height:1.1;margin:0 0 20px;font-weight:600}.site-footer p{font-size:15px;line-height:1.65;color:#9fadb3;margin:0 0 24px}.footer-primary{display:inline-flex;align-items:center;background:#c7eee5;color:#10211d;padding:12px 18px;border-radius:5px;font-size:14px;font-weight:600}.footer-primary:hover{background:#e0fff7;color:#10211d}.footer-command{border-left:1px solid #3f6b66;padding:14px 0 14px 32px}.footer-command>span{font-size:12px;color:#8d9fa6}.footer-command pre{margin:18px 0;white-space:pre-wrap}.footer-command code{font-size:19px;line-height:1.9;color:#e3eeeb}.site-footer .footer-command p{font-size:12px;margin:0}
.site-footer .footer-directory{grid-template-columns:2fr 1fr 1fr;padding:44px 0}.footer-directory nav{display:flex;flex-direction:column;align-items:flex-start;gap:10px}.footer-directory h3{font-size:13px;color:#edf4f3;margin:0 0 7px;font-weight:600}.footer-directory nav a{font-size:13px;color:#96a8ae}.footer-directory nav a:hover{color:#b9f1e4;text-decoration:underline;text-underline-offset:4px}.footer-identity .brand{display:inline-block;margin-bottom:15px}.site-footer .footer-identity p{font-size:13px;margin:0}.site-footer .footer-bottom{display:flex;justify-content:space-between;border-top:1px solid #243238;padding-top:22px;font-size:12px;color:#82959d}.footer-bottom a{color:#b0c2c7}
@media(max-width:760px){.site-nav{padding-inline:22px}.site-nav>div{gap:18px}.site-nav .brand{font-size:20px}.chapter-nav{padding-inline:22px;height:44px;gap:24px}.footer-start{grid-template-columns:1fr;gap:30px;padding:46px 0}.footer-command{padding-left:20px}.site-footer .footer-directory{grid-template-columns:1fr 1fr;gap:30px}.footer-identity{grid-column:1/-1}.site-footer .footer-bottom{gap:20px}.footer-primary{font-size:13px}}

.footer-in-view .cipher-controls{visibility:hidden}