.hero-cta{display:flex;flex-wrap:wrap;gap:14px;margin-top:34px}

.art-wrap{max-width:760px;margin:0 auto;padding:0 24px}
.art-head{padding:clamp(96px,13vw,150px) 24px 0}
.art-bc{font-family:"IBM Plex Mono",monospace;font-size:12.5px;color:var(--muted);margin:0 0 34px}
.art-bc a{color:var(--muted);text-decoration:none}
.art-bc a:hover{color:var(--blue)}
.art-bc span{opacity:.5;margin:0 6px}
.art-cat{font-family:"IBM Plex Mono",monospace;font-size:12px;letter-spacing:.1em;text-transform:uppercase;color:var(--blue);font-weight:600}
.art-h1{font-size:clamp(30px,5vw,46px);line-height:1.08;letter-spacing:-.02em;margin:14px 0 0}
.art-lede{font-size:clamp(17px,2.2vw,20px);line-height:1.55;color:var(--muted);margin:20px 0 0;max-width:640px}
.cs-metric{display:inline-block;margin:24px 0 0;padding:10px 18px;border:1px solid var(--line);border-radius:2px;background:rgba(0,6,255,.04);font-family:"IBM Plex Mono",monospace;font-weight:600;font-size:clamp(15px,2.2vw,18px);color:var(--blue)}
.prose{margin:clamp(40px,6vw,60px) 0 0;font-size:17px;line-height:1.72}
.prose h2{font-size:clamp(21px,3vw,27px);line-height:1.2;letter-spacing:-.01em;margin:40px 0 12px}
.prose p{margin:0 0 18px}
.prose a{color:var(--blue);text-decoration:underline;text-underline-offset:2px}
.art-cta{margin:clamp(48px,7vw,72px) 0 clamp(40px,6vw,64px);padding:clamp(28px,4vw,40px);border:1px solid var(--line);border-radius:2px;background:rgba(0,6,255,.035)}
.art-cta h3{font-size:clamp(20px,2.6vw,24px);margin:0 0 8px}
.art-cta p{color:var(--muted);margin:0 0 20px}

/* legibility-fixes */
.art-cta .btn{text-decoration:none}
.art-cta .btn-primary{color:#fff}
.art-cta .btn-ghost{color:var(--text)}

/* case-mockups */
.art-figure{max-width:760px;margin:0 auto;margin-top:clamp(28px,4.5vw,44px);padding:0 24px}
.art-figure img,.art-figure svg{width:100%;height:auto;display:block;border:1px solid var(--line);border-radius:2px;background:#f0f1f5}