.engineering{color:#dcecf5;background:#071522;padding:48px 4% 0}.engineering-heading{justify-content:space-between;align-items:center;gap:25px;margin-bottom:34px;display:flex}.eng-kicker{letter-spacing:.2em;color:#7cd9dd;margin:0 0 12px;font:700 11px/1.6 Arial,sans-serif}.engineering h1{letter-spacing:-.025em;margin-bottom:18px;font-size:clamp(40px,5.7vw,86px);line-height:.98}.engineering h1 em{color:#80d9dc}.engineering-heading>div>p:last-child{color:#9cb3c5;font-size:17px}.eng-tag{color:#8cabbf;letter-spacing:.1em;border:1px solid #355165;border-radius:12px;padding:14px 20px;font:11px/1.8 monospace}.eng-lab{border:1px solid #294253;border-radius:24px;grid-template-columns:minmax(0,1fr) 300px;display:grid;overflow:hidden;box-shadow:0 25px 90px #0004}.eng-stage{min-width:0;min-height:650px;position:relative}.eng-canvas{touch-action:none;position:absolute;inset:0}.eng-canvas canvas{display:block}.eng-hud{letter-spacing:.15em;pointer-events:none;color:#8faec0;justify-content:space-between;font:10px monospace;display:flex;position:absolute;top:24px;left:24px;right:24px}.eng-hud i{background:#71e3c1;border-radius:50%;width:6px;height:6px;margin-right:8px;display:inline-block}.eng-view-buttons{flex-wrap:wrap;gap:5px;display:flex;position:absolute;bottom:55px;left:24px}.engineering button{cursor:pointer;color:#d9edf8;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#112c3ddd;border:1px solid #345267;border-radius:8px;min-height:42px;padding:10px 13px;font:12px Arial,sans-serif}.engineering button:hover,.engineering button[aria-pressed=true]{color:#fff;background:#20637d;border-color:#76d7de}:is(.engineering button:focus-visible,.engineering input:focus-visible){outline-offset:3px;outline:3px solid #95eff0}.eng-gesture{color:#819eb3;letter-spacing:.1em;font:9px monospace;position:absolute;bottom:23px;left:24px}.eng-panel{background:linear-gradient(135deg,#173143e8,#0c2131);border-left:1px solid #294253;padding:24px}.eng-range-head{justify-content:space-between;align-items:center;display:flex}.eng-range-head label{font-size:15px}.eng-range-head strong{color:#a2e7e9;font:36px monospace}.eng-range-head small{font-size:13px}.engineering input[type=range]{accent-color:#7ddce0;background:0 0;width:100%;margin:18px 0}.eng-presets,.eng-toggles{gap:8px;margin-bottom:12px;display:flex}.eng-presets button,.eng-toggles button{flex:1}.eng-part-list{border-top:1px solid #315063;gap:5px;margin-top:22px;padding-top:16px;display:grid}.eng-part-list button{text-align:left;background:0 0;border-color:#0000;align-items:center;gap:11px;padding:10px 7px;display:flex}.eng-part-list button span{color:#79cfd7;font:10px monospace}.eng-part-list button b{color:#6b93ab;margin-left:auto}.eng-explanation{border-bottom:1px solid #284050;align-items:center;gap:30px;padding:42px 0;display:flex}.eng-big-number{color:#24495f;font:80px Impact,sans-serif}.eng-explanation>div{max-width:650px}.eng-explanation h2{margin-bottom:12px;font:32px Georgia,serif}.eng-explanation p:last-child{color:#abc1d1;font-size:15px;line-height:1.8}.eng-explanation>a{color:#8cdee1;margin-left:auto;font-size:13px}.eng-method{color:#91aabd;max-width:950px;padding:36px 0 50px}.eng-method h2{color:#c9dfe9;margin-bottom:14px;font:20px Georgia,serif}.eng-method p{font-size:13px;line-height:1.9}.eng-method a{color:#83cdd8;margin:18px 24px 0 0;font-size:12px;text-decoration:underline;display:inline-block}.eng-loading{text-align:center;color:#a5d5e4;place-content:center;padding:40px;display:grid;position:absolute;inset:0}@media (max-width:1000px){.eng-lab{grid-template-columns:1fr}.eng-stage{min-height:550px}.eng-panel{border-top:1px solid #294253;border-left:0}.eng-part-list{grid-template-columns:repeat(3,1fr)}.eng-explanation{flex-wrap:wrap}.eng-explanation>a{margin-left:0}.eng-tag{display:none}}@media (max-width:600px){.engineering{padding:32px 4% 0}.eng-stage{min-height:430px}.eng-part-list{grid-template-columns:1fr 1fr}.eng-panel{padding:20px}.eng-hud{font-size:8px;left:16px;right:16px}.eng-view-buttons,.eng-gesture{left:16px}.eng-gesture{font-size:8px}.eng-explanation{gap:16px}.eng-big-number{font-size:50px}.eng-explanation h2{font-size:27px}}.eng-evidence-banner{background:#122d3d;border:1px solid #345a6b;border-radius:14px;align-items:center;gap:24px;margin:0 0 24px;padding:17px 22px;display:flex}.eng-evidence-banner>span{letter-spacing:.12em;color:#92d8de;min-width:155px;font:10px/1.7 monospace}.eng-evidence-banner p{color:#afc7d4;max-width:750px;font-size:12px;line-height:1.7}.eng-evidence-banner a{color:#91dce0;white-space:nowrap;font-size:12px}.eng-tag:hover{background:#184359}@media (max-width:750px){.eng-evidence-banner{display:block}.eng-evidence-banner p{margin:10px 0}.eng-tag{display:none}}
