.lab-showcase-hero{position:relative;overflow:hidden;padding:92px 0 78px;background:linear-gradient(135deg,#0d6fc5 0%,#2296e8 58%,#52b9f5 100%);color:#fff}
.lab-showcase-hero::before,.lab-showcase-hero::after{content:"";position:absolute;border:1px solid rgba(255,255,255,.16);border-radius:50%;pointer-events:none}
.lab-showcase-hero::before{width:520px;height:520px;inset:-320px -100px auto auto}.lab-showcase-hero::after{width:280px;height:280px;inset:auto auto -200px 18%}
.lab-hero-inner{position:relative;z-index:1;display:grid;grid-template-columns:minmax(0,1.18fr) minmax(340px,.82fr);gap:64px;align-items:center}
.lab-hero-eyebrow{display:inline-flex;margin-bottom:16px;padding:7px 13px;border:1px solid rgba(255,255,255,.32);border-radius:99px;background:rgba(255,255,255,.1);font-size:13px;font-weight:600}
.lab-hero-content h1{margin:0 0 17px;color:#fff;font-size:clamp(34px,4vw,50px);line-height:1.35;letter-spacing:-.02em}
.lab-hero-content>p{max-width:680px;margin:0;color:rgba(255,255,255,.88);font-size:17px;line-height:2}
.lab-hero-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:28px}.lab-btn{min-height:47px;padding:12px 22px;border-radius:12px;font-size:14px;transition:transform .2s ease,box-shadow .2s ease}.lab-btn--primary{background:#fff;color:#116cb9;box-shadow:0 10px 28px rgba(0,44,91,.2)}.lab-btn--ghost{border:1px solid rgba(255,255,255,.5);background:rgba(255,255,255,.08);color:#fff}.lab-btn:hover{transform:translateY(-2px)}
.lab-code-visual{overflow:hidden;border:1px solid rgba(255,255,255,.22);border-radius:22px;background:rgba(9,40,76,.3);box-shadow:0 24px 60px rgba(0,51,102,.22);backdrop-filter:blur(12px)}
.lab-code-toolbar{display:flex;align-items:center;gap:7px;padding:14px 17px;border-bottom:1px solid rgba(255,255,255,.14);background:rgba(255,255,255,.05);direction:ltr}.lab-code-toolbar span{width:9px;height:9px;border-radius:50%;background:#ff6b6b}.lab-code-toolbar span:nth-child(2){background:#ffd166}.lab-code-toolbar span:nth-child(3){background:#6ee7a1}.lab-code-toolbar b{margin-left:auto;color:rgba(255,255,255,.7);font:11px Consolas,monospace}
.lab-code-body{display:flex;min-height:220px;flex-direction:column;justify-content:center;padding:25px 28px;color:#d8eeff;font:13px/1.95 Consolas,"Courier New",monospace;text-align:left}.lab-code-body p{margin:0 0 12px;color:#fff}.lab-code-body p i{display:inline-block;margin-right:8px;padding:3px 8px;border-radius:5px;background:#31c98f;color:#073c2b;font-size:10px;font-style:normal;font-weight:700}.lab-code-body code{display:block;color:#d8eeff;background:transparent;font:inherit}
.lab-code-status{display:flex;gap:9px;padding:13px 17px;border-top:1px solid rgba(255,255,255,.14);direction:ltr}.lab-code-status span{padding:4px 8px;border-radius:6px;background:rgba(255,255,255,.08);color:rgba(255,255,255,.72);font:10px Arial,sans-serif}.lab-code-status span:first-child{margin-right:auto}.lab-code-status i{display:inline-block;width:6px;height:6px;margin-right:5px;border-radius:50%;background:#6ee7a1}
@media (max-width:980px){.lab-hero-inner{grid-template-columns:1fr;gap:38px}.lab-code-visual{max-width:560px}}
@media (max-width:767px){.lab-showcase-hero{padding:58px 0 48px}.lab-hero-content{text-align:center}.lab-hero-eyebrow{font-size:11px}.lab-hero-content h1{font-size:31px}.lab-hero-content>p{font-size:15px}.lab-hero-actions{justify-content:center}.lab-btn{flex:1;min-width:145px;padding:12px 14px}.lab-code-visual{border-radius:17px}.lab-code-body{min-height:190px;padding:20px 18px;font-size:11px}.lab-code-status{overflow:auto}}
@media (prefers-reduced-motion:reduce){.lab-btn{transition:none}}