/* KHAI neural puzzle lab */
.flagship-lab{min-height:100svh;padding:118px 0 72px}.hero-grid-lab{grid-template-columns:minmax(0,.82fr) minmax(620px,1.18fr);gap:48px;align-items:center}.hero-grid-lab .hero-khai{font-size:clamp(5.5rem,9vw,8.8rem)}
.hero-cognition{position:relative;isolation:isolate;border:1px solid rgba(255,255,255,.14);border-radius:30px;background:linear-gradient(160deg,rgba(255,255,255,.06),rgba(255,255,255,.014));box-shadow:0 48px 160px rgba(0,0,0,.55),0 0 120px rgba(155,124,255,.05);overflow:hidden;backdrop-filter:blur(24px)}.hero-cognition:before{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(118deg,rgba(255,255,255,.06),transparent 18%,transparent 80%,rgba(155,124,255,.045));z-index:5}.hero-cognition:after{content:"";position:absolute;inset:-45%;pointer-events:none;z-index:-1;background:conic-gradient(from 90deg,transparent,rgba(243,155,200,.055),transparent,rgba(123,232,223,.045),transparent);animation:labAura 18s linear infinite}@keyframes labAura{to{transform:rotate(360deg)}}
.lab-head{min-height:62px;display:flex;align-items:center;justify-content:space-between;gap:18px;padding:12px 16px 12px 18px;border-bottom:1px solid rgba(255,255,255,.08);position:relative;z-index:6}.lab-head>div:first-child span,.lab-score small{display:block;font-size:7px;letter-spacing:.17em;text-transform:uppercase;color:#68616d}.lab-head>div:first-child b{display:block;font-size:14px;letter-spacing:-.02em;margin-top:2px}.lab-score{text-align:right}.lab-score strong{display:block;color:#f1d2e3;font-size:11px;margin-top:2px}
.lab-grid{display:grid;grid-template-columns:minmax(0,1fr) 215px;min-height:500px}.neural-stage{position:relative;min-width:0;overflow:hidden;cursor:grab;background:radial-gradient(circle at 50% 50%,rgba(243,155,200,.065),transparent 31%),radial-gradient(circle at 72% 28%,rgba(123,232,223,.04),transparent 25%),linear-gradient(rgba(255,255,255,.018) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.018) 1px,transparent 1px);background-size:auto,auto,28px 28px,28px 28px}.neural-stage:before{content:"";position:absolute;inset:0;pointer-events:none;z-index:1;background:linear-gradient(90deg,transparent,rgba(255,255,255,.018),transparent);transform:translateX(-100%);animation:labScan 7s ease-in-out infinite}@keyframes labScan{50%,100%{transform:translateX(100%)}}.neural-stage.dragging{cursor:grabbing}.neural-stage canvas{position:absolute;inset:0;width:100%;height:100%;display:block;z-index:2}.hero-neural-stage{min-height:500px}.neural-hud{position:absolute;left:12px;top:12px;right:12px;display:flex;align-items:center;justify-content:space-between;gap:8px;z-index:7;pointer-events:none}.neural-hud>div{display:flex;gap:6px;pointer-events:auto}.neural-pill,.neural-control{border:1px solid rgba(255,255,255,.1);background:rgba(6,6,10,.78);backdrop-filter:blur(12px);border-radius:999px;padding:6px 9px;color:#807985;font-size:7px;letter-spacing:.12em;text-transform:uppercase}.neural-pill{box-shadow:0 0 22px rgba(243,155,200,.06)}.neural-control{cursor:pointer;transition:.2s}.neural-control:hover{color:#fff;border-color:rgba(255,255,255,.22);transform:translateY(-1px)}.neural-instructions{position:absolute;left:13px;bottom:11px;color:#5b5560;font-size:7px;letter-spacing:.08em;text-transform:uppercase;pointer-events:none;z-index:7}
.hero-neural-side{border-left:1px solid rgba(255,255,255,.08);background:linear-gradient(180deg,rgba(15,15,23,.95),rgba(7,7,12,.97));display:flex;flex-direction:column;min-width:0;z-index:4}.node-detail{padding:18px 15px 15px;border-bottom:1px solid rgba(255,255,255,.075);min-height:275px}.node-detail .node-class{font-size:7px;letter-spacing:.15em;text-transform:uppercase;color:#e39cbe}.node-detail h4{font-size:20px;letter-spacing:-.04em;margin:6px 0 9px;background:linear-gradient(100deg,#fff,#f1cada,#bdaeff);-webkit-background-clip:text;background-clip:text;color:transparent}.node-detail p{font-size:10px;line-height:1.65;color:#8f8793;margin:0}.node-detail ul{padding:0;margin:13px 0 0;list-style:none}.node-detail li{padding:6px 0;border-top:1px solid rgba(255,255,255,.05);font-size:8px;display:flex;justify-content:space-between;gap:8px;color:#69636e}.node-detail li b{font-weight:600;color:#c7c0ca;text-align:right}.impact-panel{position:relative;overflow:hidden;padding:15px;margin-top:auto;border-top:1px solid rgba(255,255,255,.075);background:rgba(243,155,200,.026)}.impact-panel:before{content:"";position:absolute;left:0;top:0;bottom:0;width:1px;background:linear-gradient(transparent,#f39bc8,#9b7cff,#7be8df,transparent);opacity:.5}.impact-panel>span{display:block;font-size:7px;letter-spacing:.14em;text-transform:uppercase;color:#8a7581;margin-bottom:7px}.impact-panel p{font-size:9px;line-height:1.62;color:#a39aa6;margin:0}
.profile-controls{display:grid;grid-template-columns:1fr 190px;border-top:1px solid rgba(255,255,255,.08);background:rgba(255,255,255,.08)}.puzzle-brief{padding:13px 16px;background:linear-gradient(100deg,rgba(243,155,200,.055),rgba(155,124,255,.025));min-width:0}.puzzle-brief>span{display:block;font-size:6px;letter-spacing:.18em;color:#d798b8}.puzzle-brief>strong{display:block;font-size:12px;color:#f7f0f5;margin:2px 0 4px;letter-spacing:-.02em}.puzzle-brief p{margin:0;color:#817985;font-size:8px;line-height:1.45;max-width:64ch}.puzzle-actions{display:flex;background:#09090e}.puzzle-actions button{flex:1;border:0;border-left:1px solid rgba(255,255,255,.07);background:transparent;color:#756e7a;font:600 7px/1.2 Inter,system-ui;letter-spacing:.05em;cursor:pointer;padding:10px 8px;transition:.2s}.puzzle-actions button:hover{color:#fff;background:rgba(255,255,255,.05)}
.puzzle-status{display:grid;grid-template-columns:82px minmax(0,1fr) 110px;align-items:stretch;border-top:1px solid rgba(255,255,255,.08);background:linear-gradient(90deg,rgba(6,6,10,.98),rgba(12,11,17,.96))}.puzzle-status>div:first-child{padding:10px 12px;border-right:1px solid rgba(255,255,255,.07);display:flex;align-items:baseline;gap:2px;flex-wrap:wrap}.puzzle-status>div:first-child span{width:100%;font-size:6px;letter-spacing:.12em;color:#6d6671;text-transform:uppercase}.puzzle-status>div:first-child strong{font-size:22px;line-height:1;color:#f4d6e6;letter-spacing:-.05em}.puzzle-status>div:first-child small{font-size:7px;color:#5f5964}.puzzle-goals{display:flex;align-items:center;gap:5px;padding:8px 9px;overflow:auto;scrollbar-width:none}.puzzle-goals::-webkit-scrollbar{display:none}.puzzle-goals span{min-width:63px;border:1px solid rgba(255,255,255,.07);border-radius:8px;padding:5px 7px;color:#6c6570;font-size:7px;line-height:1.3;background:rgba(255,255,255,.018);transition:.25s}.puzzle-goals span b{display:block;color:#908895;font-size:6px;text-transform:uppercase;letter-spacing:.08em;margin-bottom:2px}.puzzle-goals span.met{border-color:rgba(123,232,223,.24);background:rgba(123,232,223,.05);color:#b9e1dc;box-shadow:inset 0 0 18px rgba(123,232,223,.035)}.puzzle-goals span.met b{color:#78c6bf}.solve-state{display:grid;place-items:center;text-align:center;padding:8px;border-left:1px solid rgba(255,255,255,.07);font-size:7px;letter-spacing:.08em;text-transform:uppercase;color:#77717c;transition:.3s}.solve-state.solved{color:#d6fff9;background:radial-gradient(circle,rgba(123,232,223,.13),transparent 72%);text-shadow:0 0 18px rgba(123,232,223,.65);animation:solvedPulse 1.4s ease-in-out infinite alternate}@keyframes solvedPulse{to{box-shadow:inset 0 0 30px rgba(123,232,223,.07)}}
.lab-metrics{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid rgba(255,255,255,.08)}.lab-metrics>div{padding:11px 12px;border-right:1px solid rgba(255,255,255,.07)}.lab-metrics>div:last-child{border-right:0}.lab-metrics span{display:block;font-size:6px;letter-spacing:.11em;text-transform:uppercase;color:#665f6a;white-space:nowrap}.lab-metrics i{display:block;height:3px;border-radius:99px;background:#181821;margin:7px 0 5px;overflow:hidden;box-shadow:inset 0 0 9px rgba(0,0,0,.45)}.lab-metrics i b{display:block;width:0;height:100%;border-radius:99px;background:linear-gradient(90deg,#ef91c0,#9c80f7,#79e1d8);transition:width .18s ease;box-shadow:0 0 12px rgba(243,155,200,.3)}.lab-metrics strong{font-size:10px;color:#cbc4ce}.lab-caption{padding:10px 15px 11px;border-top:1px solid rgba(255,255,255,.075);color:#5f5964;font-size:7px;line-height:1.5}
.architecture-story{border-top:1px solid rgba(255,255,255,.055)}.arch-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:18px}.arch-card{position:relative;min-height:330px;border:1px solid rgba(255,255,255,.095);border-radius:22px;background:linear-gradient(155deg,rgba(255,255,255,.038),rgba(255,255,255,.013));overflow:hidden;padding:24px}.arch-card h3{font-size:21px;letter-spacing:-.035em;margin:4px 0 7px}.arch-card>p{color:#817a86;font-size:12px;max-width:52ch}.memory-rings{position:absolute;right:-34px;bottom:-60px;width:300px;height:300px;border-radius:50%;border:1px solid rgba(155,124,255,.13)}.memory-rings i{position:absolute;border-radius:50%;border:1px solid rgba(255,255,255,.07)}.memory-rings i:nth-child(1){inset:35px}.memory-rings i:nth-child(2){inset:72px;border-color:rgba(243,155,200,.13)}.memory-rings i:nth-child(3){inset:110px;border-color:rgba(123,232,223,.14)}.memory-ring-label{position:absolute;font-size:8px;letter-spacing:.12em;color:#716a76;text-transform:uppercase}.mrl1{right:196px;bottom:62px}.mrl2{right:138px;bottom:120px}.mrl3{right:72px;bottom:179px}.decision-bars{display:grid;gap:13px;margin-top:26px}.decision-bar{display:grid;grid-template-columns:120px 1fr 38px;gap:12px;align-items:center;font-size:10px;color:#7e7783}.decision-bar>i{height:6px;background:#191821;border-radius:99px;overflow:hidden}.decision-bar>i b{display:block;height:100%;border-radius:99px;background:linear-gradient(90deg,rgba(243,155,200,.55),rgba(155,124,255,.75));transform-origin:left;animation:barGrow 1.3s cubic-bezier(.16,1,.3,1) both}.decision-bar small{font-size:8px;color:#5d5762;text-align:right}.decision-bar:nth-child(1)>i b{width:88%}.decision-bar:nth-child(2)>i b{width:74%}.decision-bar:nth-child(3)>i b{width:94%}@keyframes barGrow{from{transform:scaleX(0)}to{transform:scaleX(1)}}
@media(max-width:1160px){.hero-grid-lab{grid-template-columns:1fr;max-width:920px}.flagship-lab{padding-top:120px}.hero-grid-lab .hero-copy{max-width:760px}.hero-cognition{width:100%}.lab-grid{grid-template-columns:minmax(0,1fr) 240px}.hero-neural-stage{min-height:570px}}
@media(max-width:760px){.lab-grid{grid-template-columns:1fr}.hero-neural-stage{min-height:520px}.hero-neural-side{border-left:0;border-top:1px solid rgba(255,255,255,.08);display:grid;grid-template-columns:1fr 1fr}.node-detail{min-height:0;border-bottom:0}.impact-panel{margin:0;border-top:0;border-left:1px solid rgba(255,255,255,.08)}.profile-controls{grid-template-columns:1fr}.puzzle-actions button{min-height:38px}.puzzle-status{grid-template-columns:72px 1fr}.solve-state{grid-column:1/-1;border-left:0;border-top:1px solid rgba(255,255,255,.07);min-height:36px}.lab-metrics{grid-template-columns:1fr 1fr}.lab-metrics>div:nth-child(2){border-right:0}.lab-metrics>div:nth-child(-n+2){border-bottom:1px solid rgba(255,255,255,.07)}.arch-grid{grid-template-columns:1fr}.puzzle-brief p{font-size:9px}}
@media(max-width:520px){.hero-cognition{border-radius:20px}.hero-neural-stage{min-height:445px}.hero-neural-side{display:block}.impact-panel{border-left:0;border-top:1px solid rgba(255,255,255,.08)}.neural-hud>div:last-child{display:none}.lab-head{align-items:flex-start}.lab-score{max-width:120px}.arch-card{min-height:300px}}
@media(prefers-reduced-motion:reduce){.hero-cognition:after,.neural-stage:before,.solve-state.solved{animation:none}}