/* 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}}
.g4s{grid-template-columns:repeat(4,1fr)}@media(max-width:960px){.g4s{grid-template-columns:1fr 1fr}}@media(max-width:640px){.g4s{grid-template-columns:1fr}}
.seg.ctr{justify-content:center;margin:0 auto 24px;max-width:900px}.trk[hidden]{display:none}
.vc .loc{position:absolute;right:48px;top:14px;font-size:.72rem;font-weight:800;color:var(--mut)}.vc .mtag2{font-size:.68rem;font-weight:800;color:#5B3FE0;background:#F1EDFF;border-radius:999px;padding:.1rem .45rem}
.vgrid{max-height:520px;overflow:auto;padding:4px}
/* catalogue musical */
.msearch{max-width:520px;margin:0 auto .8rem}.msearch input{width:100%;padding:.75rem 1rem;border-radius:999px;border:1px solid rgba(124,92,255,.35);font:inherit;background:#fff}
#stMQ{border-radius:12px}.st-app .msearch{max-width:none;margin:.2rem 0 .6rem}
#stMF{display:flex;flex-wrap:wrap;gap:.35rem;margin-bottom:.7rem}
.trk{position:relative}.rk{display:inline-grid;place-items:center;min-width:2.1rem;height:2.1rem;border-radius:10px;background:linear-gradient(135deg,#FF8A3D,#FF3D77);color:#fff;font-weight:800;font-size:.85rem;flex:none}
.mc{position:relative}.mc .rk{position:absolute;top:-.5rem;left:-.5rem;min-width:1.7rem;height:1.7rem;font-size:.72rem;border-radius:8px;box-shadow:0 4px 10px rgba(255,61,119,.3)}
#mMore{margin-top:1rem}
.trk .rk{position:absolute;top:-.55rem;left:-.55rem;min-width:1.9rem;height:1.9rem;font-size:.75rem;border-radius:9px;box-shadow:0 4px 10px rgba(255,61,119,.3);z-index:1}
#mList{padding-top:.4rem}
/* modèles de textes */
.st-mod .seg{display:flex;flex-wrap:wrap;gap:.35rem;margin:.7rem 0}
.mod-g{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:.6rem}
.mod-c{display:grid;gap:.3rem;text-align:left;font:inherit;background:#fff;border:1px solid rgba(124,92,255,.25);border-radius:14px;padding:.75rem .85rem;cursor:pointer;transition:.15s}
.mod-c:hover{border-color:#7C5CFF;box-shadow:0 8px 20px -12px rgba(124,92,255,.5)}
.mod-c.on{border-color:#7C5CFF;background:#F4F1FF}
.mod-c b{font-size:.9rem}.mod-c span{font-size:.8rem;color:#5B7186;line-height:1.4;display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden}
.mod-n{margin:.6rem 0 0;font-size:.82rem}
.mod-g[hidden]{display:none}
/* lecteur audio */
.mplayer{position:fixed;left:50%;bottom:18px;transform:translateX(-50%);z-index:80;width:min(560px,calc(100% - 32px));display:flex;align-items:center;gap:.8rem;background:#0B1B2E;color:#fff;border-radius:18px;padding:.65rem .9rem;box-shadow:0 18px 40px -12px rgba(11,27,46,.55)}
.mplayer[hidden]{display:none}
.mplayer.inline{position:static;transform:none;width:auto;margin:.2rem 0 .8rem;background:#F4F1FF;color:#0B1B2E;box-shadow:none}
.mp-pp{flex:none;width:42px;height:42px;border-radius:50%;border:0;display:grid;place-items:center;cursor:pointer;color:#fff;background:linear-gradient(135deg,#2E8BD8,#7C5CFF)}
.mp-pp svg{width:18px;height:18px}.mp-pp .i-pa{display:none}.mp-pp.on .i-pa{display:block}.mp-pp.on .i-pl{display:none}
.mp-i{flex:1;min-width:0}.mp-t{display:block;font-size:.88rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-bottom:.35rem}
.mp-bar{height:8px;border-radius:99px;background:rgba(255,255,255,.18);cursor:pointer;position:relative;overflow:hidden}.mplayer.inline .mp-bar{background:rgba(124,92,255,.18)}
.mp-bar i{position:absolute;left:0;top:0;bottom:0;width:0;border-radius:99px;background:linear-gradient(90deg,#2E8BD8,#7C5CFF)}
.mp-time{flex:none;font-size:.8rem;font-variant-numeric:tabular-nums;opacity:.85}
.mp-x{flex:none;background:none;border:0;color:inherit;opacity:.7;cursor:pointer;font-size:1rem;padding:.3rem}
#stPrev.load{opacity:.75;cursor:progress}
@media(max-width:640px){.mplayer{bottom:calc(84px + env(safe-area-inset-bottom))}}
.st-tip{font-size:.82rem;margin:.3rem 0 0}.st-dl small{display:block;margin-top:.4rem;font-size:.72rem}
/* voix : liste claire et compacte */
.vgrid{grid-template-columns:repeat(auto-fill,minmax(230px,1fr));max-height:430px;overflow:auto;padding:4px 6px 4px 4px;scrollbar-width:thin}
.vgh{grid-column:1/-1;font-size:.78rem;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:#5B3FE0;margin:.5rem 0 .1rem}
.vgh:first-child{margin-top:0}
.vc{grid-template-columns:auto 1fr auto;align-items:center;gap:.7rem;padding:10px 12px}
.vc .av{margin:0;width:38px;height:38px}.vtx{display:grid;gap:.05rem;min-width:0}.vtx b{font-size:.95rem}.vtx small{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.vtx .vacc{font-size:.72rem;opacity:.8}
.vc .vplay{position:static}.vtop{color:#E0921C;font-size:.85rem}
#demoVoix .vgh{margin:.9rem 0 .2rem}
/* page plus courte : zones défilantes */
#stMus{max-height:340px;overflow:auto;padding:10px 6px 4px 10px;scrollbar-width:thin}
.ft{padding-bottom:30px}.ft .top{grid-template-columns:1.3fr 1fr 1fr 1fr;padding-top:60px}
@media(max-width:960px){.ft .top{grid-template-columns:1fr 1fr}}
@media(max-width:640px){.ft .top{grid-template-columns:1fr;gap:26px;padding-top:40px}.ft h4{font-size:.78rem;text-transform:uppercase;letter-spacing:.12em;color:#7FE3F5}.ft .bot{flex-direction:column;text-align:center}}

.nback{background:#0B1220;font-size:.85rem}.nback .wrap{padding-top:.45rem;padding-bottom:.45rem}.nback a{color:#DCE6F0;font-weight:700;text-decoration:none;display:inline-flex;gap:.4rem;align-items:center}.nback a:hover{color:#fff}