.code-showcase{padding:clamp(5rem,10vw,9rem) 0;background:#eaf0ed}.code-showcase__grid{display:grid;grid-template-columns:1.1fr .9fr;gap:clamp(3rem,8vw,8rem);align-items:center}.code-showcase__panel{overflow:hidden;border-radius:1rem;background:#0b1713;box-shadow:0 2rem 5rem rgba(20,50,40,.18)}.code-showcase__bar{display:flex;justify-content:space-between;align-items:center;padding:1rem 1.25rem;border-bottom:1px solid #233a32;color:#72877f;font:600 .7rem ui-monospace,monospace}.code-showcase__bar button{border:0;background:transparent;color:#60dbae;cursor:pointer;font:inherit}.code-showcase pre{min-height:23rem;margin:0;padding:2rem;overflow:auto;color:#d1ded9;font:500 .8rem/1.85 ui-monospace,SFMono-Regular,Menlo,monospace}.code-showcase h2{margin:0;color:#0b1713;font-size:clamp(2.7rem,5vw,4.7rem);line-height:1;letter-spacing:-.055em}.code-showcase__copy>p:not(.section-kicker){margin:1.8rem 0;color:#63736d;line-height:1.8}.code-showcase ul{display:grid;gap:.9rem;margin:2rem 0 0;padding:0;list-style:none}.code-showcase li{display:flex;gap:.75rem;color:#263a33;font-size:.9rem}.code-showcase li span{color:#15966c;font-weight:800}@media(max-width:850px){.code-showcase__grid{grid-template-columns:1fr}.code-showcase__panel{order:2}}