.lxc-demo{--lxc-d-coral:#ff8a4c;--lxc-d-coral-d:#ff6b2c;--lxc-d-green:#1d9e75;--lxc-d-ink:#0c1222;--lxc-d-soft:#3d4a63;--lxc-d-muted:#64708b;--lxc-d-line:rgba(12,18,34,.08);--lxc-d-mint:#ecf6ef;background:#fff;color:var(--lxc-d-ink);font-family:'Inter',-apple-system,BlinkMacSystemFont,sans-serif}.lxc-demo *,.lxc-demo *:before,.lxc-demo *:after{box-sizing:border-box}.lxc-demo-shell{max-width:1280px;margin:0 auto;padding:0 24px}.lxc-demo__hero{position:relative;padding:96px 0 56px;background:linear-gradient(180deg,var(--lxc-d-mint) 0%,#f6faf7 60%,#fff 100%);overflow:hidden}.lxc-demo__hero-bg{position:absolute;inset:0;background:radial-gradient(ellipse 50% 40% at 88% 25%,rgba(255,138,76,.18),transparent 55%),radial-gradient(ellipse 40% 35% at 12% 32%,rgba(29,158,117,.16),transparent 55%);pointer-events:none}.lxc-demo__hero-inner{position:relative;z-index:1;text-align:center}.lxc-demo__eyebrow{display:inline-block;font-size:12px;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:var(--lxc-d-green);padding:6px 14px;border-radius:999px;background:rgba(29,158,117,.1);margin:0 0 18px}.lxc-demo__title{font-size:clamp(2.2rem, 5.5vw, 4rem);font-weight:900;line-height:1.05;letter-spacing:-.035em;color:var(--lxc-d-ink);margin:0 auto 18px;max-width:18ch}.lxc-demo__brush{position:relative;display:inline-block;color:var(--lxc-d-coral);z-index:1}.lxc-demo__brush:after{content:"";position:absolute;left:-4%;right:-4%;bottom:4px;height:14px;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 200 14' preserveAspectRatio='none'%3E%3Cpath d='M2 7c30-6 60-6 96-3s60 3 100-2' fill='none' stroke='%23ff8a4c' stroke-width='9' stroke-linecap='round'/%3E%3C/svg%3E") no-repeat center/100% 100%;z-index:-1;opacity:.55;transform:translateY(2px)}.lxc-demo__lead{max-width:42rem;margin:0 auto 36px;font-size:1.1rem;line-height:1.6;color:var(--lxc-d-soft)}.lxc-demo__metrics{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px, 1fr));gap:14px;max-width:880px;margin:0 auto}.lxc-demo__metric{background:rgba(255,255,255,.85);backdrop-filter:blur(8px);border:1px solid var(--lxc-d-line);border-radius:16px;padding:18px 16px;box-shadow:0 12px 28px -18px rgba(12,18,34,.18);text-align:center}.lxc-demo__metric strong{display:block;font-size:1.85rem;font-weight:900;color:var(--lxc-d-green);line-height:1;letter-spacing:-.02em;margin-bottom:6px}.lxc-demo__metric span{font-size:12px;font-weight:700;color:var(--lxc-d-soft);text-transform:uppercase;letter-spacing:.04em}.lxc-demo__main{padding:56px 0 80px;background:linear-gradient(180deg,#fff,#f8fafc)}.lxc-demo__player-wrap{position:sticky;top:0;z-index:50;background:rgba(255,255,255,.92);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);margin:0 -24px 28px;padding:16px 24px 20px;border-bottom:1px solid var(--lxc-d-line);box-shadow:0 12px 32px -16px rgba(12,18,34,.15)}.lxc-demo__player{position:relative;max-width:1100px;margin:0 auto;border-radius:20px;overflow:hidden;box-shadow:0 28px 64px -16px rgba(12,18,34,.32);background:#000}.lxc-demo__player video{width:100%;display:block;max-height:60vh;object-fit:contain;background:#000}.lxc-demo__sound-banner{position:absolute;bottom:12px;left:12px;right:12px;display:flex;align-items:center;gap:10px;background:rgba(12,18,34,.92);backdrop-filter:blur(8px);color:#fff;padding:10px 14px;border-radius:12px;font-size:13px;font-weight:600;z-index:10}.lxc-demo__sound-btn{margin-left:auto;background:var(--lxc-d-coral);color:#fff;border:none;border-radius:8px;padding:6px 14px;font-size:13px;font-weight:800;cursor:pointer}.lxc-demo__sound-btn:hover{background:var(--lxc-d-coral-d)}.lxc-demo__nowplaying{max-width:1100px;margin:14px auto 0;padding:12px 18px;background:#fff;border:1px solid var(--lxc-d-line);border-radius:12px;font-size:14px;display:flex;align-items:center;gap:12px;box-shadow:0 4px 12px -6px rgba(12,18,34,.1)}.lxc-demo__np-label{font-size:11px;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:var(--lxc-d-coral);background:rgba(255,138,76,.1);padding:4px 8px;border-radius:6px;flex-shrink:0}.lxc-demo__np-title{font-weight:700;color:var(--lxc-d-ink);flex:1;min-width:0}.lxc-demo__filters{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 32px;padding:8px;background:#fff;border:1px solid var(--lxc-d-line);border-radius:14px;box-shadow:0 4px 12px -6px rgba(12,18,34,.08);justify-content:center}.lxc-demo__filter{display:inline-flex;align-items:center;gap:8px;background:0 0;border:1px solid transparent;border-radius:10px;padding:8px 14px;font-size:13px;font-weight:700;color:var(--lxc-d-soft);cursor:pointer;transition:background .18s,color .18s,border-color .18s}.lxc-demo__filter:hover{background:#f8fafc;color:var(--lxc-d-ink)}.lxc-demo__filter.is-active{background:var(--lxc-d-ink);color:#fff;border-color:var(--lxc-d-ink)}.lxc-demo__filter span{font-size:11px;font-weight:800;padding:2px 7px;border-radius:999px;background:rgba(12,18,34,.06);color:var(--lxc-d-muted)}.lxc-demo__filter.is-active span{background:rgba(255,255,255,.18);color:#fff}.lxc-demo__filter-dot{width:10px;height:10px;border-radius:50%;background:var(--lxc-filter,var(--lxc-d-coral));flex-shrink:0}.lxc-demo__phase{margin-bottom:56px;scroll-margin-top:80px}.lxc-demo__phase-head{display:flex;align-items:center;gap:18px;margin-bottom:22px;padding-bottom:18px;border-bottom:2px solid var(--lxc-d-line)}.lxc-demo__phase-badge{flex-shrink:0;width:56px;height:56px;border-radius:14px;background:var(--lxc-phase,var(--lxc-d-coral));color:#fff;font-size:1.4rem;font-weight:900;letter-spacing:-.02em;display:flex;align-items:center;justify-content:center;box-shadow:0 12px 24px -10px var(--lxc-phase,var(--lxc-d-coral))}.lxc-demo__phase-title{margin:0;font-size:clamp(1.2rem, 2vw, 1.5rem);font-weight:900;color:var(--lxc-d-ink);letter-spacing:-.02em;line-height:1.2}.lxc-demo__phase-meta{margin:4px 0 0;font-size:13px;font-weight:600;color:var(--lxc-d-muted)}.lxc-demo__grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px, 1fr));gap:20px}.lxc-demo__card{display:flex;flex-direction:column;background:#fff;border:1px solid var(--lxc-d-line);border-radius:18px;overflow:hidden;text-align:left;cursor:pointer;font:inherit;color:inherit;padding:0;appearance:none;-webkit-appearance:none;box-shadow:0 12px 28px -18px rgba(12,18,34,.15);transition:transform .25s,box-shadow .25s,border-color .25s}.lxc-demo__card:hover,.lxc-demo__card:focus-visible{transform:translateY(-6px);border-color:var(--lxc-card,var(--lxc-d-coral));box-shadow:0 28px 56px -20px rgba(255,138,76,.3);outline:none}.lxc-demo__card.is-playing{border-color:var(--lxc-card,var(--lxc-d-coral));box-shadow:0 0 0 3px rgba(255,138,76,.3),0 28px 56px -20px rgba(255,138,76,.4)}.lxc-demo__card-thumb{position:relative;display:block;width:100%;aspect-ratio:16/10;background:linear-gradient(135deg,#1a2235,#0c1222);overflow:hidden}.lxc-demo__card-thumb img{width:100%;height:100%;object-fit:cover;transition:transform .45s ease}.lxc-demo__card:hover .lxc-demo__card-thumb img{transform:scale(1.05)}.lxc-demo__card-fallback{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--lxc-card,var(--lxc-d-coral)),color-mix(in srgb,var(--lxc-card,var(--lxc-d-coral)) 60%,#1a2235));overflow:hidden}@supports not (background:color-mix(in srgb,red,blue)){.lxc-demo__card-fallback{background:linear-gradient(135deg,var(--lxc-card,var(--lxc-d-coral)) 0%,rgba(12,18,34,.85) 100%)}}.lxc-demo__card-fallback{flex-direction:column;padding:18px 22px;text-align:center;gap:8px}.lxc-demo__card-fallback-pattern{position:absolute;inset:0;background-image:radial-gradient(circle at 20% 25%,rgba(255,255,255,.22) 0%,transparent 35%),radial-gradient(circle at 78% 75%,rgba(255,255,255,.14) 0%,transparent 40%),url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='120' height='120' viewBox='0 0 120 120'%3E%3Cg fill='none' stroke='%23ffffff' stroke-width='1' opacity='.16'%3E%3Ccircle cx='60' cy='60' r='32'/%3E%3Ccircle cx='60' cy='60' r='22'/%3E%3Ccircle cx='60' cy='60' r='12'/%3E%3C/g%3E%3Cg fill='%23ffffff' opacity='.18'%3E%3Crect x='14' y='14' width='5' height='5' rx='1'/%3E%3Crect x='100' y='14' width='5' height='5' rx='1'/%3E%3Crect x='14' y='100' width='5' height='5' rx='1'/%3E%3Crect x='100' y='100' width='5' height='5' rx='1'/%3E%3C/g%3E%3C/svg%3E");background-position:center,center,top right;background-size:cover,cover,120px 120px;background-repeat:no-repeat,no-repeat,repeat}.lxc-demo__card-fallback-play{position:relative;z-index:1;width:64px;height:64px;border-radius:50%;background:rgba(255,255,255,.22);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);border:2px solid rgba(255,255,255,.55);display:flex;align-items:center;justify-content:center;color:#fff;box-shadow:0 12px 32px rgba(0,0,0,.3);margin-bottom:6px}.lxc-demo__card-fallback-play svg{margin-left:3px}.lxc-demo__card-fallback-step{position:relative;z-index:1;font-size:10px;font-weight:900;letter-spacing:.18em;text-transform:uppercase;color:rgba(255,255,255,.88);background:rgba(0,0,0,.28);padding:4px 10px;border-radius:999px;backdrop-filter:blur(4px)}.lxc-demo__card-fallback-title{position:relative;z-index:1;font-size:14px;font-weight:800;color:#fff;line-height:1.3;text-shadow:0 2px 12px rgba(0,0,0,.45);max-width:90%;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.lxc-demo__card-play{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) scale(.9);width:56px;height:56px;border-radius:50%;background:rgba(255,138,76,.95);color:#fff;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .22s,transform .22s;z-index:2;box-shadow:0 12px 24px rgba(0,0,0,.3)}.lxc-demo__card:hover .lxc-demo__card-play,.lxc-demo__card:focus-visible .lxc-demo__card-play{opacity:1;transform:translate(-50%,-50%) scale(1.05)}.lxc-demo__card-duration{position:absolute;bottom:10px;right:10px;background:rgba(12,18,34,.85);color:#fff;font-size:11px;font-weight:800;padding:4px 8px;border-radius:6px;font-variant-numeric:tabular-nums;letter-spacing:.02em}.lxc-demo__card-phase{position:absolute;top:10px;left:10px;background:rgba(255,255,255,.92);color:var(--lxc-card,var(--lxc-d-coral));font-size:10px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;padding:4px 8px;border-radius:6px;max-width:calc(100% - 24px);overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.lxc-demo__card-body{padding:16px 18px 18px;flex:1;display:flex;flex-direction:column;gap:4px}.lxc-demo__card-title{display:block;font-size:17px;font-weight:800;color:var(--lxc-d-ink);line-height:1.3;letter-spacing:-.01em}.lxc-demo__card-desc{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;font-size:13.5px;line-height:1.5;color:var(--lxc-d-soft);margin-top:4px}.lxc-demo__empty{padding:48px 24px;background:#fff;border:1px dashed var(--lxc-d-line);border-radius:16px;text-align:center;color:var(--lxc-d-muted)}.lxc-demo__cta{background:linear-gradient(165deg,#0c1222 0%,#1a2235 100%);color:#fff;padding:96px 0;text-align:center;position:relative;overflow:hidden}.lxc-demo__cta:before{content:"";position:absolute;top:-20%;right:-10%;width:380px;height:380px;background:radial-gradient(circle,rgba(255,138,76,.18),transparent 70%);pointer-events:none}.lxc-demo__cta:after{content:"";position:absolute;bottom:-20%;left:-10%;width:380px;height:380px;background:radial-gradient(circle,rgba(29,158,117,.18),transparent 70%);pointer-events:none}.lxc-demo__cta-inner{position:relative;z-index:1}.lxc-demo__cta-eyebrow{display:inline-block;font-size:12px;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:#7fd1b9;padding:6px 14px;border-radius:999px;background:rgba(127,209,185,.12);margin:0 0 18px}.lxc-demo__cta-title{font-size:clamp(1.8rem, 4vw, 2.8rem);font-weight:900;line-height:1.05;letter-spacing:-.03em;margin:0 auto 16px;max-width:22ch;color:#fff}.lxc-demo__cta-title .lxc-demo__brush{color:#7fd1b9}.lxc-demo__cta-title .lxc-demo__brush:after{background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 200 14' preserveAspectRatio='none'%3E%3Cpath d='M2 7c30-6 60-6 96-3s60 3 100-2' fill='none' stroke='%237FD1B9' stroke-width='9' stroke-linecap='round'/%3E%3C/svg%3E") no-repeat center/100% 100%;opacity:.6}.lxc-demo__cta-sub{max-width:42rem;margin:0 auto 36px;color:rgba(255,255,255,.82);font-size:1rem;line-height:1.6}.lxc-demo__cta-btns{display:flex;gap:14px;justify-content:center;flex-wrap:wrap}.lxc-demo__btn{display:inline-flex;align-items:center;justify-content:center;padding:16px 32px;border-radius:12px;font-weight:800;font-size:15px;text-decoration:none;transition:transform .2s,box-shadow .2s,background .2s;border:1px solid transparent;cursor:pointer}.lxc-demo__btn--primary{background:linear-gradient(135deg,var(--lxc-d-coral),var(--lxc-d-coral-d));color:#fff;box-shadow:0 18px 32px -14px rgba(255,138,76,.6)}.lxc-demo__btn--primary:hover{transform:translateY(-2px);box-shadow:0 24px 40px -14px rgba(255,138,76,.75)}.lxc-demo__btn--ghost{color:#fff;background:0 0;border-color:rgba(255,255,255,.3)}.lxc-demo__btn--ghost:hover{background:rgba(255,255,255,.08);border-color:rgba(255,255,255,.5)}@media (max-width:768px){.lxc-demo__player-wrap{position:static;padding:0;margin:0 0 24px;background:0 0;box-shadow:none;border-bottom:none}.lxc-demo__player video{max-height:50vh}.lxc-demo__grid{grid-template-columns:1fr}.lxc-demo__phase-badge{width:44px;height:44px;font-size:1.1rem}.lxc-demo__hero{padding:64px 0 40px}.lxc-demo__main{padding:32px 0 56px}}.lxc-demo .plyr{border-radius:20px;--plyr-color-main:#ff8a4c}.lxc-demo .plyr--fullscreen-active,.lxc-demo .plyr--fullscreen-active video{max-height:none !important;width:100% !important;height:100% !important;border-radius:0 !important}