:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,sans-serif;color:#183e35;background:#f7f5ee;font-synthesis:none;--green:#245b4b;--orange:#ed9d61}*{box-sizing:border-box}body{margin:0}button,input,select{font:inherit}button,a,input,summary,select{touch-action:manipulation}button,a,summary,input,select{outline-offset:4px}button{cursor:pointer;border:1px solid #cbd3c9;background:#fffdf7;color:#204a3d;border-radius:8px;padding:12px 15px;font-weight:650}button:hover:not(:disabled){background:#e5eddf}button:disabled{opacity:.5;cursor:default}a{color:inherit;text-underline-offset:4px}header,main,footer{max-width:1500px;margin:auto}header{padding:28px 4%;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #dce1d6}.brand{font-size:26px;font-weight:850;letter-spacing:-1px;text-decoration:none}.brand span{font-weight:400}.brand small{display:block;font-size:8px;letter-spacing:2px;margin-top:5px}.pill{font-size:11px;border:1px solid #cdd8cc;border-radius:30px;padding:9px 13px;letter-spacing:.4px}.intro{padding:55px 4% 44px;display:flex;justify-content:space-between;align-items:end}.eyebrow{font-size:10px;letter-spacing:1.9px;font-weight:750;margin:0 0 17px}h1{font-size:clamp(45px,5.8vw,80px);font-weight:550;line-height:1.03;letter-spacing:-4px;margin:0 0 22px}.lede{max-width:430px;font-size:15px;line-height:1.65;color:#5b7066}.intro-note{padding:0 20px 15px;font-size:14px;line-height:1.7}.intro-note a{font-size:12px}.spark{font-size:60px;color:#c38150;line-height:1}.trainer{margin:0 4%;display:grid;grid-template-columns:minmax(0,1fr) 305px;border:1px solid #cdd7c9;border-radius:16px;overflow:hidden;box-shadow:0 10px 40px #22473409}.viewport{position:relative;min-height:630px;background:#cee2df;overflow:hidden}#world{width:100%;height:100%;position:absolute;inset:0;display:block}.top-overlay{position:absolute;top:20px;left:20px;right:20px;display:flex;justify-content:space-between;gap:10px}.dark{background:#143c34dd;border:0;color:white;font-size:9px}.bottom-overlay{position:absolute;bottom:0;left:0;right:0;background:linear-gradient(transparent,#153e34ed);color:#fff;padding:70px 25px 25px;display:flex;align-items:end;justify-content:space-between;gap:15px}.bottom-overlay .eyebrow{color:#efc49b;margin-bottom:10px}.bottom-overlay h2{font-size:24px;letter-spacing:-.6px;margin:0}.bottom-overlay p:last-child{font-size:12px;max-width:400px;line-height:1.5}.glass{background:#ffffff18;color:#fff;border-color:#ffffff55;white-space:nowrap;font-size:11px}.reticle{position:absolute;top:45%;left:50%;color:#ffffffaa;font-size:22px}.panel{background:#fffdf7;padding:23px 20px}.panel-title{display:flex;justify-content:space-between;align-items:center}.panel h2{font-size:17px;margin:0}.dot{width:8px;height:8px;border-radius:50%;background:#a6aba1}.dot.live{background:#4f9d68;box-shadow:0 0 0 4px #e3eedb}#status{font-size:11px;line-height:1.6;min-height:35px;color:#637265;margin:12px 0}.preview{height:126px;background:#e9ede2;border-radius:8px;position:relative;overflow:hidden}video{width:100%;height:100%;object-fit:cover;transform:scaleX(-1)}#preview-label{position:absolute;bottom:9px;left:0;right:0;text-align:center;font-size:8px;letter-spacing:1.3px;color:#183e35;background:#f7f5eec9;padding:4px}#tracking{position:absolute;width:1px;height:1px;opacity:0;pointer-events:none}.privacy{font-size:10px;line-height:1.65;color:#718073}.buttons{display:flex;gap:8px}.primary{background:#245b4b;color:#fff;flex:1;display:flex;justify-content:space-between}.primary:hover:not(:disabled){background:#163f33}.calibrate{width:100%;margin-top:8px;background:#f2ead7}.signals{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:20px 0;font-size:9px;letter-spacing:.4px}.signals div{display:flex;align-items:center;gap:6px}meter{width:65px;height:9px}details{border-top:1px solid #dfe5d8;border-bottom:1px solid #dfe5d8;padding:14px 0;font-size:12px}summary{cursor:pointer;font-weight:650}details label{display:block;margin-top:13px;font-size:11px}output{float:right;color:#718073}input[type=range]{width:100%;accent-color:#326b52;display:block;margin-top:9px}.invert{display:flex;flex-wrap:wrap;gap:2px 8px}.invert label{font-size:9px;display:flex;align-items:center}select{width:100%;margin-top:8px;padding:7px;border:1px solid #dfe5d8;background:#fffdf7;color:#183e35;border-radius:5px}.muted{font-size:10px;line-height:1.5;color:#718073}.text-button{border:0;width:100%;padding:15px 0 0;background:none;font-size:11px;text-align:left}kbd{font-family:inherit;border:1px solid #afc0ae80;border-radius:3px;font-size:10px;padding:1px 4px;margin-left:5px}.journey{padding:55px 4%}.journey h2{font-size:28px;letter-spacing:-.9px;margin:0}.journey ol{padding:0;display:grid;grid-template-columns:repeat(5,1fr);gap:16px;list-style:none;margin:35px 0 0}.journey li{border-top:2px solid #d7dfcf;padding-top:16px}.journey li.done{border-color:#337a55}.journey li.current{border-color:#d38e56}.journey li span{font-size:11px;color:#a18f70;display:block;margin-bottom:13px}.journey strong{font-size:13px}.journey li p{font-size:11px;line-height:1.6;color:#6d7c6f;max-width:180px}footer{padding:25px 4%;border-top:1px solid #dce1d6;display:flex;justify-content:space-between;gap:15px;flex-wrap:wrap;font-size:9px;letter-spacing:.5px;color:#647768}#diagnostics{margin-top:15px;padding:10px;background:#fff0da;font-size:11px}#diagnostics p{line-height:1.5}#render-error{position:absolute;inset:100px 20px auto;background:#fff4e6;padding:20px;border-radius:8px;font-size:14px;line-height:1.5}[hidden]{display:none!important}@media(max-width:900px){.trainer{grid-template-columns:minmax(0,1fr) 270px}.intro-note{display:none}.viewport{min-height:620px}.bottom-overlay{display:block}.bottom-overlay .glass{margin-top:5px}.journey ol{grid-template-columns:repeat(3,1fr)}h1{letter-spacing:-2px}}@media(max-width:650px){header{padding:20px 5%}header .pill{font-size:8px;max-width:125px;text-align:center}.intro{padding:35px 5% 20px}.trainer{margin:0 4%;display:flex;flex-direction:column}.viewport{min-height:380px}.panel{padding:20px}.preview{height:160px}.journey{padding-top:35px}.journey ol{grid-template-columns:1fr 1fr}.journey h2{font-size:25px}.bottom-overlay h2{font-size:21px}.signals{max-width:300px}.top-overlay{left:12px;right:12px}.dark{font-size:8px;padding:7px 9px}footer{font-size:8px}}