.lab-section{
  position:relative;
  overflow:hidden;
  padding:112px 0;
  scroll-margin-top:82px;
  background:
    radial-gradient(circle at 12% 4%,rgba(55,178,142,.14),transparent 32%),
    radial-gradient(circle at 88% 16%,rgba(54,118,151,.13),transparent 30%),
    linear-gradient(180deg,#071b19 0%,#0a2622 48%,#f4f8f6 48%,#f4f8f6 100%);
}

.lab-section::before{
  content:"";
  position:absolute;
  inset:0 0 auto 0;
  height:48%;
  pointer-events:none;
  opacity:.13;
  background-image:linear-gradient(rgba(255,255,255,.22) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.22) 1px,transparent 1px);
  background-size:48px 48px;
  -webkit-mask-image:linear-gradient(180deg,#000,transparent 88%);
  mask-image:linear-gradient(180deg,#000,transparent 88%);
}

.lab-container{position:relative;z-index:1;display:grid;gap:44px}

.lab-hero{
  display:grid;
  grid-template-columns:minmax(0,1.06fr) minmax(380px,.94fr);
  gap:50px;
  align-items:center;
  min-height:560px;
  color:#fff;
}

.lab-hero-copy{max-width:760px}
.lab-eyebrow,.lab-process-heading span,.lab-capability-heading>span,.lab-equipment-intro>span,.lab-principle>span{
  display:inline-flex;
  align-items:center;
  gap:9px;
  margin-bottom:16px;
  color:#80d0b6;
  font-size:11px;
  font-weight:900;
  letter-spacing:.14em;
}
.lab-eyebrow::before{content:"";width:24px;height:1px;background:#80d0b6}
.lab-hero h2{margin:0 0 22px;font-size:clamp(46px,6.3vw,82px);line-height:1.02;letter-spacing:-4px}
.lab-hero h2 em{display:inline-block;color:#8fdac2;font-style:normal}
.lab-hero-copy>p{max-width:690px;margin:0;color:rgba(255,255,255,.72);font-size:17px;line-height:1.78}

.lab-proof-strip{display:flex;flex-wrap:wrap;gap:8px;margin-top:28px}
.lab-proof-strip span{display:inline-flex;align-items:center;gap:7px;min-height:38px;padding:9px 12px;border:1px solid rgba(255,255,255,.12);border-radius:999px;background:rgba(255,255,255,.055);color:rgba(255,255,255,.72);font-size:10px;font-weight:750;backdrop-filter:blur(10px)}
.lab-proof-strip b{color:#fff;font-size:12px}

.lab-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:32px}
.lab-primary,.lab-secondary{display:inline-flex;align-items:center;justify-content:center;min-height:56px;padding:15px 18px;border-radius:14px;font:inherit;font-size:14px;font-weight:900;cursor:pointer;transition:transform .18s ease,box-shadow .18s ease,background .18s ease}
.lab-primary{gap:14px;border:1px solid #89d7bf;background:#89d7bf;color:#08231e;text-decoration:none;box-shadow:0 14px 34px rgba(61,181,146,.2)}
.lab-primary b{font-size:20px;transition:transform .18s ease}
.lab-primary:hover{transform:translateY(-2px);box-shadow:0 20px 42px rgba(61,181,146,.28)}
.lab-primary:hover b{transform:translateX(4px)}
.lab-secondary{border:1px solid rgba(255,255,255,.25);background:rgba(255,255,255,.06);color:#fff}
.lab-secondary:hover{transform:translateY(-2px);background:rgba(255,255,255,.11)}
.lab-primary:focus-visible,.lab-secondary:focus-visible,.lab-process-nav button:focus-visible{outline:4px solid rgba(137,215,191,.28);outline-offset:3px}

.lab-data-visual{position:relative;min-height:500px;border:1px solid rgba(255,255,255,.12);border-radius:32px;background:linear-gradient(145deg,rgba(255,255,255,.075),rgba(255,255,255,.025));box-shadow:0 38px 90px rgba(0,0,0,.24);backdrop-filter:blur(14px);overflow:hidden}
.lab-data-grid{position:absolute;inset:0;background-image:linear-gradient(rgba(122,212,183,.08) 1px,transparent 1px),linear-gradient(90deg,rgba(122,212,183,.08) 1px,transparent 1px);background-size:34px 34px;-webkit-mask-image:radial-gradient(circle at center,#000 20%,transparent 78%);mask-image:radial-gradient(circle at center,#000 20%,transparent 78%)}
.lab-core{position:absolute;left:50%;top:50%;z-index:4;width:220px;height:220px;transform:translate(-50%,-50%);border:1px solid rgba(137,215,191,.45);border-radius:50%;background:radial-gradient(circle at 38% 35%,rgba(137,215,191,.22),rgba(3,19,16,.88) 65%);display:grid;place-content:center;text-align:center;box-shadow:0 0 0 22px rgba(137,215,191,.035),0 0 80px rgba(91,200,166,.16)}
.lab-core span{color:#75cbb0;font-size:9px;font-weight:900;letter-spacing:.15em}
.lab-core strong{margin:7px 0 5px;color:#fff;font-size:50px;line-height:1;letter-spacing:-2px}
.lab-core small{color:rgba(255,255,255,.54);font-size:9px;font-weight:800;letter-spacing:.06em}
.lab-orbit{position:absolute;left:50%;top:50%;border:1px solid rgba(137,215,191,.21);border-radius:50%;transform:translate(-50%,-50%)}
.orbit-one{width:340px;height:340px}.orbit-two{width:430px;height:430px;border-color:rgba(124,169,202,.17)}
.lab-orbit-dot{position:absolute;z-index:5;width:14px;height:14px;border:4px solid #0b2923;border-radius:50%;background:#8cdbc3;box-shadow:0 0 22px rgba(140,219,195,.75)}
.dot-one{left:calc(50% + 147px);top:calc(50% - 77px);animation:labFloatA 5s ease-in-out infinite}.dot-two{left:calc(50% - 192px);top:calc(50% + 54px);background:#7db2d0;box-shadow:0 0 22px rgba(125,178,208,.75);animation:labFloatB 5.5s ease-in-out infinite}
.lab-signal{position:absolute;z-index:3;display:flex;align-items:end;gap:8px;height:76px}
.lab-signal i{display:block;width:7px;border-radius:999px;background:linear-gradient(180deg,#8cdbc3,rgba(140,219,195,.12));animation:labSignal 2.8s ease-in-out infinite}
.lab-signal i:nth-child(1){height:27%}.lab-signal i:nth-child(2){height:54%;animation-delay:.15s}.lab-signal i:nth-child(3){height:87%;animation-delay:.3s}.lab-signal i:nth-child(4){height:46%;animation-delay:.45s}.lab-signal i:nth-child(5){height:68%;animation-delay:.6s}
.lab-signal-a{left:35px;top:40px}.lab-signal-b{right:42px;bottom:43px;transform:rotate(180deg)}
@keyframes labSignal{0%,100%{opacity:.4;transform:scaleY(.82)}50%{opacity:1;transform:scaleY(1.08)}}
@keyframes labFloatA{0%,100%{transform:translate(0,0)}50%{transform:translate(-10px,13px)}}
@keyframes labFloatB{0%,100%{transform:translate(0,0)}50%{transform:translate(14px,-9px)}}

.lab-process-shell{padding:30px;border:1px solid #d9e6df;border-radius:30px;background:#fff;box-shadow:0 28px 80px rgba(19,67,48,.11)}
.lab-process-heading{display:flex;align-items:end;justify-content:space-between;gap:24px;margin-bottom:24px}
.lab-process-heading span,.lab-capability-heading>span,.lab-equipment-intro>span{margin:0 0 8px;color:#0b6c4f}
.lab-process-heading h3,.lab-capability-heading h3,.lab-equipment-intro h3{margin:0;color:#17372b;font-size:clamp(26px,3.3vw,40px);line-height:1.18;letter-spacing:-1.5px}
.lab-process-heading>p{max-width:300px;margin:0;color:#6f8078;font-size:12px;line-height:1.6;text-align:right}
.lab-process-layout{display:grid;grid-template-columns:minmax(300px,.8fr) minmax(0,1.2fr);gap:16px}
.lab-process-nav{display:grid;gap:7px}
.lab-process-nav button{display:grid;grid-template-columns:42px 1fr;gap:12px;align-items:center;min-height:68px;padding:11px 14px;border:1px solid #dce7e1;border-radius:15px;background:#f8fbf9;color:#304d40;text-align:left;cursor:pointer;transition:transform .16s ease,border-color .16s ease,background .16s ease,box-shadow .16s ease}
.lab-process-nav button:hover{transform:translateX(3px);border-color:#8fbea9;background:#f2f8f5}
.lab-process-nav button.active{border-color:#0b6c4f;background:#0c6e51;color:#fff;box-shadow:0 14px 30px rgba(11,108,79,.18)}
.lab-process-nav button>i{display:grid;width:38px;height:38px;place-items:center;border-radius:11px;background:#e6f2ec;color:#0b6c4f;font-style:normal;font-size:11px;font-weight:900}
.lab-process-nav button.active>i{background:rgba(255,255,255,.14);color:#fff}
.lab-process-nav button>span{display:grid;gap:2px}.lab-process-nav b{font-size:12px;letter-spacing:.08em}.lab-process-nav small{font-size:11px;font-weight:750;opacity:.72}
.lab-step-detail{position:relative;overflow:hidden;min-height:440px;padding:34px;border-radius:20px;background:linear-gradient(145deg,#0b2e27,#0d4638);color:#fff;display:grid;grid-template-columns:100px 1fr;gap:26px;align-items:start}
.lab-step-detail::after{content:"";position:absolute;width:300px;height:300px;right:-100px;bottom:-120px;border-radius:50%;border:1px solid rgba(255,255,255,.12);box-shadow:0 0 0 35px rgba(255,255,255,.025),0 0 0 70px rgba(255,255,255,.018)}
.lab-step-index{position:relative;z-index:1;display:grid;gap:5px}.lab-step-index span{color:#82d6bc;font-size:64px;font-weight:900;line-height:1;letter-spacing:-4px}.lab-step-index small{color:rgba(255,255,255,.48);font-size:9px;font-weight:900;letter-spacing:.1em}
.lab-step-copy{position:relative;z-index:1;padding-top:7px}.lab-step-copy>span{color:#82d6bc;font-size:12px;font-weight:900}.lab-step-copy h4{max-width:580px;margin:13px 0 14px;font-size:clamp(27px,3.5vw,43px);line-height:1.18;letter-spacing:-1.6px}.lab-step-copy>p{max-width:650px;margin:0;color:rgba(255,255,255,.68);font-size:14px;line-height:1.75}.lab-step-equipment{display:flex;flex-wrap:wrap;gap:7px;margin-top:28px}.lab-step-equipment i{padding:8px 10px;border:1px solid rgba(255,255,255,.12);border-radius:9px;background:rgba(255,255,255,.055);color:rgba(255,255,255,.78);font-size:10px;font-style:normal;font-weight:750}

.lab-capability-heading{margin-top:24px;text-align:center}.lab-capability-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.lab-capability-card{position:relative;min-height:290px;padding:23px;border:1px solid #d9e6df;border-radius:20px;background:#fff;box-shadow:0 13px 34px rgba(20,74,52,.055);transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease}
.lab-capability-card:hover{transform:translateY(-4px);border-color:#8ab8a4;box-shadow:0 22px 44px rgba(20,74,52,.11)}
.lab-capability-top{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:27px}.lab-capability-top i{display:grid;width:39px;height:39px;place-items:center;border-radius:11px;background:#0b6c4f;color:#fff;font-style:normal;font-size:11px;font-weight:900}.lab-capability-top span{color:#71817a;font-size:8px;font-weight:900;letter-spacing:.08em;text-align:right}.lab-capability-card>small{color:#0b6c4f;font-size:10px;font-weight:900}.lab-capability-card h4{margin:8px 0 13px;color:#17372b;font-size:23px;letter-spacing:-.8px}.lab-capability-card p{margin:0;color:#66786f;font-size:12px;line-height:1.75}

.lab-equipment-wall{display:grid;grid-template-columns:minmax(260px,.7fr) minmax(0,1.3fr);gap:25px;padding:30px;border:1px solid #d7e4de;border-radius:27px;background:linear-gradient(145deg,#eaf3ef,#fff);box-shadow:0 20px 55px rgba(20,74,52,.07)}
.lab-equipment-intro p{max-width:430px;margin:15px 0 0;color:#687970;font-size:13px;line-height:1.7}.lab-equipment-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.lab-equipment-item{display:grid;grid-template-columns:1fr auto;gap:4px 12px;align-items:start;padding:13px 14px;border:1px solid #dce7e1;border-radius:13px;background:rgba(255,255,255,.78)}
.lab-equipment-item>span{color:#0b6c4f;font-size:8px;font-weight:900;letter-spacing:.08em}.lab-equipment-item>strong{grid-column:1/-1;color:#263f34;font-size:12px;line-height:1.4}.lab-equipment-item>small{grid-column:1/-1;color:#728079;font-size:10px;line-height:1.45}

.lab-principle{margin:0;padding:28px 31px;border:0;border-radius:24px;background:#0a2923;color:#fff;display:grid;grid-template-columns:minmax(210px,.38fr) minmax(0,1.62fr);gap:30px;align-items:center;box-shadow:0 25px 65px rgba(10,41,35,.18)}
.lab-principle>span{margin:0;color:#80d0b6;line-height:1.55}.lab-principle p{margin:0;font-size:clamp(20px,2.8vw,34px);font-weight:800;line-height:1.45;letter-spacing:-1.2px}

@media(max-width:1050px){
  .lab-hero{grid-template-columns:1fr;gap:30px}.lab-data-visual{min-height:430px}.lab-process-layout{grid-template-columns:1fr}.lab-process-nav{grid-template-columns:repeat(3,1fr)}.lab-process-nav button{grid-template-columns:35px 1fr}.lab-capability-grid{grid-template-columns:repeat(2,1fr)}.lab-equipment-wall{grid-template-columns:1fr}.lab-principle{grid-template-columns:1fr;gap:10px}
}

@media(max-width:720px){
  .lab-section{padding:78px 0;background:linear-gradient(180deg,#071b19 0%,#0a2622 42%,#f4f8f6 42%,#f4f8f6 100%)}.lab-section::before{height:42%}.lab-hero{min-height:0}.lab-hero h2{font-size:48px;letter-spacing:-2.6px}.lab-hero-copy>p{font-size:15px}.lab-actions{display:grid}.lab-primary,.lab-secondary{width:100%}.lab-data-visual{min-height:340px;border-radius:24px}.lab-core{width:158px;height:158px}.lab-core strong{font-size:39px}.orbit-one{width:245px;height:245px}.orbit-two{width:305px;height:305px}.dot-one{left:calc(50% + 102px);top:calc(50% - 54px)}.dot-two{left:calc(50% - 137px);top:calc(50% + 39px)}.lab-signal-a{left:20px;top:24px}.lab-signal-b{right:23px;bottom:26px}.lab-process-shell{padding:19px;border-radius:23px}.lab-process-heading{align-items:flex-start;flex-direction:column}.lab-process-heading>p{text-align:left}.lab-process-nav{grid-template-columns:repeat(2,1fr)}.lab-process-nav button{grid-template-columns:1fr;gap:5px;min-height:86px;padding:12px}.lab-process-nav button>i{width:32px;height:32px}.lab-step-detail{grid-template-columns:1fr;min-height:420px;padding:25px}.lab-step-index{display:flex;align-items:end;gap:10px}.lab-step-index span{font-size:52px}.lab-step-copy h4{font-size:30px}.lab-capability-grid{grid-template-columns:1fr}.lab-capability-card{min-height:245px}.lab-equipment-wall{padding:21px}.lab-equipment-grid{grid-template-columns:1fr}.lab-principle{padding:24px 21px}.lab-principle p{font-size:22px}}

@media(prefers-reduced-motion:reduce){.lab-signal i,.lab-orbit-dot{animation:none}.lab-primary,.lab-primary b,.lab-secondary,.lab-process-nav button,.lab-capability-card{transition:none}}
