/* KEY! — Multipage Laboratory */
.lab-preview{position:relative;overflow:hidden;isolation:isolate;background:radial-gradient(circle at 74% 42%,rgba(164,255,0,.09),transparent 26%),linear-gradient(180deg,#080c0a,#060908)}
.lab-preview::before,.lab-page-hero::before{content:"";position:absolute;inset:0;z-index:-1;opacity:.18;background-image:linear-gradient(rgba(255,255,255,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.05) 1px,transparent 1px);background-size:56px 56px;mask-image:linear-gradient(to bottom,transparent,#000 18%,#000 82%,transparent)}
.lab-preview__layout{display:grid;grid-template-columns:minmax(0,.9fr) minmax(420px,1.1fr);gap:clamp(3rem,7vw,7rem);align-items:center}.lab-preview__copy{max-width:42rem}.lab-preview__code{margin:1.8rem 0 .7rem;color:rgba(255,255,255,.46);font:600 .72rem/1 var(--font-mono,monospace);letter-spacing:.12em;text-transform:uppercase}.lab-preview__title{margin:0;color:#fff;font-size:clamp(2.8rem,5vw,5.5rem);line-height:.94;letter-spacing:-.055em}.lab-preview__title span{color:var(--color-accent,#a4ff00)}.lab-preview__description{max-width:38rem;margin:1.65rem 0 0;color:rgba(255,255,255,.68);font-size:clamp(1rem,1.45vw,1.15rem);line-height:1.9}.lab-preview__features{display:flex;flex-wrap:wrap;gap:.65rem;margin-top:1.7rem}.lab-preview__features span{display:inline-flex;align-items:center;gap:.55rem;padding:.6rem .78rem;border:1px solid rgba(255,255,255,.1);border-radius:999px;background:rgba(255,255,255,.035);color:rgba(255,255,255,.72);font-size:.78rem}.lab-preview__features i{color:var(--color-accent,#a4ff00)}.lab-preview__actions{display:flex;flex-wrap:wrap;gap:.8rem;margin-top:2rem}.lab-preview .button,.lab-page .button{text-transform:uppercase;letter-spacing:.055em}
.lab-preview__console{position:relative;display:block;color:inherit;text-decoration:none;border:1px solid rgba(255,255,255,.11);border-radius:1.3rem;overflow:hidden;background:rgba(11,16,13,.82);box-shadow:0 35px 90px rgba(0,0,0,.42),inset 0 1px 0 rgba(255,255,255,.05);transform:perspective(1100px) rotateY(-3deg) rotateX(1deg);transition:transform .45s ease,border-color .35s ease,box-shadow .45s ease}.lab-preview__console:hover{transform:perspective(1100px) rotateY(0) rotateX(0) translateY(-6px);border-color:rgba(164,255,0,.42);box-shadow:0 45px 110px rgba(0,0,0,.5),0 0 55px rgba(164,255,0,.07)}.lab-preview__console-topbar,.lab-preview__console-footer{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.9rem 1.1rem;color:rgba(255,255,255,.5);font:600 .61rem/1 var(--font-mono,monospace);letter-spacing:.12em;text-transform:uppercase;background:rgba(255,255,255,.025)}.lab-preview__console-topbar{border-bottom:1px solid rgba(255,255,255,.08)}.lab-preview__console-topbar span{display:flex;align-items:center;gap:.5rem}.lab-preview__console-topbar i{width:.42rem;height:.42rem;border-radius:50%;background:var(--color-accent,#a4ff00);box-shadow:0 0 12px var(--color-accent,#a4ff00)}.lab-preview__console-topbar strong,.lab-preview__open{color:var(--color-accent,#a4ff00)}.lab-preview__stage{position:relative;min-height:clamp(370px,45vw,610px);display:grid;place-items:center;overflow:hidden;background:radial-gradient(circle at 50% 44%,rgba(255,255,255,.075),transparent 36%),linear-gradient(135deg,rgba(255,255,255,.015),transparent 55%)}.lab-preview__stage::before,.lab-preview__stage::after{content:"";position:absolute;background:rgba(164,255,0,.09)}.lab-preview__stage::before{width:1px;height:100%;left:50%;top:0}.lab-preview__stage::after{height:1px;width:100%;left:0;top:50%}.lab-preview__stage img{width:min(72%,570px);filter:drop-shadow(0 28px 34px rgba(0,0,0,.34));transition:transform .5s ease}.lab-preview__console:hover .lab-preview__stage img{transform:scale(1.025)}.lab-preview__print-zone{position:absolute;left:50%;top:48%;transform:translate(-50%,-50%);width:25%;aspect-ratio:.78;display:grid;place-items:center;border:1px dashed rgba(31,45,35,.55);color:rgba(31,45,35,.58);font:700 .54rem/1 var(--font-mono,monospace);letter-spacing:.08em;text-align:center}.lab-preview__print-zone i{position:absolute;font-size:1.25rem;opacity:.45}.lab-preview__print-zone span{transform:translateY(2.1rem)}.lab-preview__scan{position:absolute;z-index:3;left:8%;right:8%;top:22%;height:1px;background:linear-gradient(90deg,transparent,var(--color-accent,#a4ff00),transparent);box-shadow:0 0 16px rgba(164,255,0,.55);opacity:.55;animation:keyLabScan 4.2s ease-in-out infinite}.lab-preview__console-footer{border-top:1px solid rgba(255,255,255,.08)}.lab-preview__console-footer>div{display:grid;gap:.24rem}.lab-preview__console-footer>div span{font-size:.5rem;color:rgba(255,255,255,.32)}.lab-preview__console-footer>div strong{color:rgba(255,255,255,.83);font-size:.62rem}.lab-preview__open{margin-left:auto;white-space:nowrap}
@keyframes keyLabScan{0%,100%{transform:translateY(0);opacity:.2}50%{transform:translateY(290px);opacity:.7}}
.lab-page{background:#080b09}.lab-page-hero{position:relative;overflow:hidden;isolation:isolate;padding:clamp(8.5rem,14vw,12rem) 0 clamp(4rem,7vw,7rem);background:radial-gradient(circle at 73% 45%,rgba(164,255,0,.11),transparent 23%),radial-gradient(circle at 87% 76%,rgba(36,199,255,.055),transparent 18%),linear-gradient(180deg,#090d0a,#070a08)}.lab-page-hero__inner{position:relative}.lab-page-hero__back{display:inline-flex;align-items:center;gap:.6rem;margin-bottom:2.2rem;color:rgba(255,255,255,.52);text-decoration:none;font-size:.8rem;text-transform:uppercase;transition:.2s ease}.lab-page-hero__back:hover{color:#fff;transform:translateX(-3px)}.lab-page-hero__status{position:absolute;right:0;top:0;display:flex;align-items:center;gap:1rem;color:rgba(255,255,255,.4);font:600 .62rem/1 var(--font-mono,monospace);letter-spacing:.12em;text-transform:uppercase}.lab-page-hero__status span{display:flex;align-items:center;gap:.45rem}.lab-page-hero__status i{width:.42rem;height:.42rem;border-radius:50%;background:var(--color-accent,#a4ff00);box-shadow:0 0 12px var(--color-accent,#a4ff00)}.lab-page-hero__layout{display:grid;grid-template-columns:minmax(0,.92fr) minmax(420px,1.08fr);gap:clamp(2.5rem,6vw,6rem);align-items:center}.lab-page-hero__copy{text-transform:uppercase}.lab-page-hero h1{margin:0;color:#fff;font-family:var(--font-display,"Barlow Condensed",sans-serif);font-weight:700;text-transform:uppercase;font-size:clamp(3.8rem,6.6vw,7.2rem);line-height:.88;letter-spacing:-.04em}.lab-page-hero h1 span{color:var(--color-accent,#a4ff00)}.lab-page-hero__copy>p{max-width:38rem;margin-top:clamp(1.6rem,2.2vw,2.25rem);color:rgba(255,255,255,.66);font-size:clamp(1rem,1.35vw,1.12rem);line-height:1.9;letter-spacing:.015em}.lab-page-hero__lead{display:inline-block;margin-right:.35em;color:var(--color-accent,#a4ff00);font-weight:800}.lab-page-hero__actions{display:flex;flex-wrap:wrap;gap:.8rem;margin-top:2rem}.lab-page-hero__telemetry{display:grid;grid-template-columns:repeat(4,minmax(90px,1fr));margin-top:3rem;border-top:1px solid rgba(255,255,255,.08);border-bottom:1px solid rgba(255,255,255,.08)}.lab-page-hero__telemetry span{display:grid;gap:.3rem;padding:1rem 1.1rem 1rem 0}.lab-page-hero__telemetry small{color:rgba(255,255,255,.3);font:600 .55rem/1 var(--font-mono,monospace);letter-spacing:.1em}.lab-page-hero__telemetry strong{color:rgba(255,255,255,.84);font:700 .78rem/1 var(--font-mono,monospace)}
.lab-page-hero__visual{position:relative;min-height:610px;display:grid;place-items:center}.lab-hero-stage{position:relative;width:min(100%,600px);aspect-ratio:1/1.03;display:grid;place-items:center}.lab-hero-stage__orbit{position:absolute;border:1px solid rgba(255,255,255,.08);border-radius:50%;pointer-events:none}.lab-hero-stage__orbit--one{inset:3%;border-color:rgba(164,255,0,.13);animation:keyLabOrbit 18s linear infinite}.lab-hero-stage__orbit--two{inset:17%;border-style:dashed;animation:keyLabOrbitReverse 24s linear infinite}.lab-hero-stage__frame{position:relative;z-index:2;width:72%;overflow:hidden;border-radius:1.45rem;border:1px solid rgba(255,255,255,.12);background:rgba(9,14,11,.82);box-shadow:0 45px 90px rgba(0,0,0,.48),0 0 70px rgba(164,255,0,.055);backdrop-filter:blur(18px);animation:keyLabFrameFloat 6s ease-in-out infinite}.lab-hero-stage__frame-top,.lab-hero-stage__frame-bottom{display:flex;align-items:center;justify-content:space-between;gap:.8rem;padding:.8rem 1rem;font:600 .56rem/1 var(--font-mono,monospace);letter-spacing:.1em;color:rgba(255,255,255,.42)}.lab-hero-stage__frame-top{border-bottom:1px solid rgba(255,255,255,.07)}.lab-hero-stage__frame-bottom{border-top:1px solid rgba(255,255,255,.07)}.lab-hero-stage__frame-top strong{color:var(--color-accent,#a4ff00)}.lab-hero-stage__product{position:relative;min-height:420px;display:grid;place-items:center;overflow:hidden;background:radial-gradient(circle at 50% 44%,rgba(255,255,255,.075),transparent 38%)}.lab-hero-stage__product img{position:relative;z-index:1;width:88%;filter:drop-shadow(0 28px 32px rgba(0,0,0,.38))}.lab-hero-stage__target{position:absolute;z-index:3;left:50%;top:48%;transform:translate(-50%,-50%);width:25%;aspect-ratio:.78;display:grid;place-items:center;border:1px dashed rgba(22,32,25,.48);color:rgba(22,32,25,.55);font:700 .52rem/1 var(--font-mono,monospace);letter-spacing:.09em}.lab-hero-stage__target i{position:absolute;font-size:1.2rem;opacity:.38}.lab-hero-stage__target span{transform:translateY(1.9rem)}.lab-hero-stage__scan{position:absolute;z-index:4;left:8%;right:8%;top:18%;height:1px;background:linear-gradient(90deg,transparent,var(--color-accent,#a4ff00),transparent);box-shadow:0 0 18px rgba(164,255,0,.55);opacity:.5;animation:keyLabHeroScan 4s ease-in-out infinite}.customizer--standalone{padding-top:clamp(5rem,9vw,8rem)}.lab-page .customizer-controls,.lab-page .customizer-preview{border-color:rgba(255,255,255,.105);box-shadow:0 26px 70px rgba(0,0,0,.32),inset 0 1px 0 rgba(255,255,255,.045)}
@keyframes keyLabOrbit{to{transform:rotate(360deg)}}@keyframes keyLabOrbitReverse{to{transform:rotate(-360deg)}}@keyframes keyLabFrameFloat{0%,100%{transform:perspective(1100px) rotateY(-5deg) rotateX(2deg) translateY(0)}50%{transform:perspective(1100px) rotateY(-3deg) rotateX(1deg) translateY(-9px)}}@keyframes keyLabHeroScan{0%,100%{transform:translateY(0);opacity:.18}50%{transform:translateY(300px);opacity:.72}}
@media(max-width:980px){.lab-preview__layout,.lab-page-hero__layout{grid-template-columns:1fr}.lab-preview__console{transform:none;max-width:760px}.lab-page-hero__status{position:static;margin-bottom:1.6rem}.lab-page-hero__visual{min-height:560px;margin-top:1rem}}
@media(max-width:640px){.lab-preview__console-footer{gap:.6rem;overflow:auto}.lab-preview__stage{min-height:390px}.lab-page-hero__visual{min-height:455px}.lab-hero-stage{width:min(112%,460px)}.lab-hero-stage__frame{width:78%;border-radius:1.1rem}.lab-hero-stage__product{min-height:310px}.lab-page-hero__telemetry{grid-template-columns:repeat(2,1fr)}.lab-page-hero__copy>p{margin-top:1.55rem;line-height:1.88}}
@media(prefers-reduced-motion:reduce){.lab-preview__scan,.lab-hero-stage__orbit,.lab-hero-stage__frame,.lab-hero-stage__scan{animation:none!important}}