#work .lc-case{--lc:#d8ff76;--lc-rgb:216,255,118;display:grid;grid-template-columns:minmax(0,1fr);gap:1.5rem;padding:3.5rem 0;border-top:1px solid #334044;color:#f5f6ef;scroll-margin-top:100px}#work .lc-case>*{min-width:0}.lc-kicker{display:flex;align-items:center;flex-wrap:wrap;gap:.7rem 1rem}.lc-kicker .eyebrow{margin:0;color:#97a9af;font-size:.68rem}.lc-state{display:inline-flex;gap:.4rem;align-items:center;color:var(--lc);font-size:.7rem}.lc-state i{width:5px;height:5px;border-radius:50%;background:currentColor;box-shadow:0 0 12px rgba(var(--lc-rgb),.6)}
.lc-copy h3{font-size:clamp(2.6rem,5.5vw,4.6rem);line-height:1.05;letter-spacing:-.06em;color:#f5f6ef;margin-top:1rem}.lc-copy h3 em{color:var(--lc);font-style:normal}.lc-lead{font-size:clamp(1.15rem,2vw,1.55rem);line-height:1.45;color:#e0e8e8;max-width:31ch;margin-top:1rem}.lc-description{color:#9eafb5;font-size:.9rem;line-height:1.75;max-width:50ch}.lc-tags{display:flex;flex-wrap:wrap;gap:.4rem;margin:1rem 0}.lc-tags li{list-style:none;border:1px solid #344348;border-radius:6px;padding:.3rem .5rem;color:#aebfc3;font-size:.67rem}.lc-cta{color:var(--lc)!important}.lc-private{color:#80959b!important;font-size:.65rem!important;margin-top:1rem}
.lc-showcase{border:1px solid #354348;border-radius:20px;background:linear-gradient(150deg,#142127,#081015 64%);overflow:hidden;position:relative;isolation:isolate;box-shadow:0 28px 70px #0004}.lc-showcase-top{display:flex;align-items:center;gap:.65rem;padding:1rem 1rem 0;position:relative;z-index:5}.lc-mark{display:grid;place-items:center;width:36px;height:36px;border-radius:10px;background:var(--lc);color:#101a1f;font-size:.7rem;font-weight:800}.lc-showcase-top>div{display:grid;gap:2px}.lc-showcase-top strong{font-size:.9rem}.lc-showcase-top>div>span{font-size:.65rem;color:#9bacb1}.lc-demo{margin-left:auto;color:#93a6ab;font-size:.51rem;letter-spacing:.07em;text-align:right}
.lc-stage{height:390px;position:relative;overflow:hidden;perspective:1100px;padding:46px 20px 30px}.lc-grid{position:absolute;inset:0;background-image:linear-gradient(rgba(var(--lc-rgb),.055) 1px,transparent 1px),linear-gradient(90deg,rgba(var(--lc-rgb),.055) 1px,transparent 1px);background-size:28px 28px;transform:perspective(500px) rotateX(58deg) scale(1.5) translateY(24%);transform-origin:center bottom;opacity:.55;animation:lc-grid 10s linear infinite}.lc-glow{position:absolute;width:340px;height:340px;border-radius:50%;right:-120px;bottom:-180px;background:radial-gradient(circle,rgba(var(--lc-rgb),.17),transparent 66%);animation:lc-pulse 4s ease-in-out infinite}
.lc-card{position:absolute;border:1px solid #42545a;background:linear-gradient(145deg,#203139,#101b20);box-shadow:0 20px 45px #0008,0 0 34px rgba(var(--lc-rgb),.05);transition:transform .7s,opacity .7s}.lc-shop{left:5%;top:80px;width:39%;height:235px;border-radius:14px;transform:rotate(-4deg);animation:lc-float 7s ease-in-out infinite}.lc-windowbar{height:30px;border-bottom:1px solid #33464c;display:flex;align-items:center;gap:4px;padding:0 9px}.lc-windowbar i{width:5px;height:5px;border-radius:50%;background:#61757a}.lc-windowbar span{margin-left:auto;font:500 .45rem ui-monospace,monospace;color:#8da1a6}.lc-product{padding:18px 13px 12px;display:grid;grid-template-columns:58px 1fr;gap:10px}.lc-product-art{height:68px;border-radius:8px;background:radial-gradient(circle at 45% 35%,#e7f3d8 0 10%,#729060 11% 28%,#263b32 29% 100%)}.lc-product div{display:grid;align-content:center;gap:3px}.lc-product small{font-size:.45rem;color:var(--lc)}.lc-product strong{font-size:.7rem}.lc-product div>span{font-size:.48rem;color:#9eb0b5}.lc-widget{position:absolute;left:10px;right:10px;bottom:13px;padding:10px;display:flex;align-items:center;gap:8px;border:1px solid rgba(var(--lc-rgb),.45);border-radius:9px;background:#17272b}.lc-avatar{display:grid;place-items:center;width:28px;height:28px;border-radius:8px;background:var(--lc);color:#142018;font-weight:800}.lc-widget div{display:grid;gap:2px}.lc-widget strong{font-size:.62rem}.lc-widget small{font-size:.45rem;color:#9eb0b5}.lc-widget b{margin-left:auto;color:var(--lc)}
.lc-console{right:4%;top:55px;width:54%;height:270px;border-radius:14px;transform:rotate(2deg);animation:lc-float 8s ease-in-out infinite reverse}.lc-console-head{height:38px;display:flex;align-items:center;justify-content:space-between;padding:0 11px;border-bottom:1px solid #33464c}.lc-online{font-size:.62rem}.lc-online i{display:inline-block;width:5px;height:5px;border-radius:50%;background:var(--lc);margin-right:5px}.lc-console-head small{font:500 .43rem ui-monospace,monospace;color:#8da1a6}.lc-console-body{display:grid;grid-template-columns:25% 1fr;height:232px}.lc-console nav{border-right:1px solid #33464c;padding:10px 6px;display:grid;align-content:start;gap:5px}.lc-console nav span{font-size:.45rem;padding:6px;border-radius:5px;color:#91a4aa}.lc-console nav .is-active{color:var(--lc);background:rgba(var(--lc-rgb),.08)}.lc-console main{display:grid;grid-template-columns:1.4fr .8fr;gap:7px;padding:8px}.lc-thread{display:flex;flex-direction:column;gap:6px}.lc-bubble{font-size:.46rem;line-height:1.4;padding:7px;border-radius:7px;background:#223239;border:1px solid #344a50;opacity:.24;transform:translateY(5px);transition:.55s}.lc-bubble b{display:block;color:var(--lc);font-weight:600;margin-top:2px}.lc-client{align-self:flex-end;background:#2b3d33}.lc-side{display:grid;align-content:start;gap:5px;padding:7px;border:1px solid #33474d;border-radius:7px}.lc-side small{font-size:.4rem;color:var(--lc)}.lc-side strong{font-size:.5rem;line-height:1.35}.lc-side span{font-size:.42rem;color:#9db0b5;border-top:1px solid #314349;padding-top:4px}
.lc-flow{position:absolute;left:38%;right:43%;top:184px;height:2px;background:linear-gradient(90deg,transparent,var(--lc),transparent);z-index:4}.lc-flow i{position:absolute;width:5px;height:5px;border-radius:50%;background:var(--lc);top:-2px;animation:lc-packet 2.2s linear infinite}.lc-flow i:nth-child(2){animation-delay:-.55s}.lc-flow i:nth-child(3){animation-delay:-1.1s}.lc-flow i:nth-child(4){animation-delay:-1.65s}.lc-chip{position:absolute;z-index:6;padding:7px 9px;border:1px solid rgba(var(--lc-rgb),.5);border-radius:8px;background:#132329e8;font-size:.53rem;box-shadow:0 8px 20px #0006;animation:lc-float 6s ease-in-out infinite}.lc-chip i{display:inline-block;width:4px;height:4px;border-radius:50%;background:var(--lc);margin-left:5px}.lc-chip-a{left:3%;bottom:25px}.lc-chip-b{left:43%;top:28px;animation-delay:-2s}.lc-chip-c{right:4%;bottom:20px;animation-delay:-4s}
[data-stage="0"] .lc-client,[data-stage="1"] .lc-client,[data-stage="1"] .lc-knowledge,[data-stage="2"] .lc-client,[data-stage="2"] .lc-knowledge,[data-stage="2"] .lc-assistant,[data-stage="3"] .lc-bubble{opacity:1;transform:none}[data-stage="3"] .lc-human{border-color:rgba(var(--lc-rgb),.55);background:#293c31}
.lc-interaction{padding:.7rem .85rem;border-top:1px solid #2a3b40;background:#0d191fe6}.lc-steps{display:flex;gap:.25rem}.lc-steps button{position:relative;flex:1;min-width:0;min-height:48px;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:2px;background:transparent;border:1px solid #33484e;color:#9cafb5;border-radius:7px;font-size:.6rem}.lc-steps button span{font:500 .49rem ui-monospace,monospace;color:#92a5ab}.lc-steps button[aria-pressed="true"]{background:rgba(var(--lc-rgb),.08);border-color:rgba(var(--lc-rgb),.6);color:var(--lc)}.lc-steps button[aria-pressed="true"]::after{content:"";position:absolute;bottom:0;left:0;right:0;height:2px;background:var(--lc);transform-origin:left;animation:lc-progress 3.4s linear infinite}.lc-playback{display:flex;align-items:center;justify-content:space-between;gap:.6rem;margin-top:.5rem;min-height:48px}.lc-playback p{font-size:.7rem;color:#c1cfd3;margin:0;line-height:1.5}.lc-toggle{min-height:42px;padding:.4rem .6rem;color:var(--lc);background:#18272d;border:1px solid #3a4d52;border-radius:7px;font-size:.65rem}.lc-disclaimer{font-size:.59rem;color:#8fa4ac;margin:0;padding:.5rem 1rem .7rem;border-top:1px solid #26373d}
.lc-case .lc-anim,.lc-steps button::after{animation-play-state:paused!important}.lc-case[data-running="true"] .lc-anim,.lc-case[data-running="true"] .lc-steps button::after{animation-play-state:running!important}.lc-case button:focus-visible,.lc-case a:focus-visible{outline:2px solid var(--lc);outline-offset:3px}
@keyframes lc-grid{to{background-position:28px 28px}}@keyframes lc-pulse{50%{opacity:.5;transform:scale(1.08)}}@keyframes lc-float{50%{translate:0 -7px}}@keyframes lc-packet{from{left:0;opacity:0}15%,85%{opacity:1}to{left:100%;opacity:0}}@keyframes lc-progress{from{transform:scaleX(0)}to{transform:scaleX(1)}}
@media(min-width:1000px){#work .lc-case{grid-template-columns:minmax(0,.82fr) minmax(0,1.18fr);gap:clamp(2rem,4vw,4rem);padding-block:4rem}.lc-copy{padding-top:1rem}.lc-stage{height:425px}.lc-copy h3{font-size:clamp(3rem,4.6vw,4.1rem)}}@media(max-width:599px){.lc-stage{height:355px;padding-inline:10px}.lc-shop{left:3%;top:82px;width:44%;height:215px}.lc-console{right:2%;top:50px;width:58%;height:250px}.lc-console-body{height:212px}.lc-console main{grid-template-columns:1fr}.lc-side{display:none}.lc-chip{font-size:.46rem}.lc-chip-b{display:none}.lc-steps button{font-size:.54rem}.lc-playback p{font-size:.64rem}.lc-demo{max-width:9ch}.lc-flow{left:40%;right:47%}}@media(prefers-reduced-motion:reduce){.lc-case .lc-anim,.lc-steps button::after,.lc-flow i{animation:none!important}.lc-case *{transition:none!important}}