:root{font-family:Arial,Helvetica,sans-serif;color:#183239;background:#f2f3ef;font-synthesis:none;--teal:#006d80;--ink:#183239;--muted:#52676c;--line:#d8dfdc;--gold:#c99a3c}*{box-sizing:border-box}body{margin:0}button,a,input{-webkit-tap-highlight-color:transparent}button,a{touch-action:manipulation}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}button:disabled{cursor:wait}button:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid #c68b2b;outline-offset:4px}button{color:inherit}.site-header{height:88px;padding:0 4.5%;display:flex;align-items:center;gap:32px;background:#132b32;color:#fff}.brand{font-weight:900;font-size:27px;letter-spacing:-1px;line-height:1}.brand span{display:block;font-weight:500;font-size:8px;letter-spacing:1.4px;margin-top:7px}.preview-tag{margin-left:auto;color:#cad9d9;border:1px solid #52666c;font-size:11px;letter-spacing:.05em;padding:7px 11px;border-radius:30px}.header-link{font-size:13px;display:flex;gap:30px;align-items:center}.header-link span{font-size:20px}main{max-width:1540px;padding:44px 4.5% 0;margin:auto}.intro{display:flex;justify-content:space-between;align-items:flex-end;gap:30px;margin-bottom:30px}.eyebrow{font-size:10px;letter-spacing:1.9px;font-weight:700;margin:0 0 13px;color:var(--teal)}h1{font-size:clamp(32px,3.7vw,51px);letter-spacing:-1.8px;line-height:1.05;margin:0;font-weight:600}.intro-copy{color:var(--muted);font-size:14px;line-height:1.7;margin:0 4px 2px}.explorer{display:grid;grid-template-columns:minmax(0,1fr) 302px;gap:0;background:#fff;border:1px solid var(--line);border-radius:16px;overflow:hidden;box-shadow:0 12px 40px #18323909}.stage-wrap{min-width:0;display:flex;flex-direction:column}.stage{height:620px;min-height:470px;position:relative;background:radial-gradient(ellipse at 48% 42%,#f8faf8,#e5ece9);overflow:hidden;flex:1}.stage:fullscreen{height:100vh;width:100vw}.stage canvas{display:block;width:100%;height:100%;touch-action:none}.stage-title{position:absolute;top:24px;left:26px;display:flex;align-items:center;gap:9px;color:#365258;font-size:11px;letter-spacing:.03em;pointer-events:none}.live-dot{display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--teal);box-shadow:0 0 0 4px #006d800d}.orientation{position:absolute;right:24px;top:25px;color:#829592;width:33px;display:flex;align-items:center;flex-direction:column;font-size:9px;pointer-events:none}.orientation svg{width:33px;height:33px}.stage-tools{position:absolute;right:21px;bottom:69px;display:flex;flex-direction:column;gap:3px;padding:5px;background:#ffffffed;border:1px solid #cfdad5;border-radius:12px;box-shadow:0 4px 15px #102c3210}.stage-tools button{width:36px;height:36px;border:0;border-radius:7px;background:transparent;font-size:24px;line-height:1}.stage-tools button:hover{background:#e7f0eb}.stage-tools>span{height:1px;background:var(--line);margin:3px}.stage-bottom{position:absolute;left:26px;right:24px;bottom:23px;display:flex;align-items:center;justify-content:space-between;gap:20px;font-size:11px;color:#526b6e;pointer-events:none}#view-caption{font-weight:600;color:#24464a}.gesture span{font-size:17px;margin-right:6px}.view-tabs{display:flex;padding:13px;gap:7px;background:#f8faf7;border-top:1px solid var(--line)}.view-tabs button{flex:1;display:flex;align-items:center;justify-content:center;gap:10px;font-size:11px;white-space:nowrap;border:1px solid transparent;border-radius:7px;background:transparent;padding:14px 5px;min-height:44px;color:#52676c}.view-tabs button span{font-size:9px;opacity:.65}.view-tabs button.active{background:#193e45;color:#fff;border-color:#193e45;box-shadow:0 3px 8px #193e4520}.controls{padding:27px 25px 21px;border-left:1px solid var(--line)}.system-heading>.eyebrow{font-size:8px;letter-spacing:1.1px}.system-heading h2{font-size:45px;letter-spacing:-1px;line-height:1.1;margin:10px 0 10px;font-weight:500}.system-heading p{font-size:12px;line-height:1.7;color:var(--muted);margin:0}.control-section{border-top:1px solid var(--line);padding-top:21px;margin-top:22px}.control-section h3{font-size:12px;font-weight:600;margin:0 0 15px}.section-label{display:flex;justify-content:space-between;align-items:baseline}.section-label output{font-size:10px;color:var(--muted)}input[type=range]{accent-color:var(--teal);width:100%;cursor:pointer;height:20px;margin:0;touch-action:pan-y}.range-labels{display:flex;justify-content:space-between;font-size:9px;color:var(--muted);margin-top:3px}.layers{display:flex;flex-direction:column;gap:0}.layers label{display:flex;align-items:center;justify-content:space-between;gap:10px;position:relative;font-size:11px;min-height:36px;cursor:pointer}.layers label>span:first-child{display:flex;align-items:center;gap:9px}.swatch{width:7px;height:7px;border-radius:2px;display:inline-block}.steel{background:#324b53}.connector{background:#759295}.teal{background:#00879b}.slab{background:#9eaaa5}.layers input{position:absolute;right:0;width:31px;height:19px;opacity:0;cursor:pointer;z-index:1}.toggle{display:inline-block;width:31px;height:18px;background:#c6d1cc;border-radius:20px;position:relative;transition:background .15s}.toggle:after{content:'';position:absolute;width:12px;height:12px;top:3px;left:3px;background:white;border-radius:50%;transition:transform .15s}.layers input:checked+.toggle{background:var(--teal)}.layers input:checked+.toggle:after{transform:translateX(13px)}.layers input:focus-visible+.toggle{outline:3px solid var(--gold);outline-offset:3px}.text-button{font-size:10px;font-weight:700;border:0;background:none;padding:0 0 6px;color:var(--teal);min-height:30px}.micro{font-size:9px;line-height:1.55;color:var(--muted);margin:10px 0 0}.rotate-button{margin-top:21px;width:100%;min-height:40px;border:1px solid #cad7d3;border-radius:7px;background:white;display:flex;align-items:center;justify-content:center;gap:10px;font-size:11px}.rotate-button[aria-pressed=true]{background:#edf4f0;border-color:#509197;color:#005a6a}.rotate-button>span:first-child{font-size:21px}.system-note{display:flex;gap:9px;color:var(--muted);margin-top:21px}.note-marker{border:1px solid #9daead;border-radius:50%;height:13px;min-width:13px;text-align:center;font-size:9px;margin-top:2px}.system-note p{font-size:9px;line-height:1.6;margin:0}.next-step{display:flex;justify-content:space-between;align-items:center;gap:24px;padding:35px 0 37px}.next-step .eyebrow{font-size:8px;margin-bottom:9px}.next-step h2{font-size:23px;letter-spacing:-.5px;font-weight:500;margin:0 0 10px}.next-step p:not(.eyebrow){font-size:12px;color:var(--muted);margin:0;line-height:1.5}.quote-actions{display:flex;gap:10px;flex-shrink:0}.quote-actions a{font-size:11px;font-weight:600;display:flex;align-items:center;justify-content:space-between;gap:30px;padding:15px 17px;border-radius:6px;min-height:48px}.quote-actions .primary{background:#006e81;color:white}.quote-actions .secondary{border:1px solid #abbeba;background:transparent}.quote-actions a:hover{filter:brightness(.94)}footer{padding:24px 4.5%;border-top:1px solid var(--line);display:flex;align-items:center;gap:24px;color:#64797c;font-size:9px}footer>span{font-weight:800;letter-spacing:.5px;color:#486368}footer p{margin:0}footer a{margin-left:auto}.loading{position:absolute;inset:0;z-index:4;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:14px;background:#edf2ee;color:#183239;font-size:12px}.loading strong{font-size:18px;font-weight:500}.loader{border:2px solid #b9ceca;border-top-color:#006d80;width:28px;height:28px;border-radius:50%;animation:spin 1s linear infinite}.loading[hidden]{display:none}.loading.error .loader{display:none}.loading.error{padding:30px;text-align:center}.sr-only{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}@keyframes spin{to{transform:rotate(360deg)}}
@media(min-width:1440px){.stage{height:700px}.controls{padding:34px 29px}.explorer{grid-template-columns:minmax(0,1fr) 330px}}
@media(max-width:1050px){main{padding:32px 3% 0}.explorer{grid-template-columns:minmax(0,1fr) 265px}.controls{padding:25px 20px}.stage{height:635px}.intro-copy{font-size:12px}.quote-actions{flex-direction:column;gap:8px}.view-tabs button{font-size:10px;gap:5px}.stage-bottom{left:18px;right:18px}.gesture{max-width:160px;line-height:1.5;text-align:right}}
@media(max-width:740px){.site-header{height:74px;padding:0 22px;gap:15px}.brand{font-size:23px}.brand span{font-size:7px}.preview-tag{font-size:9px;padding:6px 8px}.header-link{display:none}main{padding:28px 16px 0}.intro{display:block;margin-bottom:23px}h1{font-size:35px;letter-spacing:-1.3px}.intro-copy{margin-top:14px;font-size:12px}.intro-copy br{display:none}.eyebrow{font-size:9px;margin-bottom:11px}.explorer{display:block;border-radius:12px}.stage{height:440px;min-height:440px}.stage-title{left:17px;top:18px;font-size:10px}.orientation{right:18px;top:17px;width:28px}.stage-bottom{left:16px;right:16px;bottom:18px;font-size:9px}.gesture{max-width:145px}.stage-tools{right:13px;bottom:65px}.stage-tools button{width:33px;height:36px}.view-tabs{padding:9px;gap:3px}.view-tabs button{font-size:9px;padding:12px 3px;gap:4px}.view-tabs button span{display:none}.controls{padding:24px;border-left:0;border-top:1px solid var(--line);display:grid;grid-template-columns:1fr 1fr;gap:0 24px}.system-heading{grid-column:1/-1;display:grid;grid-template-columns:1fr auto}.system-heading .eyebrow{grid-column:1}.system-heading h2{font-size:36px;grid-column:1;margin:7px 0}.system-heading p{grid-column:2;grid-row:1/3;text-align:right;font-size:10px;align-self:center}.control-section{grid-column:1/-1;margin-top:18px;padding-top:18px}.control-section h3{font-size:13px}.layers label{font-size:12px;min-height:43px}.micro,.system-note p{font-size:11px}.rotate-button{grid-column:1/-1;min-height:44px;font-size:12px}.system-note{grid-column:1/-1}.range-labels{font-size:10px}.section-label output{font-size:11px}.text-button{font-size:12px}.next-step{display:block;padding:30px 2px}.next-step p:not(.eyebrow){font-size:12px}.quote-actions{margin-top:22px;flex-direction:column}.quote-actions a{font-size:12px;min-height:49px}footer{padding:23px 20px;gap:12px;flex-wrap:wrap}footer a{width:100%;margin-left:0;margin-top:2px}}
@media(prefers-reduced-motion:reduce){*{animation-duration:.01ms!important;transition:none!important;scroll-behavior:auto!important}}

.layers label.unavailable{opacity:.45;cursor:default}.layers label.unavailable input{cursor:default}
@media(max-width:1050px){.view-tabs{flex-wrap:wrap}.view-tabs button{flex:1 1 calc(50% - 7px)}}

.module-camera{display:flex;gap:8px;margin-top:13px}.module-camera[hidden]{display:none}.module-camera button{flex:1;min-height:38px;border:1px solid #cad7d3;border-radius:6px;background:#f6faf8;font-size:11px}.module-camera button:hover{background:#e3f0ed}

.view-tabs{flex-wrap:wrap}.view-tabs button{flex:1 1 calc(33.333% - 7px)}[hidden]{display:none!important}.label-toggle{display:flex;align-items:center;gap:9px;font-size:12px;margin-top:20px;cursor:pointer}.label-toggle input{accent-color:var(--teal)}.mechanism-description{font-size:12px;line-height:1.6;color:var(--muted)}.mechanism-steps{display:grid;gap:6px;margin:16px 0}.mechanism-steps button{text-align:left;font-size:11px;line-height:1.4;padding:10px 12px;border:1px solid #d2deda;border-radius:6px;background:#f7faf7}.mechanism-steps button.active{background:#193e45;color:white;border-color:#193e45}#mechanism-section .section-label label{font-size:11px}#mechanism-status{font-weight:600;color:#005d6b;min-height:32px}.annotations{position:absolute;inset:0;pointer-events:none;overflow:hidden}.annotations svg{position:absolute;width:100%;height:100%;inset:0}.model-label{position:absolute;max-width:145px;padding:8px 10px;background:#fffffff2;border:1px solid #bed0ca;border-radius:6px;box-shadow:0 2px 7px #193c4312;font-size:11px;color:#173c43;line-height:1.35}.model-label:before{content:'';display:inline-block;background:#007688;width:5px;height:5px;border-radius:50%;margin:0 6px 2px 0}.studio-detail{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:40px;padding:48px 0;border-bottom:1px solid var(--line)}.studio-detail h2{font-size:32px;font-weight:500;letter-spacing:-1px;max-width:340px}.studio-detail p{color:var(--muted);font-size:14px;line-height:1.7;max-width:360px}.studio-detail a{display:inline-block;border-bottom:1px solid #006d80;padding:10px 0;color:#006d80;font-size:12px;font-weight:600}.studio-detail figure{margin:0;border-radius:12px;overflow:hidden;background:#e3e7e3}.studio-detail img{display:block;width:100%;height:460px;object-fit:cover;object-position:center 25%}.studio-detail figcaption{padding:12px 17px;background:#fff;font-size:11px;color:var(--muted)}
@media(max-width:1050px){.view-tabs button{flex-basis:calc(50% - 7px)}}@media(max-width:740px){#mechanism-section,.label-toggle{grid-column:1/-1}.model-label{font-size:10px;max-width:116px;padding:6px 8px}.studio-detail{display:flex;flex-direction:column;gap:20px;align-items:stretch}.studio-detail h2{font-size:28px}.studio-detail img{height:400px}.studio-detail p{font-size:12px}.mechanism-steps{grid-template-columns:1fr 1fr}.mechanism-steps button{font-size:11px}.mechanism-description{font-size:12px}}

.stage canvas{position:absolute;inset:0}@media(max-width:740px){.stage{flex:0 0 440px;height:440px;min-height:440px}}

.system-switch{display:flex;gap:8px;margin:0 0 25px}.system-switch a{padding:11px 20px;border:1px solid #b8ccc8;border-radius:7px;background:#fff;font-size:13px;font-weight:600}.system-switch a[aria-current="page"]{background:#193e45;color:white;border-color:#193e45}body[data-system] .stage{height:min(680px,75vh);min-height:440px}body[data-system] .stage-wrap{min-width:0}body[data-system] .system-heading h2{font-size:42px}body[data-system] .controls{min-width:0}body[data-system] .mechanism-steps{grid-template-columns:1fr 1fr}body[data-system] .model-label{max-width:130px} @media(max-width:740px){body[data-system] .stage{height:480px;min-height:480px;flex-basis:480px}.system-switch a{flex:1;text-align:center;padding:12px 10px}}
.stage-bottom{padding:10px 14px;margin:-10px -14px;background:linear-gradient(90deg,#f4f6f1ec,#f4f6f1b8);border-radius:8px}.stage-bottom .gesture{color:#365158}