/* Studio NLT SOLUTIONS */
.brand{display:flex;align-items:center;gap:.55rem;text-decoration:none}.stag{font-weight:800;font-size:.78rem;letter-spacing:.08em;text-transform:uppercase;background:var(--grad);color:#fff;padding:.28rem .6rem;border-radius:999px}
.sh-hero{position:relative;overflow:hidden;background:#070D18;color:#fff;isolation:isolate}
.sh-hero .hbg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.42;z-index:-2;animation:kb 18s ease-in-out infinite alternate}
.sh-hero::before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(7,13,24,.94),rgba(7,13,24,.55)),radial-gradient(700px 360px at 85% 10%,rgba(124,92,255,.5),transparent 60%)}
.sh-hero .net{z-index:0}.sh-hero .wrap{position:relative;z-index:2;display:grid;grid-template-columns:1.15fr .85fr;gap:40px;align-items:center;padding:96px 0 104px}
.sh-hero.sm .wrap{padding:72px 0 80px}.sh-hero.xs .wrap{grid-template-columns:1fr;padding:46px 0 52px}
.sh-hero h1{font-size:clamp(2.2rem,5vw,3.8rem);font-weight:800;margin:1rem 0;line-height:1.06;letter-spacing:-.035em}.sh-hero.sm h1,.sh-hero.xs h1{font-size:clamp(2rem,4.2vw,3rem)}
.sh-hero h1 em{font-style:normal;background:linear-gradient(90deg,#7FE3F5,#B9A8FF);-webkit-background-clip:text;background-clip:text;color:transparent}.sh-hero .lead{color:#DCE5EE;font-size:1.12rem;max-width:580px}
.wavebox{display:flex;align-items:center;gap:5px;height:220px;padding:20px;border-radius:28px;background:rgba(255,255,255,.05);border:1px solid rgba(127,227,245,.2);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}
.wavebox i{flex:1;height:var(--h);border-radius:4px;background:linear-gradient(180deg,#7FE3F5,#7C5CFF);animation:wv 1.4s ease-in-out infinite alternate;animation-delay:var(--d);transform-origin:center}
@keyframes wv{from{transform:scaleY(.25)}to{transform:scaleY(1)}}
.tys{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.ty{background:#fff;border:1px solid var(--line);border-radius:20px;padding:22px;display:grid;gap:.3rem}.ty .ic{width:44px;height:44px;border-radius:14px;background:var(--grad);color:#fff;display:grid;place-items:center;margin-bottom:.4rem}.ty .ic svg{width:21px;height:21px}.ty small{color:var(--mut);font-size:.9rem}
.player-card{background:#0B1220;color:#fff;border-radius:28px;padding:28px;box-shadow:var(--sh);position:relative;overflow:hidden}.player-card::before{content:"";position:absolute;inset:0;background:radial-gradient(400px 220px at 100% 0,rgba(124,92,255,.45),transparent 60%)}.player-card>*{position:relative}
.pc-top{display:flex;gap:.5rem;align-items:center;font-size:.8rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:#7FE3F5}.pc-top .dot{width:9px;height:9px;border-radius:50%;background:#FF5A5F;box-shadow:0 0 0 0 rgba(255,90,95,.6);animation:pl 1.6s infinite}@keyframes pl{to{box-shadow:0 0 0 10px rgba(255,90,95,0)}}
.pc-txt{font-size:1.08rem;color:#DCE5EE;margin:1rem 0 1.2rem}.pc-wave{display:flex;align-items:center;gap:3px;height:70px}.pc-wave i{flex:1;height:var(--h);border-radius:3px;background:linear-gradient(180deg,#7FE3F5,#7C5CFF);opacity:.85}
.pc-wave.big{height:90px;margin-bottom:1rem}.pc-wave.playing i{animation:wv .8s ease-in-out infinite alternate}.pc-wave.playing i:nth-child(3n){animation-delay:.2s}.pc-wave.playing i:nth-child(3n+1){animation-delay:.45s}
.pc-meta{display:flex;gap:1rem;flex-wrap:wrap;margin-top:1rem;font-size:.85rem;color:#AFC0D2}.pc-meta span{display:flex;gap:.35rem;align-items:center}.pc-meta svg{width:15px;height:15px}
/* timeline */
.tl{max-width:860px;margin:0 auto;display:grid;gap:22px;position:relative}.tl::before{content:"";position:absolute;left:27px;top:20px;bottom:20px;width:2px;background:linear-gradient(180deg,#279DB8,#7C5CFF)}
.tli{display:grid;grid-template-columns:56px 1fr;gap:20px;align-items:start}.tn{width:56px;height:56px;border-radius:50%;background:var(--grad);color:#fff;font-weight:800;font-size:1.3rem;display:grid;place-items:center;position:relative;z-index:1;box-shadow:0 0 0 6px #fff}
.tlc{background:#fff;border:1px solid var(--line);border-radius:22px;padding:24px}.tlc .ic{width:42px;height:42px;border-radius:13px;background:#EEF6FA;color:var(--teal);display:grid;place-items:center;margin-bottom:.7rem}.tlc .ic svg{width:20px;height:20px}.tlc h3{font-size:1.2rem}.tlc p{color:var(--mut);margin:.4rem 0 0}.tlc .ck{margin-top:1rem}
.credits{max-width:860px;margin:0 auto;background:#fff;border:1px solid var(--line);border-radius:28px;padding:36px;text-align:center}.ic.big{width:60px;height:60px;border-radius:18px;background:var(--grad);color:#fff;display:inline-grid;place-items:center}.ic.big svg{width:28px;height:28px}
.credits h2{font-size:1.9rem;margin:1rem 0 1.4rem}.cr3{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.cr3 b{display:block;font-size:2.2rem;font-weight:800;background:var(--grad);-webkit-background-clip:text;background-clip:text;color:transparent}.cr3 span{color:var(--mut)}
.warn{margin-top:1.6rem;background:#FFF6E0;border:1px solid #F5D98B;border-radius:16px;padding:16px 18px;color:#7A5300;text-align:left;font-size:.95rem}
/* démo */
.tracks{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.trk{display:grid;grid-template-columns:auto 1fr;gap:.2rem .9rem;align-items:center;text-align:left;background:#fff;border:1px solid var(--line);border-radius:18px;padding:16px 18px;font:inherit;color:var(--ink);cursor:pointer;transition:border-color .2s,box-shadow .2s}
.trk:hover{border-color:#B9C6D4}.trk .pp{grid-row:span 2;width:46px;height:46px;border-radius:50%;background:var(--grad);color:#fff;display:grid;place-items:center}.trk .pp svg{width:18px;height:18px;margin-left:2px}
.trk .tt b{display:block}.trk .tt small{color:var(--mut);font-size:.84rem}.trk .bar{height:4px;border-radius:4px;background:#E9EEF4;overflow:hidden}.trk .bar i{display:block;height:100%;width:0;background:var(--grad)}
.trk.on{border-color:var(--vio);box-shadow:0 0 0 4px rgba(124,92,255,.12)}.trk.on .pp svg{display:none}.trk.on .pp::before{content:"";width:14px;height:14px;background:linear-gradient(90deg,#fff 35%,transparent 35% 65%,#fff 65%)}
.trk.load .pp{opacity:.6}
/* application */
.studio-app{background:var(--bg);padding-top:48px}
.st-card{background:#fff;border:1px solid var(--line);border-radius:24px;padding:26px;margin-bottom:18px}
.st-login{max-width:520px;margin:0 auto;text-align:center}.st-login h2{margin:1rem 0 .3rem}.st-login form{display:grid;gap:12px;margin-top:1.2rem}
.st-login input{text-align:center;font-size:1.4rem;font-weight:800;letter-spacing:.2em;text-transform:uppercase;padding:1rem}
.st-info{display:flex;gap:.8rem;text-align:left;background:#F2F6FA;border-radius:16px;padding:16px;margin-top:1.2rem}.st-info svg{width:22px;height:22px;color:var(--vio);flex:none}.st-info span{display:block;color:var(--mut);font-size:.9rem}.st-info a{color:var(--teal2);font-weight:700}
.st-top{display:flex;align-items:center;gap:1rem;background:#0B1220;color:#fff;border-radius:22px;padding:18px 22px;margin-bottom:18px}.st-top small{display:block;color:#AFC0D2;font-size:.8rem}.st-top b{font-size:1.15rem}
.st-cr{margin-left:auto;text-align:right}.st-cr span{font-size:1.9rem;font-weight:800;background:linear-gradient(90deg,#7FE3F5,#B9A8FF);-webkit-background-clip:text;background-clip:text;color:transparent}.st-top .btn-o{background:transparent;color:#fff;box-shadow:inset 0 0 0 1.5px rgba(255,255,255,.3)}
.st-grid{display:grid;grid-template-columns:1fr 380px;gap:18px;align-items:start}.sticky{position:sticky;top:96px}
.st-h{display:flex;gap:.6rem;align-items:center;font-weight:800;font-size:1.1rem;margin-bottom:1rem}.st-h span{width:30px;height:30px;border-radius:50%;background:var(--grad);color:#fff;display:grid;place-items:center;font-size:.9rem}
.st-card label{margin-bottom:12px}.st-l{font-size:.85rem;font-weight:700;color:var(--ink2);margin:4px 0 8px}
.seg{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:14px}.seg button{border:1.5px solid var(--line);background:#fff;border-radius:999px;padding:.55rem .95rem;font:inherit;font-weight:700;font-size:.9rem;cursor:pointer;color:var(--ink2)}.seg button.on{background:var(--grad);color:#fff;border-color:transparent}
.st-ai{background:#F6F3FF;border-radius:16px;padding:12px 16px;margin-bottom:14px}.st-ai summary{cursor:pointer;font-weight:700;color:#5B3FE0;display:flex;gap:.45rem;align-items:center}.st-ai summary svg{width:18px;height:18px}.st-ai[open] summary{margin-bottom:10px}
.st-cnt{font-size:.82rem;color:var(--mut);margin-top:-6px}
.vgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.mgrid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-bottom:14px}
.vc,.mc{position:relative;display:grid;gap:.15rem;justify-items:start;text-align:left;border:1.5px solid var(--line);background:#fff;border-radius:16px;padding:14px;font:inherit;color:var(--ink);cursor:pointer;transition:border-color .2s,box-shadow .2s}
.vc.on,.mc.on{border-color:var(--vio);box-shadow:0 0 0 4px rgba(124,92,255,.12)}.vc small,.mc small{color:var(--mut);font-size:.8rem}
.av{width:36px;height:36px;border-radius:50%;display:grid;place-items:center;font-weight:800;color:#fff;margin-bottom:.3rem}.av.F{background:linear-gradient(135deg,#FF7EB3,#7C5CFF)}.av.H{background:linear-gradient(135deg,#279DB8,#13416B)}
.vplay{position:absolute;top:10px;right:10px;width:32px;height:32px;border-radius:50%;background:#F1F4F8;color:var(--ink);display:grid;place-items:center}.vplay svg{width:14px;height:14px;margin-left:2px}.vplay:hover{background:#E3E8EF}.vplay.on{background:var(--grad);color:#fff}
.st-vol{display:flex!important;align-items:center;gap:12px}.st-vol input{flex:1;padding:0;border:0;accent-color:#7C5CFF}
.st-dl{display:grid;gap:8px;margin-top:1rem;padding-top:1rem;border-top:1px solid var(--line)}.st-dl a{display:flex;gap:.5rem;align-items:center;padding:.7rem .9rem;border-radius:12px;background:#F2F6FA;text-decoration:none;font-weight:700;font-size:.9rem;cursor:pointer}.st-dl a svg{width:17px;height:17px;color:var(--teal)}
.st-hist{margin-top:1rem}.st-hist b{display:block;font-size:.85rem;margin-bottom:.4rem}.st-hist div{font-size:.84rem;color:var(--mut);padding:.4rem 0;border-top:1px solid var(--line)}
#stAudio{width:100%;margin-bottom:.8rem}
@media(max-width:1000px){.st-grid{grid-template-columns:1fr}.sticky{position:static}}
@media(max-width:960px){.sh-hero .wrap{grid-template-columns:1fr;padding:64px 0 72px}.wavebox{height:130px}.tys,.tracks{grid-template-columns:1fr 1fr}.mgrid{grid-template-columns:repeat(3,1fr)}}
@media(max-width:640px){.tys,.tracks,.cr3{grid-template-columns:1fr}.vgrid{grid-template-columns:1fr 1fr}.mgrid{grid-template-columns:1fr 1fr}.st-top{flex-wrap:wrap}.st-cr{margin-left:0;text-align:left}.credits{padding:24px}.tl::before{left:21px}.tli{grid-template-columns:44px 1fr;gap:12px}.tn{width:44px;height:44px}}
@media (prefers-reduced-motion:reduce){.sh-hero .hbg,.wavebox i,.pc-wave.playing i{animation:none}}