/* Uses existing website typography and Eshlon dark surface/label tokens. */
.terminal-capability{background:#121212;color:rgba(255,255,255,.84)}
.terminal-intro{display:grid;grid-template-columns:1.2fr 1fr;gap:64px;align-items:end;padding-top:88px;padding-bottom:64px}
.terminal-eyebrow{display:inline-block;color:rgba(255,255,255,.56);font-size:14px;margin-bottom:24px}
.terminal-intro h1{font-size:64px;line-height:1.08;font-weight:500;letter-spacing:normal;margin:0}
.terminal-summary{max-width:440px;padding-bottom:4px}.terminal-summary p{font-size:20px;line-height:1.6;margin:0 0 24px;color:rgba(255,255,255,.56)}
.terminal-stage{max-width:1680px;margin:0 auto;padding:0 32px;scroll-margin-top:96px}
.terminal-caption{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:16px 0;font-size:12px;border-top:1px solid rgba(255,255,255,.12);color:rgba(255,255,255,.56)}
.terminal-caption a{font-size:14px;color:rgba(255,255,255,.84)}
.terminal-stage iframe{display:block;width:100%;height:800px;border:1px solid rgba(255,255,255,.12);border-radius:12px;background:#121212}
.terminal-source{font-size:12px;color:rgba(255,255,255,.56);padding:16px 0;line-height:1.6}
.terminal-details{display:grid;grid-template-columns:repeat(3,1fr);gap:32px;padding-top:80px;padding-bottom:80px}
.terminal-details>div{border-top:1px solid rgba(255,255,255,.12);padding-top:24px}.terminal-details span{font-size:12px;color:rgba(255,255,255,.56)}
.terminal-details h2{font-size:24px;line-height:1.3;letter-spacing:normal;font-weight:500;margin:20px 0 12px}.terminal-details p{font-size:16px;line-height:1.6;color:rgba(255,255,255,.56);max-width:340px}
.terminal-closing{display:flex;justify-content:space-between;align-items:center;padding-top:40px;padding-bottom:80px;gap:24px}.terminal-closing h2{font-size:32px;font-weight:500;letter-spacing:normal}
@media(max-width:900px){.terminal-intro{grid-template-columns:1fr;gap:24px;padding-top:56px;padding-bottom:40px}.terminal-intro h1{font-size:48px}.terminal-stage{padding:0 16px}.terminal-stage iframe{height:850px}.terminal-details{grid-template-columns:1fr;padding-top:48px;padding-bottom:48px}.terminal-details p{max-width:100%}.terminal-closing{align-items:flex-start;flex-direction:column}.terminal-summary p{font-size:18px}}
@media(max-width:480px){.terminal-intro h1{font-size:40px}.terminal-caption{align-items:flex-start}.terminal-stage{padding:0 8px}}
.terminal-capability .btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;padding:10px 14px;border-radius:12px;font-size:14px;line-height:24px}.terminal-capability .btn.primary{background:rgba(255,255,255,.84);color:#121212}.terminal-capability .btn.primary:hover{background:rgba(255,255,255,.848)}.terminal-capability .btn.ghost{border:1px solid rgba(255,255,255,.12)}.terminal-capability a:focus-visible{outline:2px solid #1a88ff;outline-offset:4px}.terminal-capability .nav{gap:24px}.terminal-capability .nav-actions{gap:12px}
@media(max-width:760px){.terminal-capability .nav-actions{display:none}.terminal-capability .mobile-toggle{display:flex;align-items:center;justify-content:center;margin-left:auto;width:44px;height:44px}.terminal-capability .topbar{position:sticky;top:0;z-index:500}.terminal-capability .nav-links{display:none;position:absolute;top:100%;left:0;right:0;background:#1f1f1f}.terminal-capability .nav-links.open{display:flex}.terminal-capability .nav{width:100%;min-width:0;justify-content:space-between}.terminal-capability .terminal-stage{max-width:100%}}
@media(max-width:760px){.terminal-capability .nav{padding-inline:16px;box-sizing:border-box}}