.twin-intro{display:grid;grid-template-columns:1.65fr 1fr;gap:8vw;padding-block:60px}.twin-intro h1{font-size:clamp(46px,7vw,88px);line-height:1;letter-spacing:-.055em;margin:22px 0}.twin-intro em{font-style:normal;color:#51d4e6}.twin-intro p{font-size:17px;line-height:1.7;max-width:700px}.concept-note{border-left:1px solid #345264;padding:28px;align-self:center;background:#12283655;border-radius:0 18px 18px 0}.concept-note h2{font-size:24px}.concept-note p{font-size:13px;opacity:.8}.pill{display:inline-block;font-size:10px;font-weight:700;letter-spacing:.15em;border:1px solid #5296a6;color:#9be8ee;border-radius:30px;padding:7px 11px}.twin-shell{border:1px solid #2e485b;border-radius:20px;overflow:hidden;padding:0!important;scroll-margin-top:85px;background:#0e1d2b}.twin-top{padding:22px 25px;display:flex;justify-content:space-between;gap:20px;align-items:center}.twin-top h2{font-size:23px;margin:7px 0}.twin-top select,.twin-controls select{border:1px solid #3a5869;background:#122a3b;color:#edf7fb;padding:10px;border-radius:8px;font:inherit;font-size:12px}.twin-tabs{display:flex;background:#07131f;border-top:1px solid #274452;flex-wrap:wrap}.twin-tabs button{padding:16px 23px;border:0;border-bottom:2px solid transparent;color:#adc5d5;background:none;font:inherit;font-size:13px;cursor:pointer}.twin-tabs button[aria-pressed=true]{border-color:#5cd8e6;background:#183342;color:#a6f4ff}.twin-viewport{position:relative;height:560px;background:#112b39}#twinCanvas,#twinCanvas canvas{width:100%;height:100%;display:block}#twinCanvas canvas{touch-action:none;outline:none}.twin-watermark{position:absolute;top:18px;left:18px;color:#fff;background:#071927d9;border:1px solid #ffffff44;border-radius:5px;font:600 10px/1.4 system-ui;letter-spacing:.12em;padding:7px 10px;pointer-events:none}.twin-scene-caption{position:absolute;bottom:20px;left:20px;border-radius:5px;background:#061621c9;color:#e7f7ff;font-size:12px;padding:8px 12px;max-width:70%;pointer-events:none}.twin-hints{position:absolute;bottom:20px;right:20px;color:#fff;text-shadow:0 1px 3px #000;font-size:11px;pointer-events:none}.twin-loader{position:absolute;inset:0;display:grid;place-content:center;background:#092134ed;color:#a4eaf2;font-size:16px}.twin-loader[hidden]{display:none}.twin-controls{display:flex;gap:7px;padding:16px;flex-wrap:wrap;align-items:center}.twin-controls button,.export-actions button,.capture-stations button{background:#173345;border:1px solid #3a5869;color:#eaf7ff;padding:9px 12px;border-radius:7px;cursor:pointer;font:inherit;font-size:12px}.twin-controls button[aria-pressed=true]{background:#0b6d83;border-color:#8de1f1}.twin-controls label{display:flex;gap:8px;align-items:center;margin-left:auto;font-size:11px}.twin-controls button:disabled{opacity:.35;cursor:default}.twin-readout{display:flex;justify-content:space-between;gap:20px;padding:0 20px 13px;font-size:11px;color:#a3c3d3}.twin-readout p{margin:0;max-width:70%}.twin-workflow{display:grid;grid-template-columns:1fr 1fr;gap:60px;padding-block:75px}.twin-workflow h2,.twin-promise h2{font-size:clamp(32px,4vw,49px);letter-spacing:-.04em;line-height:1.1}.twin-workflow p,.twin-benefits p,.twin-provenance p{font-size:14px;line-height:1.8;opacity:.8}.capture-stations{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-block:20px}.capture-stations button{text-align:left;padding:14px}.station-detail{padding:10px 20px;border-left:2px solid #50cee1;background:#132e3d66}.station-detail h3{font-size:18px}.revision-track{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-block:24px}.revision-track span{font-size:11px;padding:12px;border:1px solid #2c4c60;border-radius:8px}.revision-track b{display:block;color:#6dd4e3;font-size:9px;letter-spacing:.1em;margin-top:7px}.revision-detail{padding:18px;border:1px solid #36566b;border-radius:8px;margin-top:16px;font-size:13px;line-height:1.7}.export-actions{display:flex;gap:8px;margin-block:15px}.revision-panel small{font-size:11px;opacity:.65}.twin-promise{padding-block:65px;background:#0f263566;border-block:1px solid #243d50}.twin-benefits{display:grid;grid-template-columns:repeat(3,1fr);gap:40px;margin:40px 0}.twin-benefits b{color:#69d8e6;font-size:11px}.twin-benefits h3{font-size:21px}.twin-provenance{padding-block:50px}.twin-provenance h2{font-size:20px}.twin-provenance p{font-size:12px;max-width:1000px}.twin-viewport:fullscreen{height:100vh;width:100vw}.twin-controls button:focus-visible,.twin-tabs button:focus-visible,.capture-stations button:focus-visible{outline:3px solid #83e1f2;outline-offset:2px}[data-theme=light] .concept-note,[data-theme=light] .station-detail{background:#e0edf3}[data-theme=light] .pill{color:#075f73}[data-theme=light] .twin-promise{background:#e8f3f8}[data-theme=light] .revision-track b{color:#006781}
@media(max-width:850px){.twin-intro{grid-template-columns:1fr;gap:20px}.concept-note{padding:20px}.twin-viewport{height:460px}.twin-top{align-items:start;flex-direction:column}.twin-workflow{gap:30px}.twin-hints{display:none}.twin-tabs button{padding:12px 14px}.twin-controls label{margin-left:0}}@media(max-width:600px){.twin-viewport{height:370px}.twin-intro{padding-block:35px}.twin-workflow,.twin-benefits{grid-template-columns:1fr;gap:35px}.twin-workflow{padding-block:45px}.twin-readout{flex-direction:column;gap:9px}.twin-readout p{max-width:none}.twin-top h2{font-size:20px}.twin-top select{max-width:100%}.twin-watermark{font-size:8px}.twin-scene-caption{max-width:90%;font-size:10px}.twin-controls{padding:12px}.twin-controls button{font-size:11px}.twin-tabs button{font-size:11px;flex:1 0 40%}}

.twin-tabs button:disabled{opacity:.35;cursor:default}