@import url('https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=Manrope:wght@400;500;600;700;800&display=swap');
:root{--ink:#0d0d0c;--cream:#FCF5E2;--red:#FF2D51;--muted:#8b877c;--line:#393832;--mono:'DM Mono',monospace;--sans:'Manrope',Arial,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--ink);color:var(--cream);font-family:var(--sans);font-size:14px}.topbar{height:66px;border-bottom:1px solid #272722;display:flex;align-items:center;justify-content:space-between;padding:0 5vw;font:10px var(--mono);letter-spacing:.09em}.brand{display:flex;align-items:center;gap:10px;color:var(--cream);text-decoration:none;font-weight:500}.brandmark{width:24px;height:24px;background:var(--red);color:var(--ink);display:grid;place-items:center;font:700 15px var(--sans)}.muted,.topnote{color:#77746b}.topnote{letter-spacing:.14em}main{max-width:1440px;margin:auto;padding:0 5vw}.hero{min-height:305px;display:flex;justify-content:space-between;align-items:center;position:relative;border-bottom:1px solid #292923;overflow:hidden}.hero:after{content:'WRIST / 03';position:absolute;right:14%;top:10px;font:clamp(70px,12vw,170px)/1 var(--mono);color:#151512;z-index:-0;letter-spacing:-.1em}.hero-copy{z-index:1;padding:42px 0}.eyebrow{font:10px var(--mono);letter-spacing:.13em;color:#aaa697}.hero .eyebrow i,.live i{display:inline-block;width:7px;height:7px;background:var(--red);border-radius:50%;margin-right:8px}.hero h1{font-size:clamp(42px,6vw,78px);line-height:.94;letter-spacing:-.07em;margin:18px 0 15px;font-weight:800}.hero h1 em,.explain h2 em{font-style:normal;color:var(--red)}.dek{max-width:490px;color:#bcb7a9;line-height:1.7;font-size:15px}.hero-meta{display:flex;gap:14px;align-items:center;margin-top:25px;font:9px var(--mono);letter-spacing:.1em;color:#8c887c}.hero-meta b{color:var(--red)}.hero-stamp{z-index:1;border:1px solid #49453b;padding:16px 18px;display:flex;flex-direction:column;min-width:145px;transform:rotate(3deg);font:9px/1.5 var(--mono);letter-spacing:.12em;color:#bbb4a3}.hero-stamp strong{font:50px/.95 var(--sans);color:var(--red);letter-spacing:-.08em;margin:12px 0 8px}.hero-stamp small{font-size:8px;color:#78746c}.workspace{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(310px,.85fr);gap:16px;padding:22px 0 62px}.panel{background:#141412;border:1px solid #33322c}.visual-panel{min-width:0}.panel-head{padding:21px 23px 14px;display:flex;align-items:center;justify-content:space-between}.panel-head h2{font-size:18px;margin:7px 0 0;letter-spacing:-.04em}.live{font:9px var(--mono);letter-spacing:.1em;color:#aaa697}.live i{width:6px;height:6px;box-shadow:0 0 8px var(--red)}.viz{margin:0 14px;position:relative;min-height:335px;background:#10100e}.viz svg{display:block;width:100%;height:auto;max-height:440px}.axis{stroke:#5a564b;stroke-width:1;stroke-dasharray:4 5}.dimension{fill:none;stroke:#aaa18e;stroke-width:1}.dimension text{fill:#b9b19f;stroke:none;text-anchor:middle;font:12px var(--mono)}.base{fill:#aaa28f;stroke:#f7efd9;stroke-width:1}.base-top{fill:#dfd6c2;stroke:#fff8e7;stroke-width:1}.ring{fill:#3b3931;stroke:#f7efd9;stroke-width:2}.hub{fill:#aaa18e;stroke:#f7efd9;stroke-width:1.2}.cap{fill:#e2d9c4;stroke:#fff8e7;stroke-width:1.3}.bolt{fill:var(--red);stroke:#231d19;stroke-width:1}.beam{fill:url(#arm);stroke:#fff8e7;stroke-width:1}.beam-side{fill:#8c8475;stroke:#e6ddca;stroke-width:1}.beam-highlight{fill:#f8f0dd;opacity:.55}.tool{fill:#cbc1ac;stroke:#fff8e7;stroke-width:1}.tool-tip{fill:var(--red)}.load-arrow{stroke:var(--red);stroke-width:3;fill:none;filter:url(#glow)}.load-arrow text{stroke:none;fill:var(--red);font:italic 17px var(--mono)}.labels{stroke:#8f887a;stroke-width:1;fill:none}.labels text{fill:#d4cbb8;stroke:none;font:9px var(--mono);letter-spacing:.06em}.labels .sub-label{font-size:7px;fill:#898476}.hotspot{fill:var(--red);opacity:.2;stroke:var(--red);stroke-width:2;transform-box:fill-box;transform-origin:center;animation:pulse 1.8s infinite}@keyframes pulse{50%{transform:scale(1.5);opacity:.08}}.viz-note{position:absolute;top:12px;left:14px;font:8px var(--mono);letter-spacing:.1em;color:#706c62}.viz-legend{position:absolute;bottom:12px;left:14px;display:flex;gap:18px;font:8px var(--mono);color:#9b9587}.viz-legend i{display:inline-block;width:7px;height:7px;margin-right:5px}.legend-red{background:var(--red)}.legend-line{height:1px!important;background:#ddd2bd;vertical-align:middle}.metric-row{display:flex;align-items:center;justify-content:space-around;padding:20px 15px 22px}.metric-row>div:not(.metric-divider){display:flex;flex-direction:column;gap:4px}.metric-row .eyebrow{font-size:8px;letter-spacing:.1em}.metric-row strong{font-size:26px;letter-spacing:-.06em}.metric-row small{color:#888478;font-size:9px}.metric-divider{height:42px;border-left:1px solid #39372f}.controls{padding-bottom:0}.controls .panel-head{padding-bottom:18px}.reset{font:9px var(--mono);color:#aaa394;cursor:pointer}.reset:hover{color:var(--red)}.control-section{padding:16px 22px;border-top:1px solid #302f2a}.section-title{display:flex;align-items:center;gap:10px;margin-bottom:15px}.section-title span{font:9px var(--mono);color:var(--red)}.section-title h3{font-size:13px;margin:0;font-weight:600}.slider-label{display:flex;justify-content:space-between;align-items:center;font-size:11px;color:#c9c2b2;margin:12px 0 7px}.slider-label b{font:13px var(--mono);color:var(--cream)}.slider-label small{font-size:9px;color:#888478}input[type=range]{appearance:none;width:100%;height:2px;background:#575349;display:block;outline:none;margin:0 0 5px}input[type=range]::-webkit-slider-thumb{appearance:none;width:12px;height:12px;border-radius:50%;background:var(--red);border:2px solid var(--cream);cursor:pointer}input[type=range]::-moz-range-thumb{width:9px;height:9px;border-radius:50%;background:var(--red);border:2px solid var(--cream);cursor:pointer}.range-ends{display:flex;justify-content:space-between;font:8px var(--mono);color:#716e65}.hint{font-size:9px;line-height:1.6;color:#827e72;margin:11px 0 0}.select-label{display:block;font:8px var(--mono);letter-spacing:.12em;color:#8f8a7e;margin-bottom:8px}select{width:100%;background:#1d1c19;border:1px solid #4a473e;color:var(--cream);font:10px var(--sans);padding:11px 9px;border-radius:0}select:focus,input:focus-visible{outline:1px solid var(--red);outline-offset:3px}.model-disclaimer{margin:0 22px 20px;padding:12px 13px;border-left:2px solid var(--red);background:#1b1715}.model-disclaimer span{font:8px var(--mono);letter-spacing:.12em;color:var(--red)}.model-disclaimer p{font-size:9px;line-height:1.6;color:#bbb3a4;margin:6px 0 0}.explain{border-top:1px solid #39372f;border-bottom:1px solid #39372f;padding:55px 2px;display:grid;grid-template-columns:.85fr 1.15fr;gap:7vw}.explain h2{font-size:clamp(28px,4vw,48px);line-height:1.08;letter-spacing:-.07em;margin:16px 0}.explain-body>p{max-width:680px;color:#bcb6a8;font-size:12px;line-height:1.8;margin:0 0 20px}.equations{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:22px 0}.equations div{border-top:1px solid #565146;padding-top:9px}.equations span{display:block;font:8px var(--mono);letter-spacing:.08em;color:#938d7f;margin-bottom:9px}.equations code{font:12px var(--mono);color:var(--cream)}.equations sub,.equations sup{font-size:8px}.explain-body .caveat{font-size:10px;color:#8d887d;border-left:1px solid #5a554a;padding-left:12px;margin-top:24px}footer{height:75px;display:flex;justify-content:space-between;align-items:center;font:8px var(--mono);letter-spacing:.1em;color:#77736a}@media(max-width:900px){main{padding:0 4vw}.workspace{grid-template-columns:1fr}.controls{display:grid;grid-template-columns:1fr 1fr}.controls>.panel-head{grid-column:1/-1}.model-disclaimer{align-self:end}.hero-stamp{display:none}}@media(max-width:620px){.topbar{padding:0 4vw}.topnote{font-size:8px}.hero{min-height:260px}.hero h1{font-size:45px}.hero:after{right:-5%;top:45px}.dek{font-size:13px;max-width:340px}.workspace{padding-bottom:38px}.controls{display:block}.viz{margin:0 7px;min-height:0}.viz svg{min-height:250px}.metric-row{padding:17px 8px;gap:8px}.metric-row strong{font-size:20px}.metric-row .eyebrow{font-size:7px}.metric-row small{font-size:8px}.metric-divider{height:36px}.explain{grid-template-columns:1fr;gap:16px;padding:38px 0}.equations{grid-template-columns:1fr;gap:14px}.equations div{display:flex;justify-content:space-between;align-items:center}.equations span{margin:0}footer{font-size:7px}}

#reference-cad{display:block;width:100%;height:100%;min-height:335px;touch-action:none}.viz{overflow:hidden}.viz-note{z-index:2;pointer-events:auto}
.reference-link{display:inline-flex!important;position:absolute;left:20px;bottom:52px;padding:8px 11px;background:#101013;border:1px solid #ff2d51;color:#fcf5e2!important;font:10px var(--mono);letter-spacing:.08em;z-index:3}.reference-link:hover{background:#ff2d51;color:#101013!important}