.engineering-grid{display:grid;grid-template-columns:.85fr 1.15fr;gap:clamp(36px,6vw,100px);align-items:center;margin-top:48px;padding-top:0;border-top:0}
.engineering-copy h3{font-size:clamp(32px,3.3vw,52px);font-weight:400;line-height:1.14;letter-spacing:-1.8px;margin:24px 0}.engineering-copy h3 span{color:#b5d9c9}.engineering-copy>p{line-height:1.85;color:#99a8ae;max-width:480px}.engineering-copy .eyebrow{font-size:10px;color:#b5d9c9}.engineering-features{list-style:none;padding:0;margin:28px 0 32px;display:grid;gap:17px;font-size:13px;color:#d1dcd9}.engineering-features li{display:flex;gap:14px;align-items:center}.engineering-features b{color:#a8d4c5;font-family:monospace;font-weight:400}
.engineering-editor{min-width:0;overflow:hidden;border:1px solid #b5d9c928;border-radius:10px;background:linear-gradient(145deg,#142125,#0a1219 65%);box-shadow:0 28px 80px #0003}.eng-bar{height:42px;background:#b5d9c90a;border-bottom:1px solid #ffffff0d;display:flex;align-items:center;justify-content:space-between;padding:0 22px}.eng-bar>span{display:flex;gap:6px}.eng-bar i{width:7px;height:7px;border-radius:50%;background:#78968f}.eng-bar i:nth-child(2){opacity:.65}.eng-bar i:nth-child(3){opacity:.35}.eng-bar small{font:9px monospace;letter-spacing:1.8px;color:#91aaa6}.eng-tabs{display:flex;gap:7px;padding:22px 24px 18px;flex-wrap:wrap}.eng-tabs button{border:1px solid #b5d9c926;background:transparent;color:#a6b9be;border-radius:25px;padding:9px 15px;font:11px inherit;cursor:pointer;transition:background .2s,color .2s}.eng-tabs button[aria-selected=true]{background:#b5d9c9;color:#102320;border-color:#b5d9c9}.eng-tabs button:hover{border-color:#b5d9c9}.eng-tabs button:focus-visible{outline:2px solid #93bded;outline-offset:3px}.eng-file{margin:0 24px;padding:0 0 15px;border-bottom:1px solid #ffffff12;color:#81969c;font:10px monospace;display:flex;justify-content:space-between}.eng-code{height:370px;margin:18px 0 0;overflow:auto;padding:0 24px 18px 16px;tab-size:2;font:11px/1.72 Consolas,'Courier New',monospace;color:#c7d9e6;scrollbar-width:thin;scrollbar-color:#3e5558 transparent}.eng-line{display:block;min-height:1.72em;white-space:pre}.eng-line::before{content:attr(data-line);display:inline-block;width:26px;margin-right:18px;text-align:right;color:#526c78;user-select:none}.eng-keyword{color:#b7a5ec}.eng-string{color:#c9d89c}.eng-comment{color:#607f82}.eng-number{color:#e9b788}.eng-cursor{display:inline-block;width:6px;height:13px;background:#b5d9c9;vertical-align:-2px;animation:eng-blink .65s steps(1) infinite}.eng-footer{border-top:1px solid #ffffff12;margin:0 24px;padding:16px 0;display:flex;justify-content:space-between;gap:12px;font:9px monospace;color:#718b95}.eng-footer span:first-child{color:#a7d1c1}.eng-footer i{display:inline-block;width:5px;height:5px;background:#a7d1c1;border-radius:50%;margin-right:6px;box-shadow:0 0 10px #a7d1c144}@keyframes eng-blink{50%{opacity:0}}
@media(max-width:850px){.engineering-grid{grid-template-columns:1fr;margin-top:32px;padding-top:0}.engineering-copy>p{max-width:600px}.eng-code{font-size:10px}.eng-tabs{padding:18px 16px}.eng-tabs button{padding:9px 12px}.eng-file,.eng-footer{margin-left:16px;margin-right:16px}}
.engineering-editor{position:relative}.eng-complete[hidden]{display:none}.eng-complete{position:absolute;inset:0;z-index:5;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:18px;padding:24px;text-align:center;background:radial-gradient(ellipse at center,#19312e 0%,#0c171b 70%);backdrop-filter:blur(8px);animation:eng-complete-in .4s ease-out both;pointer-events:none}.eng-complete svg{width:86px;height:86px;fill:none;stroke:#b5d9c9;stroke-width:2;filter:drop-shadow(0 0 12px #b5d9c92a)}.eng-complete circle{stroke:#b5d9c933}.eng-complete path{stroke-width:3;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:50;stroke-dashoffset:0;animation:eng-check .55s .12s ease-out forwards}.eng-complete strong{font-size:23px;font-weight:400;color:#dceee7;letter-spacing:-.5px}.eng-complete>span{font-size:11px;color:#8fa6aa;line-height:1.7}@keyframes eng-check{from{stroke-dashoffset:50}to{stroke-dashoffset:0}}@keyframes eng-complete-in{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}
.eng-pointer[hidden]{display:none}.eng-pointer{position:absolute;z-index:6;width:25px;height:31px;pointer-events:none;filter:drop-shadow(0 3px 5px #0009)}.eng-pointer svg{position:relative;width:100%;height:100%;fill:#f1fff8;stroke:#163c33;stroke-width:1.5;transition:transform .12s}.eng-pointer.is-clicking svg{transform:scale(.84)}.eng-pointer span{position:absolute;left:-13px;top:-13px;width:30px;height:30px;border:2px solid #b5d9c9;border-radius:50%;opacity:0}.eng-pointer.is-clicking span{animation:eng-click .23s ease-out both}@keyframes eng-click{from{opacity:.9;transform:scale(.4)}to{opacity:0;transform:scale(1.7)}}
.eng-complete,.eng-complete path{animation:none}