/* Speed test: one line for the person's AI agent, plus a real sample card. Shell geometry comes from
   site-shell.css and the hero from utility.css; this file styles only the ask and the sample. */
.speed-test-ask{max-width:820px;margin-top:52px}
.speed-test-label{display:block;margin-bottom:9px;color:var(--muted);font-family:var(--mono);font-size:.72rem;letter-spacing:.14em;text-transform:uppercase}
.speed-test-name{width:min(100%,380px);padding:12px 14px;border:1px solid rgba(126,148,210,.22);border-radius:8px;color:var(--text);font:inherit;background:rgba(6,9,18,.7)}
.speed-test-name:focus{outline:1px solid rgba(62,229,255,.6);border-color:transparent}
.speed-test-line{display:flex;gap:14px;align-items:stretch;margin-top:18px}
.speed-test-line output{flex:1;min-width:0;padding:15px 17px;border:1px solid rgba(126,148,210,.22);border-radius:10px;color:var(--text);font-family:var(--mono);font-size:.92rem;line-height:1.6;word-break:break-all;background:linear-gradient(155deg,rgba(16,24,44,.86),rgba(6,9,18,.95))}
.speed-test-line .btn{flex:none;width:auto;margin:0;padding-inline:26px}
.speed-test-note{max-width:760px;margin:14px 0 0;color:var(--dim);font-size:.82rem;line-height:1.7}
.speed-test-sample{max-width:1040px;margin:72px 0 0}
.speed-test-sample figcaption{margin-bottom:16px;color:var(--muted);font-family:var(--mono);font-size:.72rem;letter-spacing:.14em;text-transform:uppercase}
.speed-test-sample img{display:block;width:100%;height:auto;border-radius:16px;box-shadow:0 26px 70px rgba(0,0,0,.5),0 0 0 1px rgba(126,148,210,.12)}
@media (max-width:640px){.speed-test-ask{margin-top:36px}.speed-test-line{flex-direction:column}.speed-test-line .btn{width:100%;padding-block:12px}.speed-test-sample{margin-top:48px}}