.tech-lab{position:relative;overflow:hidden;background:radial-gradient(ellipse 53% 48% at 100% 0%,rgba(83,220,255,.13),transparent 76%),linear-gradient(145deg,#07101e,#0b0a23 70%);border-bottom:1px solid rgba(83,220,255,.28)}
.tech-lab::before{content:"";position:absolute;inset:0;pointer-events:none;background-image:linear-gradient(rgba(83,220,255,.055) 1px,transparent 1px),linear-gradient(90deg,rgba(83,220,255,.055) 1px,transparent 1px);background-size:60px 60px;mask-image:linear-gradient(180deg,#000,transparent 75%)}
.tech-lab .shell{position:relative}
.tech-intro{display:grid;grid-template-columns:1.1fr .9fr;gap:clamp(2rem,6vw,6rem);align-items:end;margin-bottom:2.5rem}
.tech-intro h2{font-size:clamp(3.1rem,6vw,6.1rem);line-height:.92;letter-spacing:-.075em;text-transform:uppercase;font-weight:900;max-width:760px;margin:.8rem 0 0}
.tech-intro h2 em{display:block;color:var(--blue);font-style:normal;text-shadow:0 0 38px rgba(83,220,255,.2)}
.tech-intro p{font-size:clamp(1.05rem,1.45vw,1.2rem);line-height:1.7;color:#d6d5e6;max-width:580px;margin:0}
.tech-toolbar{display:flex;justify-content:space-between;align-items:center;gap:1.2rem;padding:1rem 0;border-top:1px solid rgba(83,220,255,.35);border-bottom:1px solid var(--line);margin-bottom:1.2rem}
.tech-filters{display:flex;gap:.45rem;flex-wrap:wrap}
.tech-filter{min-height:42px;padding:.55rem .85rem;border:1px solid rgba(147,163,205,.35);background:rgba(20,26,50,.75);color:#d2d3e6;font:800 .8rem/1.2 system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;letter-spacing:.06em;text-transform:uppercase;cursor:pointer;transition:background .2s,border-color .2s,color .2s}
.tech-filter:hover{border-color:var(--blue);color:#fff}
.tech-filter[aria-pressed="true"]{color:#07101e;background:var(--blue);border-color:var(--blue);box-shadow:0 0 20px rgba(83,220,255,.2)}
.tech-filter:focus-visible,.tech-play:focus-visible{outline:3px solid var(--gold);outline-offset:3px}
.tech-count{color:var(--blue);font-size:.76rem;font-weight:850;letter-spacing:.14em;text-transform:uppercase;white-space:nowrap}
.tech-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.9rem;min-height:350px}
.tech-card{position:relative;min-width:0;display:flex;flex-direction:column;background:linear-gradient(150deg,rgba(31,35,68,.87),rgba(10,13,33,.97));border:1px solid rgba(140,171,209,.27);box-shadow:0 18px 42px rgba(0,0,0,.17);transition:transform .25s,border-color .25s,box-shadow .25s}
.tech-card::before{content:"";position:absolute;z-index:3;left:0;top:0;width:40%;height:2px;background:linear-gradient(90deg,var(--blue),transparent)}
.tech-card:hover{transform:translateY(-5px);border-color:rgba(83,220,255,.7);box-shadow:0 26px 55px rgba(0,0,0,.3),0 0 22px rgba(83,220,255,.08)}
.tech-card-feature{grid-column:span 2}
.tech-play{position:relative;display:block;width:100%;aspect-ratio:16/9;padding:0;overflow:hidden;border:0;background:radial-gradient(circle at 50% 50%,#343264,#0d1631);cursor:pointer}
.tech-play::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 45%,rgba(3,5,17,.6));pointer-events:none}
.tech-play img{width:100%;height:100%;object-fit:cover;transition:transform .45s,filter .3s;filter:saturate(.86) contrast(1.05)}
.tech-card:hover .tech-play img{transform:scale(1.045);filter:saturate(1.08)}
.tech-play-icon{position:absolute;z-index:2;left:50%;top:50%;display:grid;place-items:center;transform:translate(-50%,-50%);width:52px;height:52px;color:#fff;background:rgba(8,12,31,.72);border:1px solid rgba(255,255,255,.8);backdrop-filter:blur(8px);box-shadow:0 0 24px rgba(83,220,255,.32);font-size:1rem;transition:background .2s,scale .2s}
.tech-card:hover .tech-play-icon{background:var(--blue);color:#091226;scale:1.08}
.tech-duration{position:absolute;z-index:2;right:.65rem;bottom:.6rem;padding:.15rem .4rem;background:rgba(4,7,20,.83);color:#fff;font-size:.72rem;font-weight:800}
.tech-card-body{display:flex;flex:1;flex-direction:column;padding:1.15rem}
.tech-card-label{color:var(--blue);font-size:.7rem;font-weight:850;letter-spacing:.13em;text-transform:uppercase}
.tech-card h3{font-size:clamp(1.02rem,1.35vw,1.3rem);line-height:1.24;letter-spacing:-.025em;margin:.55rem 0 .9rem;font-weight:800}
.tech-card-feature h3{font-size:clamp(1.4rem,2vw,2.1rem);max-width:540px}
.tech-card-body p{color:#c8c9dc;font-size:.96rem;line-height:1.55;max-width:550px;margin:0 0 1.1rem}
.tech-card-body a{align-self:start;color:var(--gold);text-decoration:none;border-bottom:1px solid currentColor;font-size:.78rem;font-weight:850;text-transform:uppercase;letter-spacing:.06em;margin-top:auto}
.tech-card-body a:hover{color:#fff}
.tech-outro{display:flex;align-items:center;flex-wrap:wrap;gap:.7rem 1.5rem;margin-top:1.9rem;padding-top:1.5rem;border-top:1px solid var(--line)}
.tech-outro p{color:#d3d0e6;margin:0 auto 0 0}
.tech-outro a{color:var(--gold);font-size:.82rem;font-weight:850;text-transform:uppercase;letter-spacing:.04em;text-decoration:none;border-bottom:1px solid currentColor}
.tech-outro a:hover{color:#fff}
@media(max-width:980px){.tech-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.tech-intro{grid-template-columns:1fr}.tech-intro p{max-width:760px}.tech-card h3{font-size:1.18rem}}
@media(max-width:600px){.tech-intro h2{font-size:clamp(2.7rem,12vw,4.4rem)}.tech-toolbar{align-items:start;flex-direction:column}.tech-grid{grid-template-columns:1fr}.tech-card-feature{grid-column:auto}.tech-card-feature h3{font-size:1.3rem}.tech-card-body{padding:1rem}.tech-outro p{flex-basis:100%}}
@media(prefers-reduced-motion:reduce){.tech-card,.tech-play img,.tech-play-icon,.tech-filter{transition:none}}