/* Banner de TenTwo Labs antes del footer (components/layout/LabsBanner.tsx). */
.labs-banner{order:1002;width:100%;box-sizing:border-box;--lb-acc:#dcff89;--lb-bg:var(--token-03077f9c-b793-4891-a7ca-f2c405561c51,rgb(23,23,23));position:relative;z-index:1;background:var(--lb-bg);padding:56px 60px 8px;font-family:Inter,sans-serif;color:#fff}
.lb-box{--lb-bg:#121a0c;box-sizing:border-box;max-width:1320px;margin:0 auto;background:var(--lb-bg);border:1px solid #2a3a1a;display:grid;grid-template-columns:1fr minmax(0,560px);align-items:end;gap:48px;padding:40px 40px 32px}
.lb-tag{display:block;font-size:12px;font-weight:500;letter-spacing:.14em;text-transform:uppercase;color:var(--lb-acc)}
.lb-copy h2{margin:12px 0 0;font-size:34px;line-height:38px;font-weight:500;letter-spacing:-1.1px;color:#fff}
.lb-copy p{margin:10px 0 0;font-size:15px;line-height:22px;color:#9a9a9a;max-width:520px}
.lb-btn{margin-top:24px;display:inline-flex;align-items:center;gap:10px;height:42px;padding:0 18px;background:#f2f2f2;color:#080808;font-size:14px;font-weight:500;text-decoration:none;transition:background .2s}
.lb-btn:hover{background:#fff}
.lb-btn svg{width:12px;height:12px}
.lb-art{position:relative;min-width:0}
.lb-cs{position:relative;height:34px;margin-bottom:14px}
.lb-c{position:absolute;top:0;left:0;display:flex;align-items:center;gap:8px;white-space:nowrap;height:34px;padding:0 12px;background:#0b1007;border:1px solid #2e4020;font-size:12px;color:#e6e6e6;opacity:0;transform:translateY(6px);transition:opacity .5s cubic-bezier(.22,1,.36,1),transform .5s cubic-bezier(.22,1,.36,1),left .9s cubic-bezier(.22,1,.36,1);pointer-events:none}
.lb-c.on{opacity:1;transform:none}
.lb-c i{width:6px;height:6px;border-radius:50%;background:var(--lb-acc);flex:none}
.lb-c b{font-weight:500;color:#fff}
.lb-c em{font-style:normal;color:#7a7a7a}
.lb-v{position:relative;overflow:hidden;touch-action:pan-y}
.lb-s{position:relative;width:1080px;height:232px;transform-origin:0 0;transition:transform .9s cubic-bezier(.22,1,.36,1)}
.lb-s svg{position:absolute;inset:0;width:1080px;height:232px;overflow:visible}
.lb-s svg *{fill:none;stroke:#34452a;stroke-width:1.4;stroke-linecap:round;stroke-linejoin:round;transition:stroke .6s,fill .6s,opacity .6s}
.lb-s svg .bgf{fill:var(--lb-bg)}
.lb-s svg text{fill:#5a6b4c;stroke:none;font:500 8px/1 Inter,sans-serif;letter-spacing:.14em;text-anchor:middle;opacity:0;transition:opacity .8s 1.2s,fill .6s}
.lb-s svg .rd{stroke:#22301a;stroke-dasharray:18 22}
.lb-s svg .tr *{stroke:#2c3a22}
.lb-s .b{cursor:pointer}
.lb-s .b.on *{stroke:#a5a5a5}
.lb-s .b.on text{fill:#e0e0e0}
.lb-s .b.on .bgf{fill:var(--lb-bg)}
.lb-s svg .lw{fill:rgba(220,255,137,.18)}
.lb-s .b.on .lw{fill:rgba(220,255,137,.9);stroke:var(--lb-acc);filter:drop-shadow(0 0 10px rgba(220,255,137,.55))}
.lb-s svg .wv{stroke:var(--lb-acc);opacity:0}
.lb-s .b.on .wv{animation:lb-wave 1.4s infinite}
.lb-s .b.on .wv+.wv{animation-delay:.2s}
.lb-s svg .dr{stroke-dasharray:1;stroke-dashoffset:1;transition:stroke-dashoffset 1.6s cubic-bezier(.22,1,.36,1),stroke .6s,fill .6s}
.lb-s.go svg .dr{stroke-dashoffset:0}
.lb-s.go svg text{opacity:1}
.lb-s.done svg *{transition-delay:0s!important}
@keyframes lb-wave{0%{opacity:0}30%{opacity:1}100%{opacity:0}}
@media (max-width:1199.98px){
  .labs-banner{padding:48px 32px 8px}
  .lb-box{grid-template-columns:1fr;gap:28px;padding:32px 28px 28px}
}
@media (max-width:809.98px){
  .labs-banner{padding:40px 16px 8px}
  .lb-box{padding:28px 20px 24px}
  .lb-copy h2{font-size:28px;line-height:32px;letter-spacing:-.8px}
  .lb-c{white-space:normal;height:auto;min-height:34px;padding:8px 12px;flex-wrap:wrap;column-gap:6px;row-gap:2px;max-width:100%}
}
@media (prefers-reduced-motion:reduce){
  .lb-s,.lb-s *,.lb-c{transition:none!important;animation:none!important}
}
