:root{
  --ink:#070707;--ink-2:#0d0d0d;--panel:#121210;--panel-2:#171714;
  --line:rgba(255,255,255,.09);--line-gold:rgba(216,178,92,.24);
  --text:#f4f0e7;--muted:#a7a39b;--dim:#747169;
  --gold:#d8b25c;--gold-2:#f0d58d;--mint:#a7cbb8;--danger:#e88370;
  --serif:Georgia,'Times New Roman',serif;--sans:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;
  --max:1240px;--radius:22px;--shadow:0 28px 80px rgba(0,0,0,.35)
}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--ink);color:var(--text);font-family:var(--sans);font-size:16px;line-height:1.55;overflow-x:hidden}body:before{content:"";position:fixed;inset:0;z-index:-2;background:radial-gradient(900px 500px at 82% -10%,rgba(216,178,92,.12),transparent 65%),radial-gradient(700px 440px at -10% 35%,rgba(83,111,98,.10),transparent 65%),#070707}body:after{content:"";position:fixed;inset:0;z-index:-1;opacity:.025;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.8'/%3E%3C/svg%3E");pointer-events:none}a{color:inherit}button,input,select,textarea{font:inherit}.skip{position:fixed;left:16px;top:-60px;z-index:1000;background:var(--gold);color:#090806;padding:10px 16px;border-radius:10px}.skip:focus{top:16px}.container{width:min(var(--max),calc(100% - 48px));margin:0 auto}.eyebrow{display:flex;align-items:center;gap:10px;color:var(--gold-2);font-size:.76rem;font-weight:800;letter-spacing:.18em;text-transform:uppercase}.eyebrow:before{content:"";width:28px;height:1px;background:currentColor}.display{margin:.35em 0 .28em;font-family:var(--serif);font-weight:400;font-size:clamp(3rem,7.2vw,7rem);line-height:.91;letter-spacing:-.055em}.display em,.section-title em{color:var(--gold-2);font-weight:400}.lead{max-width:690px;color:#c8c4bc;font-size:clamp(1.05rem,1.7vw,1.28rem);line-height:1.65}.muted{color:var(--muted)}.gold{color:var(--gold-2)}
.site-header{position:sticky;top:0;z-index:100;background:rgba(7,7,7,.80);backdrop-filter:blur(20px);border-bottom:1px solid var(--line)}.nav{height:76px;display:flex;align-items:center;gap:28px}.brand{display:flex;align-items:center;gap:13px;text-decoration:none;margin-right:auto}.brand-mark{width:38px;height:38px;border:1px solid var(--line-gold);border-radius:50%;display:grid;place-items:center;font-family:var(--serif);font-size:1.35rem;color:var(--gold-2);background:linear-gradient(145deg,rgba(216,178,92,.12),transparent)}.brand-name{font-size:.91rem;font-weight:800;letter-spacing:.2em}.brand-name small{display:block;color:var(--dim);font-size:.75rem;letter-spacing:.32em;margin-top:1px}.nav-links{display:flex;align-items:center;gap:6px}.nav-links a{padding:10px 12px;text-decoration:none;color:#bbb7af;font-size:.86rem;border-radius:10px;transition:.2s}.nav-links a:hover,.nav-links a.active{color:var(--text);background:rgba(255,255,255,.055)}.nav-cta{display:inline-flex;align-items:center;gap:8px;padding:10px 16px;border:1px solid var(--line-gold);border-radius:999px;color:var(--gold-2);text-decoration:none;font-size:.82rem;font-weight:700}.menu-btn{display:none;width:42px;height:42px;border:1px solid var(--line);background:transparent;border-radius:12px;color:var(--text);cursor:pointer}.menu-btn span{display:block;width:18px;height:1px;background:currentColor;margin:5px auto}
.page-progress{position:absolute;left:0;bottom:-1px;width:100%;height:1px;transform-origin:left;transform:scaleX(0);background:linear-gradient(90deg,var(--gold),var(--gold-2));box-shadow:0 0 16px rgba(240,213,141,.5)}
.hero{min-height:calc(100svh - 76px);display:grid;align-items:center;padding:70px 0 56px;position:relative}.hero-grid{display:grid;grid-template-columns:minmax(0,1.07fr) minmax(360px,.93fr);gap:74px;align-items:center}.hero-copy{position:relative;z-index:2}.hero-note{display:flex;align-items:center;gap:12px;margin-top:30px;color:var(--muted);font-size:.84rem}.hero-note i{width:38px;height:1px;background:var(--line-gold)}.hero-actions,.actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:34px}.btn{appearance:none;border:1px solid transparent;min-height:48px;padding:12px 19px;border-radius:999px;display:inline-flex;align-items:center;justify-content:center;gap:10px;text-decoration:none;font-size:.88rem;font-weight:800;cursor:pointer;transition:transform .2s,background .2s,border-color .2s,color .2s}.btn:hover{transform:translateY(-2px)}.btn-primary{background:var(--gold-2);color:#0a0907;box-shadow:0 12px 34px rgba(216,178,92,.18)}.btn-secondary{border-color:var(--line);background:rgba(255,255,255,.035);color:var(--text)}.btn-quiet{color:var(--gold-2);padding-inline:4px}.hero-art{position:relative;min-height:620px}.hero-frame{position:absolute;inset:0 0 0 10%;border-radius:180px 180px 22px 22px;overflow:hidden;background:#111}.hero-frame img{width:100%;height:100%;object-fit:cover;filter:saturate(.78) contrast(1.05)}.hero-frame:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 45%,rgba(7,7,7,.88)),linear-gradient(90deg,rgba(7,7,7,.2),transparent)}.hero-stat{position:absolute;z-index:3;left:0;bottom:44px;width:220px;padding:22px;background:rgba(15,15,14,.9);border:1px solid var(--line-gold);border-radius:18px;backdrop-filter:blur(16px);box-shadow:var(--shadow)}.hero-stat strong{display:block;font-family:var(--serif);font-size:2.5rem;font-weight:400;color:var(--gold-2);line-height:1}.hero-stat span{display:block;color:var(--muted);font-size:.8rem;margin-top:8px}.sound-orbit{position:absolute;right:-42px;top:80px;width:112px;height:112px;border-radius:50%;border:1px solid var(--line-gold);display:grid;place-items:center;background:rgba(7,7,7,.78);backdrop-filter:blur(10px)}.sound-bars{display:flex;align-items:center;gap:4px;height:38px}.sound-bars i{width:3px;border-radius:4px;background:var(--gold-2);animation:bars 1.1s ease-in-out infinite alternate}.sound-bars i:nth-child(1){height:18px}.sound-bars i:nth-child(2){height:32px;animation-delay:-.4s}.sound-bars i:nth-child(3){height:25px;animation-delay:-.7s}.sound-bars i:nth-child(4){height:36px;animation-delay:-.2s}.sound-bars i:nth-child(5){height:20px;animation-delay:-.55s}@keyframes bars{to{height:9px}}
.marquee{border-block:1px solid var(--line);overflow:hidden;padding:14px 0;background:rgba(255,255,255,.018)}.marquee-track{width:max-content;display:flex;animation:marquee 35s linear infinite}.marquee span{color:#a8a49c;font-size:.76rem;letter-spacing:.18em;text-transform:uppercase;padding:0 28px}.marquee b{color:var(--gold);margin-right:28px}@keyframes marquee{to{transform:translateX(-50%)}}
.section{padding:112px 0}.section.tight{padding:72px 0}.section-head{display:flex;align-items:end;justify-content:space-between;gap:30px;margin-bottom:38px}.section-title{font-family:var(--serif);font-size:clamp(2.25rem,4.5vw,4.5rem);font-weight:400;line-height:1;letter-spacing:-.045em;margin:.18em 0}.section-head p{max-width:440px;color:var(--muted);margin:0 0 8px}.surface{background:linear-gradient(145deg,rgba(255,255,255,.045),rgba(255,255,255,.018));border:1px solid var(--line);border-radius:var(--radius)}
.surface,.genre-card,.collection{--mx:50%;--my:50%}.spotlight{background-image:radial-gradient(500px circle at var(--mx) var(--my),rgba(216,178,92,.08),transparent 44%),linear-gradient(145deg,rgba(255,255,255,.045),rgba(255,255,255,.018))}
.finder{padding:20px;display:grid;grid-template-columns:1.2fr .6fr auto;gap:12px;box-shadow:var(--shadow)}.field{position:relative}.field input,.field select,.field textarea{width:100%;height:54px;color:var(--text);background:#0c0c0b;border:1px solid var(--line);border-radius:14px;padding:0 16px;outline:none}.field textarea{height:160px;padding:16px;resize:vertical}.field input:focus,.field select:focus,.field textarea:focus{border-color:rgba(216,178,92,.6);box-shadow:0 0 0 3px rgba(216,178,92,.08)}.field select{appearance:none}.finder .btn{min-height:54px;border-radius:14px}.chips{display:flex;gap:9px;flex-wrap:wrap;margin-top:18px}.chip{border:1px solid var(--line);border-radius:999px;background:transparent;color:#aaa69e;padding:8px 13px;font-size:.78rem;cursor:pointer}.chip:hover,.chip.active{border-color:var(--line-gold);color:var(--gold-2);background:rgba(216,178,92,.07)}
.genre-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.genre-card{position:relative;aspect-ratio:.86;border-radius:18px;overflow:hidden;border:1px solid var(--line);text-decoration:none;isolation:isolate;background:#080a0d;color:#f5f1e9;box-shadow:0 22px 55px rgba(0,0,0,.2)}.genre-card:first-child{grid-column:span 2;aspect-ratio:1.76}.genre-card img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2;transition:transform .8s cubic-bezier(.2,.7,.2,1),filter .6s;filter:saturate(.78) contrast(1.04) brightness(.9)}.genre-card:before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(145deg,rgba(8,12,18,.08),rgba(8,7,5,.2));box-shadow:inset 0 0 0 1px rgba(255,255,255,.025)}.genre-card:after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,rgba(5,7,10,.04) 18%,rgba(5,5,5,.24) 50%,rgba(5,5,5,.96) 100%)}.genre-card:hover img{transform:scale(1.045);filter:saturate(.92) contrast(1.04) brightness(.98)}.genre-card-content{position:absolute;left:22px;right:22px;bottom:20px}.genre-card small{color:rgba(255,255,255,.64);font-size:.75rem;letter-spacing:.12em;text-transform:uppercase}.genre-card h3{font-family:var(--serif);font-size:1.7rem;font-weight:400;margin:4px 0 0;color:#f5f1e9!important;-webkit-text-fill-color:#f5f1e9;text-shadow:0 2px 20px rgba(0,0,0,.9)}.genre-card .arrow{position:absolute;right:18px;top:18px;width:40px;height:40px;display:grid;place-items:center;border:1px solid rgba(255,255,255,.24);border-radius:50%;background:rgba(5,5,5,.35);backdrop-filter:blur(8px)}
.track-panel{overflow:hidden}.track-toolbar{padding:18px 22px;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;align-items:center}.track-toolbar span{color:var(--muted);font-size:.8rem}.track-list{display:grid}.track{display:grid;grid-template-columns:42px minmax(0,1fr) 120px 42px;align-items:center;gap:14px;padding:15px 22px;border-bottom:1px solid rgba(255,255,255,.055);transition:.2s}.track:last-child{border-bottom:0}.track:hover{background:rgba(255,255,255,.025)}.play{width:38px;height:38px;border:1px solid var(--line-gold);border-radius:50%;display:grid;place-items:center;background:rgba(216,178,92,.06);color:var(--gold-2);cursor:pointer}.track-title{font-weight:700;font-size:.9rem}.track-sub{color:var(--dim);font-size:.75rem;margin-top:2px}.track-tag{font-size:.7rem;color:#aaa59b;text-transform:uppercase;letter-spacing:.08em}.icon-btn{width:38px;height:38px;border:0;background:transparent;color:#8d8981;cursor:pointer;border-radius:50%}.icon-btn:hover{background:rgba(255,255,255,.06);color:var(--gold-2)}
.statement-section{padding:82px 0}.statement{position:relative;display:grid;grid-template-columns:minmax(250px,.68fr) minmax(0,1.32fr);gap:clamp(44px,7vw,110px);align-items:stretch;padding:clamp(32px,5vw,72px);overflow:hidden;background:radial-gradient(620px 420px at 4% 18%,rgba(216,178,92,.13),transparent 66%),linear-gradient(135deg,rgba(255,255,255,.052),rgba(255,255,255,.012));box-shadow:0 34px 90px rgba(0,0,0,.3),inset 0 1px rgba(255,255,255,.045)}.statement:before{content:"";position:absolute;inset:18px;border:1px solid rgba(216,178,92,.1);border-radius:calc(var(--radius) - 7px);pointer-events:none}.statement:after{content:"";position:absolute;width:420px;height:420px;border:1px solid rgba(216,178,92,.08);border-radius:50%;left:-230px;bottom:-255px;box-shadow:0 0 0 55px rgba(216,178,92,.025),0 0 0 110px rgba(216,178,92,.018);pointer-events:none}.statement-brand{position:relative;z-index:1;min-height:390px;border-right:1px solid var(--line-gold);display:flex;flex-direction:column;justify-content:center;padding-right:clamp(28px,5vw,72px)}.statement-number{font-family:var(--serif);font-size:clamp(7rem,12vw,11rem);line-height:.72;color:var(--gold-2);text-shadow:0 14px 60px rgba(216,178,92,.18)}.statement-label{margin-top:34px;color:var(--gold);font-size:.69rem;font-weight:900;letter-spacing:.24em}.statement-wave{height:54px;display:flex;align-items:center;gap:6px;margin-top:34px}.statement-wave i{display:block;width:3px;border-radius:5px;background:linear-gradient(180deg,var(--gold-2),rgba(216,178,92,.18))}.statement-wave i:nth-child(1),.statement-wave i:nth-child(9){height:12px}.statement-wave i:nth-child(2),.statement-wave i:nth-child(8){height:24px}.statement-wave i:nth-child(3),.statement-wave i:nth-child(7){height:36px}.statement-wave i:nth-child(4),.statement-wave i:nth-child(6){height:48px}.statement-wave i:nth-child(5){height:28px}.statement-copy{position:relative;z-index:1;display:flex;flex-direction:column;justify-content:center}.statement blockquote{font-family:var(--serif);font-size:clamp(2.3rem,4.2vw,4.45rem);line-height:1.08;letter-spacing:-.045em;margin:18px 0 0;max-width:950px}.statement p{color:var(--muted);max-width:760px;margin:28px 0 0;font-size:1rem;line-height:1.75}.statement-footer{display:flex;justify-content:space-between;align-items:center;gap:24px;flex-wrap:wrap;margin-top:34px}.statement-values{display:flex;gap:8px;flex-wrap:wrap}.statement-values span{border:1px solid var(--line);border-radius:999px;padding:8px 13px;color:#c8c2b6;font-size:.73rem;letter-spacing:.08em;text-transform:uppercase}.statement-footer .btn{margin:0}.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.feature{padding:28px;min-height:220px}.feature .num{color:var(--gold);font-size:.75rem;letter-spacing:.14em}.feature h3{font-family:var(--serif);font-size:1.55rem;font-weight:400;margin:48px 0 12px}.feature p{color:var(--muted);font-size:.9rem;margin:0}
.page-hero{--page-art:url('assets/background-catalogue-v4.webp');--page-focus:68% 50%;position:relative;isolation:isolate;min-height:520px;display:grid;align-items:end;padding:128px 0 82px;overflow:hidden;border-bottom:1px solid rgba(216,178,92,.18);background:#080808}.page-hero:before{content:"";position:absolute;inset:-3%;z-index:-3;background-image:var(--page-art);background-size:cover;background-position:var(--page-focus);filter:saturate(.78) contrast(1.06);transform:scale(1.025);animation:pageHeroDrift 22s ease-in-out infinite alternate}.page-hero:after{content:"";position:absolute;inset:0;z-index:-2;background:linear-gradient(90deg,#070707 0%,rgba(7,7,7,.96) 28%,rgba(7,7,7,.62) 56%,rgba(7,7,7,.28) 76%,rgba(7,7,7,.72) 100%),linear-gradient(180deg,rgba(7,7,7,.28),transparent 45%,#070707 100%)}.page-hero .container{position:relative}.page-hero .container:before{content:"";position:absolute;right:4%;top:50%;width:310px;aspect-ratio:1;border:1px solid rgba(240,213,141,.16);border-radius:50%;transform:translateY(-50%);box-shadow:0 0 0 32px rgba(216,178,92,.025),0 0 90px rgba(216,178,92,.09);pointer-events:none}.page-hero-grid{position:relative;z-index:1;display:grid;grid-template-columns:1fr .55fr;gap:70px;align-items:end}.page-hero .display{max-width:930px;font-size:clamp(3.4rem,8vw,7.3rem);text-shadow:0 8px 42px rgba(0,0,0,.65)}.page-kicker{max-width:430px;padding:23px 24px;color:#c4bfb5;font-size:1.01rem;line-height:1.72;background:linear-gradient(145deg,rgba(19,19,17,.78),rgba(10,10,9,.58));border:1px solid rgba(255,255,255,.12);border-radius:18px;backdrop-filter:blur(18px);box-shadow:0 28px 70px rgba(0,0,0,.3),inset 0 1px rgba(255,255,255,.04)}body[data-page="catalogue"] .page-hero{--page-art:url('assets/background-catalogue-v4.webp');--page-focus:66% 46%}body[data-page="melodignia"] .page-hero{--page-art:url('assets/background-melodignia-v3.webp');--page-focus:67% 48%}body[data-page="exclusives"] .page-hero{--page-art:url('assets/background-exclusives-v3.webp');--page-focus:65% 45%}body[data-page="community"] .page-hero{--page-art:url('assets/categories-v2-social.webp');--page-focus:58% 48%}body[data-page="bio"] .page-hero{--page-art:url('assets/categories-v2-hiphop.webp');--page-focus:61% 42%}body[data-page="submit"] .page-hero{--page-art:url('assets/categories-v2-gallery.webp');--page-focus:64% 48%}body[data-page="subscribe"] .page-hero{--page-art:url('assets/categories-v2-lobby.webp');--page-focus:62% 45%}body[data-page="support"] .page-hero{--page-art:url('assets/categories-v2-love.webp');--page-focus:60% 46%}body[data-page="legal"] .page-hero{--page-art:url('assets/categories-v2-study.webp');--page-focus:61% 52%}@keyframes pageHeroDrift{to{transform:scale(1.07) translate3d(-.7%,.5%,0)}}.stats{display:grid;grid-template-columns:repeat(3,1fr);border:1px solid var(--line);border-radius:18px;overflow:hidden;margin-top:48px}.stat{padding:24px;border-right:1px solid var(--line)}.stat:last-child{border:0}.stat strong{display:block;font-family:var(--serif);font-size:2rem;font-weight:400;color:var(--gold-2)}.stat span{color:var(--dim);font-size:.76rem}.split{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center}.media{position:relative;border-radius:var(--radius);overflow:hidden;min-height:520px;border:1px solid var(--line);box-shadow:0 30px 90px rgba(0,0,0,.3)}.media img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.media:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 55%,rgba(0,0,0,.55))}.prose h2{font-family:var(--serif);font-weight:400;font-size:clamp(2.3rem,4vw,4rem);line-height:1.05;margin:0 0 24px}.prose p{color:#b6b2aa;line-height:1.8}.quote{padding:30px;border-left:2px solid var(--gold);background:linear-gradient(90deg,rgba(216,178,92,.07),transparent);font-family:var(--serif);font-size:1.45rem;margin-top:28px}
.collection-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.collection{min-height:390px;position:relative;border-radius:20px;overflow:hidden;border:1px solid var(--line);isolation:isolate}.collection img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2;filter:saturate(.68);transition:.5s}.collection:after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,rgba(8,8,8,.08),rgba(8,8,8,.96))}.collection:hover img{transform:scale(1.035)}.collection-body{position:absolute;inset:auto 24px 24px}.collection .label{font-size:.75rem;text-transform:uppercase;letter-spacing:.14em;color:var(--gold-2)}.collection h3{font-family:var(--serif);font-size:2rem;font-weight:400;margin:7px 0}.collection p{color:#aaa69f;font-size:.86rem}.lock{position:absolute;top:20px;right:20px;padding:7px 10px;border-radius:999px;background:rgba(8,8,8,.75);border:1px solid var(--line);font-size:.75rem;color:#c9c5bd}
.plans{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;align-items:stretch}.plan{padding:30px;display:flex;flex-direction:column;position:relative}.plan.featured{border-color:rgba(216,178,92,.5);background:linear-gradient(160deg,rgba(216,178,92,.12),rgba(255,255,255,.02))}.plan .badge{position:absolute;right:20px;top:20px;border:1px solid var(--line-gold);color:var(--gold-2);border-radius:999px;padding:5px 9px;font-size:.75rem;text-transform:uppercase;letter-spacing:.1em}.plan h3{font-family:var(--serif);font-size:2rem;font-weight:400;margin:0}.price{font-family:var(--serif);font-size:3.2rem;margin:20px 0 4px}.price small{font-family:var(--sans);font-size:.8rem;color:var(--muted)}.plan>p{color:var(--muted);min-height:50px}.checklist{list-style:none;padding:20px 0;margin:10px 0 24px;border-top:1px solid var(--line)}.checklist li{padding:7px 0;color:#c6c2ba;font-size:.87rem}.checklist li:before{content:"✓";color:var(--gold);margin-right:10px}.plan .btn{margin-top:auto;width:100%}
.faq{display:grid;grid-template-columns:.55fr 1fr;gap:70px}.accordion{border-top:1px solid var(--line)}.faq-item{border-bottom:1px solid var(--line)}.faq-q{width:100%;padding:22px 0;display:flex;justify-content:space-between;gap:20px;text-align:left;color:var(--text);background:transparent;border:0;font-weight:700;cursor:pointer}.faq-a{display:none;color:var(--muted);padding:0 40px 22px 0}.faq-item.open .faq-a{display:block}.faq-item.open .faq-q span{transform:rotate(45deg)}
.community-grid{display:grid;grid-template-columns:1.25fr .75fr;gap:16px}.showcase{min-height:560px;position:relative;overflow:hidden;border-radius:var(--radius);border:1px solid var(--line);isolation:isolate}.showcase img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2;filter:saturate(.7)}.showcase:after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,rgba(0,0,0,.05),rgba(0,0,0,.9))}.showcase-body{position:absolute;left:30px;right:30px;bottom:28px}.showcase h2{font-family:var(--serif);font-weight:400;font-size:2.8rem;line-height:1;margin:0 0 10px}.side-stack{display:grid;gap:16px}.side-card{padding:26px;display:flex;flex-direction:column;justify-content:space-between}.side-card h3{font-family:var(--serif);font-size:1.7rem;font-weight:400;margin:0}.side-card p{color:var(--muted);font-size:.88rem}
.form-layout{display:grid;grid-template-columns:.7fr 1.3fr;gap:60px}.form-card{padding:30px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.form-row{display:grid;gap:7px}.form-row.full{grid-column:1/-1}.form-row label{font-size:.76rem;font-weight:700;color:#b9b5ad}.form-row input,.form-row select,.form-row textarea{width:100%;border:1px solid var(--line);background:#0b0b0a;color:var(--text);border-radius:12px;padding:13px 14px;outline:0}.form-row textarea{min-height:140px;resize:vertical}.form-row input:focus,.form-row select:focus,.form-row textarea:focus{border-color:rgba(216,178,92,.55)}.form-note{color:var(--dim);font-size:.76rem}.steps{counter-reset:steps;display:grid;gap:18px}.step{display:grid;grid-template-columns:48px 1fr;gap:16px}.step:before{counter-increment:steps;content:"0" counter(steps);width:44px;height:44px;border:1px solid var(--line-gold);color:var(--gold-2);display:grid;place-items:center;border-radius:50%;font-size:.75rem}.step h3{margin:0 0 5px;font-size:.95rem}.step p{margin:0;color:var(--muted);font-size:.86rem}
.legal{max-width:850px}.legal nav{display:flex;flex-wrap:wrap;gap:8px;margin:28px 0 50px}.legal nav a{border:1px solid var(--line);padding:8px 12px;border-radius:999px;text-decoration:none;color:var(--muted);font-size:.75rem}.legal section{padding:36px 0;border-top:1px solid var(--line)}.legal h2{font-family:var(--serif);font-weight:400;font-size:2rem}.legal h3{font-size:1rem;margin-top:26px}.legal p,.legal li{color:#aaa69f}.soon-page{min-height:calc(100svh - 76px);display:grid;place-items:center;text-align:center;padding:70px 24px}.soon-page .display{max-width:900px}.counter{display:flex;justify-content:center;gap:10px;margin:34px 0}.counter div{min-width:80px;padding:14px;border:1px solid var(--line);border-radius:14px}.counter strong{display:block;font-family:var(--serif);font-size:2rem;font-weight:400}.counter span{color:var(--dim);font-size:.75rem;text-transform:uppercase;letter-spacing:.1em}
.site-footer{border-top:1px solid var(--line);padding:70px 0 30px;background:#080808}.footer-top{display:grid;grid-template-columns:1.3fr repeat(3,.6fr);gap:50px}.footer-brand p{max-width:320px;color:var(--muted);font-size:.86rem}.footer-col h4{font-size:.75rem;text-transform:uppercase;letter-spacing:.14em;color:#706d66;margin:0 0 16px}.footer-col a{display:block;text-decoration:none;color:#aaa69f;font-size:.86rem;margin:9px 0}.footer-col a:hover{color:var(--gold-2)}.footer-bottom{display:flex;justify-content:space-between;gap:20px;color:#66635d;font-size:.75rem;border-top:1px solid var(--line);padding-top:24px;margin-top:50px}
#toast{position:fixed;right:22px;bottom:22px;z-index:200;max-width:350px;padding:14px 18px;border-radius:14px;border:1px solid var(--line-gold);background:#171612;color:#e8e2d5;box-shadow:var(--shadow);font-size:.84rem;opacity:0;transform:translateY(20px);pointer-events:none;transition:.3s}#toast.show{opacity:1;transform:none}.reveal{opacity:0;transform:translateY(18px);transition:opacity .65s,transform .65s}.reveal.visible{opacity:1;transform:none}

/* Melodigne AI — conseiller musical */
.ai-showcase{position:relative;overflow:hidden;border-block:1px solid var(--line);background:linear-gradient(135deg,#090909 0%,#11100d 50%,#080808 100%)}.ai-showcase:before{content:"";position:absolute;inset:-30% 40% -30% -10%;background:radial-gradient(circle,rgba(216,178,92,.12),transparent 62%);pointer-events:none}.ai-showcase-grid{display:grid;grid-template-columns:.83fr 1.17fr;gap:70px;align-items:center}.ai-showcase-copy{position:relative}.ai-orb{width:68px;height:68px;margin-bottom:24px;border-radius:50%;display:grid;place-items:center;border:1px solid rgba(240,213,141,.45);font-family:var(--serif);font-size:1.7rem;color:var(--gold-2);background:radial-gradient(circle at 35% 28%,rgba(240,213,141,.22),rgba(216,178,92,.04) 45%,#090909 75%);box-shadow:0 0 0 9px rgba(216,178,92,.025),0 0 60px rgba(216,178,92,.14)}.ai-capabilities{display:grid;gap:12px;margin-top:28px}.ai-capability{display:flex;align-items:center;gap:12px;color:#bcb8af;font-size:.86rem}.ai-capability span{width:27px;height:27px;border:1px solid var(--line-gold);display:grid;place-items:center;border-radius:50%;color:var(--gold);font-size:.75rem}.ai-demo{padding:10px;background:rgba(8,8,8,.82);border:1px solid var(--line-gold);border-radius:26px;box-shadow:0 36px 90px rgba(0,0,0,.45),inset 0 1px rgba(255,255,255,.045);transform:perspective(1200px) rotateY(-2deg)}.ai-demo-head{display:flex;align-items:center;gap:12px;padding:14px 16px 18px}.ai-demo-avatar{width:38px;height:38px;border:1px solid var(--line-gold);border-radius:50%;display:grid;place-items:center;font-family:var(--serif);color:var(--gold-2)}.ai-demo-head strong{font-size:.85rem}.ai-demo-head small{display:block;color:var(--dim);font-size:.75rem}.ai-live{margin-left:auto;display:flex;align-items:center;gap:7px;color:#9db9aa;font-size:.75rem}.ai-live i{width:6px;height:6px;background:#8ab09b;border-radius:50%;box-shadow:0 0 12px #8ab09b}.ai-demo-body{border:1px solid var(--line);background:#0b0b0a;border-radius:18px;padding:16px}.ai-demo-question{margin-left:15%;padding:13px 15px;background:#211d13;border:1px solid rgba(216,178,92,.2);border-radius:14px 14px 4px 14px;color:#e8e2d6;font-size:.85rem}.ai-demo-answer{margin:14px 10% 0 0;padding:14px 15px;background:#141412;border-radius:14px 14px 14px 4px;color:#aaa69e;font-size:.8rem}.ai-mini-track{display:grid;grid-template-columns:32px 1fr auto;gap:10px;align-items:center;padding:10px;margin-top:7px;border:1px solid rgba(255,255,255,.065);border-radius:11px}.ai-mini-track b{display:block;font-size:.76rem;color:#ded9ce}.ai-mini-track small{display:block;font-size:.75rem;color:var(--dim);margin-top:2px}.ai-mini-track span:first-child{width:29px;height:29px;border:1px solid var(--line-gold);border-radius:50%;display:grid;place-items:center;color:var(--gold);font-size:.75rem}.ai-fit{color:var(--mint)!important;font-weight:700}.ai-prompt-line{display:flex;gap:9px;margin-top:10px}.ai-prompt-line input{min-width:0;flex:1;height:48px;border:1px solid var(--line);border-radius:12px;background:#0b0b0a;color:var(--text);padding:0 14px;outline:0}.ai-prompt-line input:focus{border-color:rgba(216,178,92,.6)}.ai-prompt-line button{width:48px;height:48px;border:0;border-radius:12px;background:var(--gold-2);color:#0a0907;font-weight:900;cursor:pointer}
.ai-fab{position:fixed;right:24px;bottom:24px;z-index:165;height:58px;padding:0 18px 0 10px;border:1px solid rgba(240,213,141,.55);border-radius:999px;background:#11100d;color:var(--text);box-shadow:0 16px 44px rgba(0,0,0,.5),0 0 35px rgba(216,178,92,.12);display:flex;align-items:center;gap:11px;cursor:pointer;font-weight:800;font-size:.78rem;transition:.25s}.ai-fab:hover{transform:translateY(-3px);border-color:var(--gold-2)}.ai-fab .ai-demo-avatar{width:40px;height:40px;background:radial-gradient(circle at 35% 28%,rgba(240,213,141,.24),#0b0b0a 70%)}.ai-fab-dot{position:absolute;left:42px;top:9px;width:8px;height:8px;background:#8ab09b;border:2px solid #11100d;border-radius:50%}.ai-backdrop{position:fixed;inset:0;z-index:170;background:rgba(0,0,0,.66);backdrop-filter:blur(8px);opacity:0;visibility:hidden;transition:.3s}.ai-backdrop.open{opacity:1;visibility:visible}.ai-drawer{position:fixed;z-index:171;right:16px;top:16px;bottom:16px;width:min(520px,calc(100% - 32px));display:flex;flex-direction:column;background:#0c0c0b;border:1px solid var(--line-gold);border-radius:25px;box-shadow:-30px 0 100px rgba(0,0,0,.58);transform:translateX(calc(100% + 34px));transition:transform .38s cubic-bezier(.2,.8,.2,1);overflow:hidden}.ai-backdrop.open .ai-drawer{transform:none}.ai-drawer-head{display:flex;align-items:center;gap:12px;padding:18px 20px;border-bottom:1px solid var(--line);background:linear-gradient(180deg,rgba(216,178,92,.055),transparent)}.ai-drawer-head strong{font-size:.9rem}.ai-drawer-head small{display:block;color:var(--dim);font-size:.75rem}.ai-close{margin-left:auto;width:38px;height:38px;border:1px solid var(--line);background:transparent;color:var(--text);border-radius:50%;cursor:pointer}.ai-context{display:flex;gap:7px;overflow:auto;padding:11px 16px;border-bottom:1px solid var(--line);scrollbar-width:none}.ai-context::-webkit-scrollbar{display:none}.ai-context button{white-space:nowrap;border:1px solid var(--line);border-radius:999px;background:#10100f;color:#aaa69e;padding:7px 11px;font-size:.75rem;cursor:pointer}.ai-context button:hover{color:var(--gold-2);border-color:var(--line-gold)}.ai-messages{flex:1;overflow:auto;padding:20px 16px 10px;scroll-behavior:smooth}.ai-msg{display:flex;gap:10px;margin:0 0 16px;animation:aiMsg .28s ease}.ai-msg.user{justify-content:flex-end}.ai-msg .avatar{width:28px;height:28px;flex:0 0 auto;border:1px solid var(--line-gold);border-radius:50%;display:grid;place-items:center;font-family:var(--serif);font-size:.75rem;color:var(--gold-2)}.ai-bubble{max-width:88%;padding:12px 14px;border-radius:5px 15px 15px 15px;background:#151512;color:#c4c0b8;font-size:.82rem;line-height:1.65}.ai-msg.user .ai-bubble{background:#211d13;color:#ece6da;border-radius:15px 15px 5px 15px}.ai-bubble strong{color:var(--text)}.ai-typing{display:flex;gap:4px;align-items:center;height:18px}.ai-typing i{width:5px;height:5px;border-radius:50%;background:var(--gold);animation:typing 1s infinite}.ai-typing i:nth-child(2){animation-delay:.18s}.ai-typing i:nth-child(3){animation-delay:.36s}@keyframes typing{0%,70%,100%{opacity:.3;transform:none}35%{opacity:1;transform:translateY(-3px)}}@keyframes aiMsg{from{opacity:0;transform:translateY(8px)}}
.ai-results{display:grid;gap:8px;margin-top:11px}.ai-result{padding:12px;border:1px solid var(--line);border-radius:13px;background:#0e0e0d}.ai-result-top{display:grid;grid-template-columns:34px 1fr auto;gap:10px;align-items:center}.ai-result-play{width:32px;height:32px;border:1px solid var(--line-gold);border-radius:50%;display:grid;place-items:center;background:transparent;color:var(--gold);cursor:pointer}.ai-result-title{font-size:.78rem;font-weight:800;color:#e9e4da}.ai-result-meta{font-size:.75rem;color:var(--dim);margin-top:2px}.ai-result-score{font-size:.75rem;color:var(--mint);font-weight:800}.ai-result-why{margin:9px 0 0 44px;color:#8f8b83;font-size:.7rem;line-height:1.45}.ai-tags{display:flex;flex-wrap:wrap;gap:5px;margin:8px 0 0 44px}.ai-tags span{font-size:.75rem;color:#aaa69e;border:1px solid rgba(255,255,255,.07);border-radius:999px;padding:4px 7px}.ai-followups{display:flex;flex-wrap:wrap;gap:7px;margin:0 0 16px 38px}.ai-followups button{border:1px solid var(--line-gold);border-radius:999px;background:rgba(216,178,92,.045);color:#cbb980;padding:6px 9px;font-size:.75rem;cursor:pointer}.ai-composer{padding:12px;border-top:1px solid var(--line);background:#0a0a09}.ai-composer-wrap{display:grid;grid-template-columns:1fr 44px;gap:8px;background:#11110f;border:1px solid var(--line);border-radius:15px;padding:7px}.ai-composer textarea{border:0;resize:none;outline:0;background:transparent;color:var(--text);padding:7px 8px;min-height:38px;max-height:100px;font:inherit;font-size:.79rem}.ai-send{width:44px;height:44px;border:0;border-radius:11px;background:var(--gold-2);color:#080706;font-weight:900;cursor:pointer}.ai-disclaimer{text-align:center;color:#5f5c56;font-size:.75rem;padding-top:7px}.ai-reset{width:34px;height:34px;border:1px solid var(--line);background:transparent;color:var(--dim);border-radius:50%;cursor:pointer;font-size:.95rem;transition:.2s}.ai-reset:hover{color:var(--gold-2);border-color:var(--line-gold);transform:rotate(-45deg)}.ai-chips{display:flex;flex-wrap:wrap;gap:6px;margin:8px 0}.ai-chip{font-size:.72rem;font-weight:700;color:#080706;background:var(--gold-2);border-radius:999px;padding:4px 10px}.ai-caveat{display:block;margin-top:10px;color:#8f8b83;font-size:.72rem;line-height:1.5;font-style:italic}.ai-result{transition:.2s;cursor:default}.ai-result:hover{border-color:var(--line-gold);transform:translateY(-2px);box-shadow:0 12px 30px rgba(0,0,0,.28)}.ai-result-score{display:flex;align-items:center;gap:6px}.catalogue-note{display:flex;align-items:center;gap:14px;padding:14px 18px;margin-top:14px;border:1px solid var(--line);border-radius:14px;color:#8e8a82;font-size:.75rem}.catalogue-note span{width:27px;height:27px;border:1px solid var(--line-gold);border-radius:50%;display:grid;place-items:center;color:var(--gold);font-family:var(--serif)}
.btn-primary{position:relative;overflow:hidden}.btn-primary:after{content:"";position:absolute;inset:-50% auto -50% -70%;width:50%;transform:skewX(-20deg);background:linear-gradient(90deg,transparent,rgba(255,255,255,.35),transparent);transition:left .65s}.btn-primary:hover:after{left:130%}
.catalogue-note{width:100%;background:transparent;text-align:left;cursor:pointer}.catalogue-note:hover{border-color:var(--line-gold);color:#bdb8af}.catalogue-note span{flex:0 0 auto}
.category-section{position:relative;isolation:isolate;overflow:hidden;background:radial-gradient(700px 420px at 8% 10%,rgba(88,118,112,.08),transparent 65%),radial-gradient(760px 500px at 94% 82%,rgba(216,178,92,.08),transparent 68%),linear-gradient(180deg,rgba(255,255,255,.02),transparent);border-block:1px solid rgba(255,255,255,.045)}.category-section:before{content:"";position:absolute;inset:0;z-index:-1;opacity:.025;background-image:linear-gradient(rgba(255,255,255,.35) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.35) 1px,transparent 1px);background-size:72px 72px;mask-image:linear-gradient(90deg,transparent,#000 24%,#000 76%,transparent)}.category-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.category-tile{position:relative;min-height:228px;padding:0;border:1px solid var(--line);border-radius:18px;overflow:hidden;isolation:isolate;text-decoration:none;text-align:left;background:#080a0d;color:var(--text);cursor:pointer;box-shadow:0 20px 52px rgba(0,0,0,.24);transition:transform .35s cubic-bezier(.2,.7,.2,1),border-color .35s,box-shadow .35s}.category-tile img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2;filter:saturate(.72) contrast(1.04) brightness(.74);transition:transform .8s cubic-bezier(.2,.7,.2,1),filter .55s}.category-tile:before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(135deg,rgba(10,14,22,.06),rgba(21,14,5,.1));box-shadow:inset 0 1px rgba(255,255,255,.07),inset 0 0 0 1px rgba(255,255,255,.018)}.category-tile:after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,rgba(5,5,5,.01) 6%,rgba(5,5,5,.2) 46%,rgba(5,5,5,.97) 100%)}.category-tile:hover{border-color:rgba(216,178,92,.48);transform:translateY(-5px);box-shadow:0 30px 70px rgba(0,0,0,.42),0 0 40px rgba(216,178,92,.06)}.category-tile:hover img{transform:scale(1.055);filter:saturate(.94) contrast(1.05) brightness(.86)}.category-index{position:absolute;left:16px;top:15px;padding:5px 8px;border:1px solid rgba(255,255,255,.16);border-radius:999px;background:rgba(0,0,0,.24);backdrop-filter:blur(8px);font-size:.75rem;letter-spacing:.12em;color:rgba(255,255,255,.72);text-shadow:0 1px 12px #000}.category-arrow{position:absolute;right:14px;top:13px;width:34px;height:34px;display:grid;place-items:center;border:1px solid rgba(255,255,255,.22);border-radius:50%;font-size:.75rem;background:rgba(0,0,0,.32);backdrop-filter:blur(8px);transition:transform .35s,border-color .35s,color .35s}.category-tile:hover .category-arrow{transform:rotate(45deg);border-color:rgba(240,213,141,.62);color:var(--gold-2)}.category-copy{position:absolute;left:18px;right:18px;bottom:17px;display:grid;gap:6px}.category-copy strong{font-family:var(--serif);font-size:1.3rem;font-weight:400;line-height:1.06;text-shadow:0 2px 18px rgba(0,0,0,.8)}.category-copy small{color:#c8c2b7;font-size:.75rem;line-height:1.35}.category-grid .category-tile:nth-child(1),.category-grid .category-tile:nth-child(6){grid-column:span 2}.category-grid .category-tile:nth-child(1) .category-copy strong,.category-grid .category-tile:nth-child(6) .category-copy strong{font-size:1.7rem}
body:not([data-page="home"]) main#app>.section{position:relative;isolation:isolate}body:not([data-page="home"]) main#app>.section:nth-of-type(even){overflow:hidden;background:radial-gradient(680px 420px at 88% 18%,rgba(216,178,92,.055),transparent 68%),linear-gradient(180deg,rgba(255,255,255,.016),rgba(255,255,255,.006));border-bottom:1px solid rgba(255,255,255,.035)}body[data-page="melodignia"] main#app>.section:nth-of-type(even){background:radial-gradient(720px 460px at 86% 14%,rgba(58,115,125,.11),transparent 68%),linear-gradient(180deg,rgba(255,255,255,.016),transparent)}body[data-page="exclusives"] main#app>.section:nth-of-type(even){background:radial-gradient(720px 460px at 86% 14%,rgba(216,178,92,.095),transparent 68%),linear-gradient(180deg,rgba(255,255,255,.018),transparent)}body:not([data-page="home"]) .surface{background:linear-gradient(145deg,rgba(255,255,255,.052),rgba(255,255,255,.014));box-shadow:0 24px 70px rgba(0,0,0,.18),inset 0 1px rgba(255,255,255,.035)}
@media(max-width:1000px){.nav-links{position:fixed;inset:76px 0 auto 0;background:#0b0b0a;border-bottom:1px solid var(--line);padding:18px 24px;display:none;flex-direction:column;align-items:stretch}.nav-links.open{display:flex}.nav-links a{padding:13px}.menu-btn{display:block}.nav-cta{display:none}.hero-grid,.split,.statement,.page-hero-grid,.faq,.form-layout{grid-template-columns:1fr}.hero{min-height:auto}.hero-art{min-height:520px;max-width:620px;width:100%;margin:auto}.genre-grid{grid-template-columns:repeat(2,1fr)}.feature-grid,.plans,.collection-grid{grid-template-columns:1fr 1fr}.community-grid{grid-template-columns:1fr}.footer-top{grid-template-columns:1fr 1fr}.statement{gap:25px}.statement-number{font-size:5rem}.page-hero{min-height:570px;--page-focus:62% 50%}.page-hero-grid{gap:28px}.page-kicker{max-width:620px}.page-hero .container:before{right:-80px;opacity:.7}.page-hero .container:after{right:28px;opacity:.7}}
@media(max-width:680px){.container{width:min(calc(100% - 28px),var(--max))}.nav{height:68px}.nav-links{top:68px}.brand-name small{display:none}.hero{padding-top:42px}.hero-grid{gap:42px}.display{font-size:clamp(3.1rem,16vw,5.5rem)}.hero-art{min-height:430px}.hero-frame{left:7%;border-radius:120px 120px 16px 16px}.hero-stat{bottom:22px;width:185px;padding:18px}.sound-orbit{right:-12px;top:40px;width:84px;height:84px}.section{padding:76px 0}.section-head{align-items:start;flex-direction:column;margin-bottom:26px}.finder{grid-template-columns:1fr}.genre-grid,.feature-grid,.plans,.collection-grid{grid-template-columns:1fr}.genre-card,.genre-card:first-child{grid-column:auto;aspect-ratio:1.3}.track{grid-template-columns:40px 1fr 36px;padding:13px}.track-tag{display:none}.page-hero{min-height:530px;padding:82px 0 58px;--page-focus:67% 50%}.page-hero:after{background:linear-gradient(90deg,rgba(7,7,7,.98),rgba(7,7,7,.7) 70%,rgba(7,7,7,.66)),linear-gradient(180deg,rgba(7,7,7,.38),transparent 40%,#070707 100%)}.page-hero .container:before,.page-hero .container:after{display:none}.page-hero .display{font-size:clamp(3rem,15vw,5.2rem)}.page-kicker{padding:18px;font-size:.92rem}.stats{grid-template-columns:1fr}.stat{border-right:0;border-bottom:1px solid var(--line)}.media{min-height:400px}.form-grid{grid-template-columns:1fr}.footer-top{grid-template-columns:1fr}.footer-bottom{flex-direction:column}.community-grid .showcase{min-height:460px}.counter div{min-width:64px}.nav .brand-mark{width:34px;height:34px}}
@media(max-width:1000px){.ai-showcase-grid{grid-template-columns:1fr;gap:40px}.ai-demo{transform:none}}
@media(max-width:1000px){.category-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:680px){.ai-fab{right:12px;bottom:12px;height:52px;padding-right:14px}.ai-fab .ai-demo-avatar{width:35px;height:35px}.ai-drawer{inset:0;width:100%;height:100%;border-radius:0}.ai-demo-question{margin-left:3%}.ai-demo-answer{margin-right:2%}.ai-result-why,.ai-tags{margin-left:0}.ai-showcase .section{padding-block:72px}.category-grid{grid-template-columns:1fr}.category-grid .category-tile:nth-child(1),.category-grid .category-tile:nth-child(6){grid-column:auto}.category-tile{min-height:205px}}
@media(max-width:1000px){.statement-brand{min-height:auto;border-right:0;border-bottom:1px solid var(--line-gold);padding:0 0 28px;display:grid;grid-template-columns:auto 1fr;align-items:end;gap:12px 26px}.statement-number{grid-row:1/3}.statement-label{margin-top:0}.statement-wave{margin-top:6px;height:34px}.statement-wave i:nth-child(4),.statement-wave i:nth-child(6){height:30px}.statement-wave i:nth-child(3),.statement-wave i:nth-child(7){height:24px}}
@media(max-width:680px){.statement-section{padding:58px 0}.statement{padding:30px 24px;gap:30px}.statement:before{inset:10px}.statement-brand{grid-template-columns:1fr}.statement-number{grid-row:auto;font-size:5.8rem}.statement-label{margin-top:6px}.statement-wave{display:none}.statement blockquote{font-size:clamp(2rem,10vw,3rem)}.statement-footer{align-items:flex-start;flex-direction:column}.statement-footer .btn{width:100%}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.reveal{opacity:1;transform:none}}

/* Accès gratuit, compte Google et lecteur */
[hidden]{display:none!important}.nav-actions{display:flex;align-items:center;gap:8px}.nav-lang{min-height:34px;padding:6px 12px;border:1px solid var(--line-gold);border-radius:999px;background:transparent;color:var(--gold-2);font-size:.72rem;font-weight:800;letter-spacing:.06em;cursor:pointer}.nav-lang:hover{background:rgba(216,178,92,.08)}.nav-premium{padding:9px 12px;color:var(--gold-2);text-decoration:none;font-size:.75rem;font-weight:800;text-transform:uppercase;letter-spacing:.09em}.nav-account{min-height:42px;max-width:145px;padding:9px 14px;border:1px solid var(--line-gold);border-radius:999px;background:rgba(216,178,92,.045);color:var(--text);display:flex;align-items:center;gap:9px;cursor:pointer;font-size:.78rem;font-weight:800}.nav-account [data-auth-label]{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.account-dot{width:8px;height:8px;border-radius:50%;background:#77736b;box-shadow:0 0 0 4px rgba(255,255,255,.035)}.nav-account.connected .account-dot{background:#8fc4a5;box-shadow:0 0 14px rgba(143,196,165,.72)}.nav-mobile-auth,.nav-mobile-premium{display:none}
.access-strip{position:relative;border-block:1px solid rgba(255,255,255,.06);background:linear-gradient(105deg,rgba(216,178,92,.075),rgba(58,102,97,.055) 55%,transparent)}.access-grid{min-height:126px;display:grid;grid-template-columns:1.1fr .9fr;align-items:center;gap:46px}.access-grid>div{display:flex;align-items:center;gap:18px}.access-icon{flex:0 0 auto;width:48px;height:48px;display:grid;place-items:center;border:1px solid rgba(240,213,141,.4);border-radius:50%;color:var(--gold-2);font-size:1.15rem;background:rgba(0,0,0,.25)}.access-grid strong,.access-grid small{display:block}.access-grid strong{font-family:var(--serif);font-size:1.28rem;font-weight:400}.access-grid small{color:var(--muted);margin-top:3px;max-width:610px}.access-grid ol{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.access-grid li{padding:13px 12px;border-left:1px solid var(--line-gold);font-size:.75rem;color:#c4bfb6}.access-grid li span{display:block;color:var(--gold);font-size:.75rem;letter-spacing:.12em;margin-bottom:3px}.free-mark{display:inline-flex;align-items:center;margin-left:6px;padding:2px 6px;border:1px solid rgba(143,196,165,.25);border-radius:999px;color:#a9d1ba;font-size:.75rem;text-transform:uppercase;letter-spacing:.06em;vertical-align:1px}.premium-tag{position:absolute;left:56px;top:15px;padding:5px 8px;border:1px solid rgba(240,213,141,.34);border-radius:999px;background:rgba(12,9,4,.65);backdrop-filter:blur(8px);color:var(--gold-2);font-size:.75rem;font-weight:800;text-transform:uppercase;letter-spacing:.08em}.hero-premium{display:block;width:max-content;margin-top:18px;padding:8px 11px;border:1px solid var(--line-gold);border-radius:999px;color:var(--gold-2);font-size:.75rem;font-weight:800;text-transform:uppercase;letter-spacing:.1em}
.footer-social{display:flex;align-items:center;flex-wrap:wrap;gap:10px 22px;margin-top:42px;padding:20px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.footer-social>span:first-child{margin-right:auto;color:#76726b;font-size:.75rem;text-transform:uppercase;letter-spacing:.15em}.footer-social a{color:var(--gold-2);text-decoration:none;font-size:.78rem;font-weight:800}.social-pending{color:#5f5c56;font-size:.75rem}
.access-backdrop{position:fixed;inset:0;z-index:190;display:grid;place-items:center;padding:18px;background:rgba(0,0,0,.76);backdrop-filter:blur(13px);opacity:0;visibility:hidden;transition:.3s}.access-backdrop.open{opacity:1;visibility:visible}.access-modal{position:relative;width:min(880px,100%);max-height:min(760px,calc(100svh - 36px));display:grid;grid-template-columns:.72fr 1.28fr;overflow:auto;border:1px solid rgba(240,213,141,.28);border-radius:28px;background:#0b0b0a;box-shadow:0 45px 130px rgba(0,0,0,.72);transform:translateY(18px) scale(.985);transition:.35s cubic-bezier(.2,.8,.2,1)}.access-backdrop.open .access-modal{transform:none}.access-modal-art{position:relative;min-height:600px;padding:38px;display:flex;flex-direction:column;justify-content:flex-end;overflow:hidden;background:radial-gradient(circle at 48% 29%,rgba(240,213,141,.19),transparent 13%),radial-gradient(circle at 50% 31%,rgba(216,178,92,.10),transparent 35%),linear-gradient(155deg,#17130b,#080808 58%,#0d1616)}.access-modal-art:before,.access-modal-art:after{content:"";position:absolute;left:50%;top:33%;transform:translate(-50%,-50%);border:1px solid rgba(240,213,141,.15);border-radius:50%}.access-modal-art:before{width:230px;height:230px}.access-modal-art:after{width:340px;height:340px}.access-modal-mark{position:absolute;z-index:1;left:50%;top:33%;transform:translate(-50%,-50%);width:92px;height:92px;display:grid;place-items:center;border:1px solid rgba(240,213,141,.5);border-radius:50%;font-family:var(--serif);font-size:2.8rem;color:var(--gold-2);background:#0d0c09;box-shadow:0 0 80px rgba(216,178,92,.18)}.access-modal-art small{color:var(--gold);letter-spacing:.2em}.access-modal-art p{max-width:220px;font-family:var(--serif);font-size:2rem;line-height:1.05;margin:12px 0 0}.access-modal-body{padding:42px 42px 34px}.access-modal-body h2{margin:14px 0 12px;font-family:var(--serif);font-size:2.65rem;font-weight:400;line-height:1}.access-modal-body h2 em{color:var(--gold-2);font-weight:400}.access-modal-body>p{color:var(--muted);font-size:.87rem}.modal-close{position:absolute;right:16px;top:16px;z-index:3;width:38px;height:38px;border:1px solid var(--line);border-radius:50%;background:rgba(8,8,8,.7);color:var(--text);font-size:1.2rem;cursor:pointer}.download-selection{display:grid;grid-template-columns:43px 1fr auto;align-items:center;gap:12px;padding:12px;margin:20px 0 15px;border:1px solid var(--line);border-radius:14px;background:rgba(255,255,255,.025)}.download-disc{width:42px;height:42px;display:grid;place-items:center;border:1px solid var(--line-gold);border-radius:50%;color:var(--gold-2)}.download-selection strong,.download-selection small{display:block}.download-selection strong{font-size:.82rem}.download-selection small{font-size:.75rem;color:var(--dim)}.download-free{padding:5px 8px;border-radius:999px;background:rgba(143,196,165,.09);color:#acd0bb;font-size:.6rem;font-weight:800;text-transform:uppercase}.auth-guest{display:grid;gap:10px;margin-top:20px}.auth-guest>small{color:var(--dim);font-size:.75rem;text-align:center}.google-btn{min-height:52px;border:1px solid #dedbd5;border-radius:999px;background:#fff;color:#171717;font-weight:800;cursor:pointer}.google-btn span{display:inline-grid;place-items:center;width:25px;height:25px;margin-right:10px;border-radius:50%;background:linear-gradient(135deg,#4285f4 0 25%,#34a853 25% 50%,#fbbc05 50% 75%,#ea4335 75%);color:#fff}.google-btn.loading{opacity:.65}.user-card{display:grid;grid-template-columns:43px 1fr auto;align-items:center;gap:11px;margin-top:18px;padding:10px;border:1px solid var(--line);border-radius:14px}.user-avatar{width:42px;height:42px;display:grid;place-items:center;border-radius:50%;background:#242019;color:var(--gold-2);font-family:var(--serif);background-size:cover;background-position:center}.user-avatar.has-photo{color:transparent}.user-card strong,.user-card small{display:block}.user-card strong{font-size:.78rem}.user-card small{color:var(--dim);font-size:.75rem}.user-card button{border:0;background:transparent;color:#77736c;font-size:.75rem;cursor:pointer}.download-main{width:100%;margin-top:12px}.social-invite{margin-top:15px;padding:14px;border:1px solid rgba(216,178,92,.15);border-radius:14px;background:linear-gradient(135deg,rgba(216,178,92,.055),transparent)}.social-invite>span,.social-invite>strong,.social-invite>small{display:block}.social-invite>span{color:var(--muted);font-size:.75rem}.social-invite>strong{font-family:var(--serif);font-size:1rem;font-weight:400;margin:3px 0 9px}.social-invite>div{display:flex;flex-wrap:wrap;gap:7px}.social-invite a,.social-invite>div span{padding:6px 9px;border:1px solid var(--line);border-radius:999px;color:var(--gold-2);text-decoration:none;font-size:.75rem}.social-invite>div span{color:#6d6962}.social-invite>small{margin-top:8px;color:#65625b;font-size:.75rem}.access-status{min-height:20px;margin:12px 0 0!important;color:var(--muted)!important}.access-status.success{color:#9ecab0!important}.access-status.error{color:#e49b8e!important}.access-status.pending{color:#d5bb77!important}.license-mini{display:flex;flex-wrap:wrap;gap:6px 10px;margin-top:14px;padding-top:14px;border-top:1px solid var(--line)}.license-mini span,.license-mini a{font-size:.75rem;color:#77736b}.license-mini a{color:var(--gold);text-decoration:none;margin-left:auto}
.music-player{position:fixed;z-index:160;left:50%;bottom:18px;width:min(920px,calc(100% - 36px));min-height:76px;display:grid;grid-template-columns:48px 1fr auto 34px;grid-template-rows:auto auto;row-gap:10px;column-gap:14px;align-items:center;padding:11px 13px;border:1px solid rgba(240,213,141,.3);border-radius:20px;background:rgba(13,13,12,.94);backdrop-filter:blur(24px);box-shadow:0 25px 70px rgba(0,0,0,.58);transform:translate(-50%,calc(100% + 40px));opacity:0;transition:.35s cubic-bezier(.2,.8,.2,1)}.music-player.open{transform:translate(-50%,0);opacity:1}.player-toggle{grid-column:1;grid-row:1;width:47px;height:47px;border:1px solid var(--line-gold);border-radius:50%;background:rgba(216,178,92,.08);color:var(--gold-2);cursor:pointer}.player-copy{grid-column:2;grid-row:1;min-width:0}.player-copy strong,.player-copy small{display:block}.player-copy strong{font-size:.8rem}.player-copy small{color:var(--dim);font-size:.75rem}.player-timeline{grid-column:1/-1;grid-row:2;display:flex;flex-direction:column;gap:6px}.player-wave{position:relative;height:32px;cursor:pointer;touch-action:none}.wave-row{position:absolute;inset:0;display:flex;align-items:center;gap:2px;pointer-events:none}.wave-row i{flex:none;width:3px;min-height:3px;border-radius:2px}.wave-bg i{background:rgba(255,255,255,.14)}.wave-fill{width:0%;overflow:hidden}.wave-fill i{background:var(--gold-2)}.player-times{display:flex;justify-content:space-between;color:#8a867d;font-size:.72rem}.player-download{grid-column:3;grid-row:1;height:39px;padding:0 13px;border:1px solid var(--line-gold);border-radius:999px;background:var(--gold-2);color:#090806;font-size:.75rem;font-weight:900;cursor:pointer}.player-close{grid-column:4;grid-row:1;width:33px;height:33px;border:0;background:transparent;color:#77736c;font-size:1.15rem;cursor:pointer}body.player-open .ai-fab{bottom:158px}body.player-open #toast{bottom:158px}.uq-list{display:flex;flex-direction:column;border:1px solid var(--line);border-radius:18px;overflow:hidden;background:rgba(0,0,0,.25)}.uq-row{display:grid;grid-template-columns:78px minmax(0,1fr) 70px 42px auto;align-items:center;gap:18px;padding:12px 18px;border-bottom:1px solid rgba(255,255,255,.055);transition:background .2s}.uq-row:last-child{border-bottom:0}.uq-row:hover,.uq-row.playing{background:rgba(216,178,92,.06)}.uq-cover{position:relative;width:78px;height:78px;padding:0;border:1px solid rgba(255,255,255,.08);border-radius:10px;overflow:hidden;background:#111;cursor:pointer}.uq-cover img{width:100%;height:100%;object-fit:cover;display:block}.uq-play{position:absolute;inset:0;display:grid;place-items:center;background:rgba(0,0,0,.35);color:#fff;font-size:1.1rem;opacity:0;transition:opacity .2s}.uq-cover:hover .uq-play,.uq-cover:focus-visible .uq-play,.uq-row.playing .uq-play{opacity:1}.uq-info{min-width:0}.uq-info strong{display:block;font-size:1.05rem;font-weight:800;color:#f4efe4;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.uq-info small{display:block;margin-top:3px;color:var(--dim);font-size:.85rem}.uq-time{color:#8a867d;font-size:.85rem;font-variant-numeric:tabular-nums}.uq-share{width:40px;height:40px;display:grid;place-items:center;border:0;border-radius:50%;background:transparent;color:#e9e4d8;cursor:pointer;transition:background .2s}.uq-share:hover{background:rgba(255,255,255,.07)}.uq-buy{display:inline-flex;align-items:center;gap:8px;height:44px;padding:0 20px;border-radius:10px;background:var(--gold-2);color:#090806;font-weight:900;font-size:.9rem;text-decoration:none;transition:filter .2s,transform .2s}.uq-buy:hover{filter:brightness(1.08);transform:translateY(-1px)}.uq-modal{position:fixed;inset:0;z-index:400;display:grid;place-items:center;padding:24px;background:rgba(0,0,0,.72);backdrop-filter:blur(8px);opacity:0;transition:opacity .25s}.uq-modal.open{opacity:1}.uq-modal[hidden]{display:none}.uq-dialog{width:min(780px,100%);height:min(88vh,880px);display:flex;flex-direction:column;border:1px solid var(--line-gold);border-radius:20px;overflow:hidden;background:#050505;box-shadow:0 30px 90px rgba(0,0,0,.7);transform:translateY(14px) scale(.98);transition:transform .25s}.uq-modal.open .uq-dialog{transform:none}.uq-bar{display:flex;align-items:center;gap:14px;padding:12px 14px 12px 20px;border-bottom:1px solid rgba(255,255,255,.08);background:#0d0d0c}.uq-bar-title{flex:1;min-width:0}.uq-bar-title small{display:block;color:var(--gold-2);font-size:.68rem;font-weight:800;letter-spacing:.14em;text-transform:uppercase}.uq-bar-title strong{display:block;margin-top:2px;color:#f4efe4;font-size:1rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.uq-ext{color:var(--dim);font-size:.78rem;text-decoration:none;white-space:nowrap}.uq-ext:hover{color:var(--gold-2)}.uq-close{width:38px;height:38px;border:1px solid rgba(255,255,255,.12);border-radius:50%;background:transparent;color:#e9e4d8;font-size:1.3rem;line-height:1;cursor:pointer}.uq-close:hover{border-color:var(--gold-2);color:var(--gold-2)}.uq-frame-wrap{position:relative;flex:1;background:#000}.uq-frame-wrap iframe{position:absolute;inset:0;width:100%;height:100%;border:0;opacity:0;transition:opacity .3s}.uq-modal.ready iframe{opacity:1}.uq-loading{position:absolute;inset:0;display:grid;place-items:center;color:var(--dim);font-size:.85rem}.uq-modal.ready .uq-loading{display:none}body.uq-lock{overflow:hidden}@media(max-width:680px){.uq-modal{padding:0}.uq-dialog{width:100%;height:100%;border-radius:0;border:0}.uq-ext{display:none}}.uq-free{display:inline-block;margin-left:8px;padding:1px 8px;border:1px solid rgba(120,200,140,.45);border-radius:999px;color:#9fd8ad;font-size:.66rem;font-weight:800;letter-spacing:.06em;text-transform:uppercase;vertical-align:1px}.uq-buy.is-free{background:transparent;color:var(--gold-2);border:1px solid var(--line-gold)}.uq-buy.is-free:hover{background:rgba(216,178,92,.1)}.uq-free-head{margin-top:64px}.uq-note{margin-top:14px;text-align:center;font-size:.82rem}@media(max-width:680px){.uq-row{grid-template-columns:58px minmax(0,1fr) auto;gap:12px;padding:10px 12px}.uq-cover{width:58px;height:58px}.uq-time,.uq-share{display:none}.uq-buy{height:40px;padding:0 14px}}
@media(max-width:1100px){.nav{gap:17px}.nav-links{gap:1px}.nav-links a{padding-inline:8px}.nav-account{max-width:115px}.nav-premium{display:none}}
@media(max-width:1000px){.nav-actions{display:none}.nav-mobile-auth,.nav-mobile-premium{display:block;width:100%;text-align:left;border:0;border-radius:10px;padding:13px!important}.nav-mobile-premium{color:var(--gold-2)!important;background:rgba(216,178,92,.04)}.nav-mobile-auth{background:transparent;color:var(--text);cursor:pointer;font-weight:800}.access-grid{grid-template-columns:1fr;padding-block:24px;gap:18px}.access-grid ol{max-width:700px}.access-modal{grid-template-columns:.55fr 1.45fr}.access-modal-art{min-height:600px;padding:25px}.access-modal-art p{font-size:1.55rem}.access-modal-art:before{width:170px;height:170px}.access-modal-art:after{width:260px;height:260px}}
@media(max-width:680px){.access-grid{width:min(calc(100% - 28px),var(--max))}.access-grid>div{align-items:flex-start}.access-grid ol{grid-template-columns:1fr;gap:0}.access-grid li{padding-block:7px}.access-modal{display:block;max-height:calc(100svh - 20px);border-radius:21px}.access-modal-art{min-height:115px;padding:20px 70px 20px 20px;justify-content:center}.access-modal-art:before,.access-modal-art:after,.access-modal-mark{display:none}.access-modal-art p{font-size:1.25rem;margin-top:5px}.access-modal-body{padding:27px 20px 22px}.access-modal-body h2{font-size:2.1rem}.download-selection{grid-template-columns:38px 1fr auto}.download-disc{width:37px;height:37px}.user-card{grid-template-columns:38px 1fr}.user-avatar{width:38px;height:38px}.user-card button{grid-column:2}.license-mini{display:grid}.license-mini a{margin-left:0}.music-player{bottom:8px;width:calc(100% - 16px);grid-template-columns:42px 1fr 30px;gap:9px;padding:9px;border-radius:16px}.player-toggle{width:41px;height:41px}.player-download{grid-column:1/-1;grid-row:3;width:100%;height:35px}.player-close{grid-column:3;grid-row:1}.player-copy{grid-column:2;grid-row:1}body.player-open .ai-fab{bottom:190px}body.player-open #toast{bottom:190px}}
.category-tile:hover img{filter:saturate(.95);transform:scale(1.04)}body[data-page="exclusives"] .category-tile,body[data-page="melodignia"] .category-tile{border-radius:12px;min-height:250px;border-color:#ffffff16}.category-copy strong{line-height:1.25;overflow-wrap:break-word}body[data-page="catalogue"] .category-tile .category-copy strong{color:#f5f1e9!important;-webkit-text-fill-color:#f5f1e9;text-shadow:0 2px 18px rgba(0,0,0,.9)}.category-copy small{font-size:.875rem;color:#c3bfb6}body[data-page="catalogue"] .page-hero .container:before,body[data-page="catalogue"] .page-hero .container:after{display:none}
.community-gallery{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:18px}.community-card{padding:0;overflow:hidden;color:inherit;transition:transform .2s ease,box-shadow .2s ease}.community-card:hover{transform:translateY(-3px);box-shadow:0 24px 60px rgba(0,0,0,.28)}.community-card-body{padding:18px 20px 20px}.community-card h3{font-family:var(--serif);font-weight:400;font-size:1.4rem;margin:6px 0 8px;color:var(--gold-2)}.community-card p{color:var(--muted);font-size:.9rem;line-height:1.6;margin:0 0 12px}.community-card-link{font-size:.78rem;letter-spacing:.04em;color:var(--gold);text-decoration:none}.community-thumb{position:relative;display:block;width:100%;aspect-ratio:16/9;border:0;padding:0;margin:0;cursor:pointer;background:#0d0d0c;overflow:hidden}.community-thumb img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.community-thumb-plain{display:flex;align-items:center;justify-content:center;background:linear-gradient(145deg,rgba(216,178,92,.14),rgba(255,255,255,.03));text-decoration:none}.community-platform-tag{position:absolute;top:12px;left:12px;font-size:.7rem;letter-spacing:.06em;text-transform:uppercase;color:#c3bfb6;background:rgba(0,0,0,.45);padding:5px 10px;border-radius:20px}.community-play{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:52px;height:52px;border-radius:50%;background:rgba(8,8,8,.68);color:var(--gold-2);display:flex;align-items:center;justify-content:center;font-size:1.1rem;border:1px solid rgba(255,255,255,.18);transition:transform .2s ease}.community-thumb:hover .community-play{transform:translate(-50%,-50%) scale(1.08)}.community-embed{position:relative;width:100%;aspect-ratio:16/9;background:#000}.community-embed iframe{position:absolute;inset:0;width:100%;height:100%;border:0}
.plan-toggle{display:inline-flex;gap:4px;padding:5px;border:1px solid var(--line);border-radius:999px;margin-bottom:28px;background:rgba(255,255,255,.03)}.plan-toggle-btn{border:0;background:transparent;color:var(--muted);padding:9px 20px;border-radius:999px;font-size:.85rem;cursor:pointer;transition:background .2s ease,color .2s ease;display:flex;align-items:center;gap:8px}.plan-toggle-btn.active{background:linear-gradient(135deg,var(--gold),var(--gold-2));color:#0a0a09;font-weight:600}.plan-toggle-save{font-size:.68rem;padding:2px 7px;border-radius:20px;background:rgba(8,8,8,.18);color:inherit}.plan-toggle-btn:not(.active) .plan-toggle-save{background:rgba(216,178,92,.16);color:var(--gold-2)}
.lang-banner{background:linear-gradient(90deg,rgba(216,178,92,.14),rgba(216,178,92,.05));border-bottom:1px solid var(--line-gold)}.lang-banner-inner{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:12px;padding:10px 48px 10px 16px;position:relative;text-align:center}.lang-banner-text{font-size:.82rem;font-weight:600;color:var(--text)}.lang-banner-switch{padding:6px 14px;border:1px solid var(--gold-2);border-radius:999px;background:var(--gold-2);color:#0a0a09;font-size:.74rem;font-weight:800;letter-spacing:.03em;cursor:pointer}.lang-banner-switch:hover{filter:brightness(1.06)}.lang-banner-close{position:absolute;right:14px;top:50%;transform:translateY(-50%);width:26px;height:26px;border:none;background:transparent;color:var(--muted);font-size:.85rem;cursor:pointer;border-radius:50%}.lang-banner-close:hover{background:rgba(255,255,255,.08);color:var(--text)}@media (max-width:640px){.lang-banner-inner{padding:10px 40px 10px 12px}.lang-banner-text{font-size:.76rem}}
button.genre-card,button.category-tile{margin:0;padding:0;width:100%;text-align:left;cursor:pointer;-webkit-appearance:none;appearance:none}
.track-panel-inline{margin-top:26px}
.track-panel-inline .track-toolbar strong{font-size:.95rem}
.track-desc{color:#a9a49b;font-size:.76rem;line-height:1.45;margin-top:4px;max-width:60ch;white-space:normal}
.track-keywords{display:flex;flex-wrap:wrap;gap:6px;margin-top:7px}
.track-keywords span{padding:2px 9px;border:1px solid var(--line-gold);border-radius:999px;color:#c9c4b8;font-size:.68rem;letter-spacing:.02em}
.player-desc{display:block;color:#b7b2a8;opacity:.85;margin-top:2px;max-width:52ch;white-space:normal;line-height:1.35}
.play.has-cover{position:relative;overflow:hidden;background-size:cover;background-position:center;border-color:rgba(255,255,255,.14);color:#fff}.play.has-cover span{position:absolute;inset:0;display:grid;place-items:center;background:rgba(0,0,0,.38);font-size:.8rem;transition:background .2s}.play.has-cover:hover span{background:rgba(0,0,0,.2)}.airbit-dl{display:flex;justify-content:center;text-decoration:none}
.track.track-v2{grid-template-columns:72px minmax(0,1fr) 64px 42px 152px;column-gap:18px;row-gap:6px;padding:14px 22px}.tcover{position:relative;grid-row:1/span 2;align-self:start;width:72px;height:72px;padding:0;border:1px solid rgba(255,255,255,.1);border-radius:10px;overflow:hidden;background:#15140f center/cover no-repeat;cursor:pointer}.tcover.no-img{background:radial-gradient(circle at 30% 30%,rgba(216,178,92,.25),#12110d)}.tplay{position:absolute;inset:0;display:grid;place-items:center;background:rgba(0,0,0,.35);color:#fff;font-size:1rem;opacity:0;transition:opacity .2s}.tcover.no-img .tplay{opacity:1;color:var(--gold-2);background:transparent}.tcover:hover .tplay,.tcover:focus-visible .tplay,.track-v2.playing .tplay{opacity:1}.track-v2.playing{background:rgba(216,178,92,.06)}.tinfo{min-width:0;align-self:center}.track-v2 .track-title{font-size:1.02rem;font-weight:800;color:#f4efe4;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.track-v2 .track-sub{margin-top:3px;font-size:.84rem;display:flex;align-items:center;flex-wrap:wrap;gap:8px}.track-v2 .free-mark{margin:0}.ttime{color:#8a867d;font-size:.85rem;font-variant-numeric:tabular-nums;text-align:right}.tshare{width:40px;height:40px;display:grid;place-items:center;border:0;border-radius:50%;background:transparent;color:#e9e4d8;cursor:pointer;transition:background .2s}.tshare:hover{background:rgba(255,255,255,.07)}.tbuy{display:inline-flex;align-items:center;justify-content:center;gap:8px;width:100%;height:44px;padding:0 18px;border:0;border-radius:10px;background:var(--gold-2);color:#090806;font-weight:900;font-size:.9rem;font-family:inherit;cursor:pointer;transition:filter .2s,transform .2s}.tbuy:hover{filter:brightness(1.08);transform:translateY(-1px)}.track-v2 .track-desc{grid-column:2/-1;grid-row:2;margin:0;max-width:none;color:#a9a49b;font-size:.84rem;line-height:1.5;white-space:normal}@media(max-width:680px){.track.track-v2{grid-template-columns:56px minmax(0,1fr) 44px;column-gap:12px;padding:12px 14px}.tcover{width:56px;height:56px}.ttime,.tshare{display:none}.tbuy{height:40px;padding:0}.tbuy span{display:none}.track-v2 .track-desc{grid-column:1/-1;grid-row:auto;font-size:.8rem}}
/* ━━━ Visualiseur des fiches ━━━ */
.track.track-v2{grid-template-columns:72px minmax(150px,.9fr) minmax(160px,1.25fr) 58px 42px 152px}
.twave{position:relative;height:46px;min-width:0;cursor:pointer;border-radius:6px}
.twave canvas{position:absolute;inset:0;width:100%;height:100%;display:block}
.track-v2.wave-loading .twave::after{content:'';position:absolute;inset:0;border-radius:6px;background:linear-gradient(90deg,transparent,rgba(243,210,122,.22),transparent);background-size:40% 100%;background-repeat:no-repeat;animation:waveSweep 1s linear infinite}
@keyframes waveSweep{from{background-position:-40% 0}to{background-position:140% 0}}
.track-v2.wave-on{background:rgba(216,178,92,.05)}
.track-v2 .track-desc{grid-column:2/-1}
/* ━━━ Barre de lecture (pleine largeur, fine) ━━━ */
.music-player.mbar{left:0;right:0;bottom:0;width:auto;min-height:0;height:74px;display:grid;grid-template-columns:minmax(220px,1fr) minmax(300px,1.5fr) minmax(220px,1fr);grid-template-rows:1fr;column-gap:22px;row-gap:0;align-items:center;padding:0 22px;border:0;border-top:1px solid rgba(240,213,141,.18);border-radius:0;background:rgba(10,10,9,.96);backdrop-filter:blur(22px);box-shadow:0 -18px 50px rgba(0,0,0,.45);transform:translateY(110%);opacity:1}
.music-player.mbar.open{transform:none}
.mbar-left{display:flex;align-items:center;gap:12px;min-width:0}
.mbar-cover{flex:none;width:46px;height:46px;border-radius:50%;background:#1a1812 center/cover no-repeat;border:1px solid rgba(240,213,141,.35);box-shadow:0 0 0 3px rgba(216,178,92,.08)}
.music-player.mbar.open:not(.paused) .mbar-cover{animation:mbarSpin 14s linear infinite}
@keyframes mbarSpin{to{transform:rotate(360deg)}}
.mbar .player-copy{min-width:0}
.mbar .player-copy strong{font-size:.9rem;font-weight:800;color:#f4efe4;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.mbar .player-copy small{font-size:.74rem;color:var(--dim);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.mbar .player-desc{display:none}
.mbar-center{display:flex;flex-direction:column;align-items:center;gap:5px;min-width:0}
.mbar-controls{display:flex;align-items:center;gap:14px}
.mbar-btn{width:34px;height:34px;display:grid;place-items:center;border:0;border-radius:50%;background:transparent;color:#b9b3a6;cursor:pointer;transition:color .2s,background .2s;font-family:inherit}
.mbar-btn:hover{color:var(--gold-2);background:rgba(255,255,255,.05)}
.mbar-btn.on{color:var(--gold-2)}
.mbar-btn.on::after{content:'';position:absolute;width:4px;height:4px;border-radius:50%;background:var(--gold-2);transform:translateY(14px)}
.mbar-btn{position:relative}
.mbar .player-toggle{width:38px;height:38px;border:1.5px solid var(--gold-2);border-radius:50%;background:transparent;color:var(--gold-2);font-size:.9rem;display:grid;place-items:center;cursor:pointer;transition:background .2s,color .2s}
.mbar .player-toggle:hover{background:var(--gold-2);color:#090806}
.mbar-time{display:flex;align-items:center;gap:10px;width:100%;max-width:560px;color:#8a867d;font-size:.7rem;font-variant-numeric:tabular-nums}
.mbar-line{position:relative;flex:1;height:3px;border-radius:3px;background:rgba(255,255,255,.12);cursor:pointer;touch-action:none}
.mbar-line::before{content:'';position:absolute;inset:-8px 0}
.mbar-fill{position:absolute;left:0;top:0;bottom:0;width:0;border-radius:3px;background:linear-gradient(90deg,var(--gold),var(--gold-2))}
.mbar-fill::after{content:'';position:absolute;right:-5px;top:50%;width:10px;height:10px;border-radius:50%;background:#f6e2a8;transform:translateY(-50%) scale(0);transition:transform .15s;box-shadow:0 0 8px rgba(243,210,122,.7)}
.mbar-line:hover .mbar-fill::after,.mbar-line:focus-visible .mbar-fill::after{transform:translateY(-50%) scale(1)}
.mbar-right{display:flex;align-items:center;justify-content:flex-end;gap:6px}
.mbar-vol{display:flex;align-items:center}
.mbar-vol input{width:0;opacity:0;transition:width .2s,opacity .2s;accent-color:var(--gold-2)}
.mbar-vol:hover input,.mbar-vol:focus-within input{width:80px;opacity:1}
.mbar-btn.muted .vol-waves{opacity:.2}
.mbar-like{display:inline-flex;align-items:center;gap:6px;height:32px;padding:0 12px;border:1px solid rgba(255,255,255,.14);border-radius:999px;background:transparent;color:#d9d3c6;font-size:.76rem;font-weight:700;font-family:inherit;cursor:pointer;transition:.2s}
.mbar-like:hover{border-color:var(--line-gold);color:var(--gold-2)}
.mbar-like.on{border-color:var(--gold-2);color:var(--gold-2);background:rgba(216,178,92,.1)}
.mbar-like.on path,.mbar-btn#playerFav.on path{fill:currentColor}
.mbar-like span:empty{display:none}
.mbar .player-download{width:34px;height:34px;padding:0;border:0;border-radius:50%;background:transparent;color:#b9b3a6;font-size:1rem}
.mbar .player-download:hover{color:var(--gold-2);background:rgba(255,255,255,.05)}
.mbar .player-close{width:30px;height:30px;color:#6f6b63;font-size:1.2rem}
body.player-open{padding-bottom:74px}
body.player-open .ai-fab{bottom:92px}
body.player-open #toast{bottom:92px}
.chip-fav{border-color:rgba(216,178,92,.35)}
@media(max-width:1000px){.music-player.mbar{grid-template-columns:minmax(0,1fr) auto auto;column-gap:10px;padding:0 14px}.mbar-center{display:contents}.mbar-controls{gap:6px}.mbar-time{position:absolute;left:0;right:0;top:-1px;max-width:none;gap:0}.mbar-time span{display:none}.mbar-line{border-radius:0}.mbar-vol,#playerShuffle,#playerRepeat{display:none}.mbar-right{gap:2px}}
@media(max-width:680px){.music-player.mbar{height:66px;padding:0 10px;grid-template-columns:minmax(0,1fr) auto auto;column-gap:6px}.mbar-right .mbar-btn,.mbar-like{width:32px;height:32px}.mbar .player-close{width:26px}.mbar-cover{width:40px;height:40px}.mbar-controls{gap:4px}#playerPrev,#playerDownload,.mbar-like span{display:none}.mbar-like{padding:0 9px}body.player-open{padding-bottom:66px}body.player-open .ai-fab,body.player-open #toast{bottom:80px}.track.track-v2{grid-template-columns:56px minmax(0,1fr) 44px}.tcover{grid-row:1}.twave{grid-column:1/-1;grid-row:3;height:38px}.track-v2 .track-desc{grid-row:2;grid-column:1/-1}}
/* ── Packs complets (Créations Uniques) ── */
.pack-head{margin-top:56px}
.pack-list{display:grid;gap:16px}
.pack-card{overflow:hidden;padding:0}
.pack-top{display:grid;grid-template-columns:200px minmax(0,1fr);gap:28px;padding:22px;align-items:center}
.pack-cover{position:relative;width:200px;aspect-ratio:1;border:0;padding:0;border-radius:16px;overflow:hidden;display:grid;grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr;background:#111;cursor:pointer;box-shadow:0 18px 44px rgba(0,0,0,.35)}
.pack-cover img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .4s}
.pack-cover:hover img{transform:scale(1.05)}
.pack-cover.empty{background:linear-gradient(145deg,rgba(216,178,92,.18),#111)}
.pack-count{position:absolute;right:10px;bottom:10px;display:flex;align-items:baseline;gap:5px;padding:6px 11px;border-radius:999px;background:rgba(7,7,7,.82);border:1px solid var(--line-gold);color:var(--gold-2);font-weight:800;font-size:1rem;backdrop-filter:blur(8px)}
.pack-count small{font-size:.66rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:#cfc9bd}
.pack-info h3{font-family:var(--serif);font-weight:400;font-size:clamp(1.7rem,3vw,2.4rem);line-height:1.05;margin:12px 0 6px}
.pack-meta{color:var(--dim);font-size:.82rem;margin:0}
.pack-desc{color:#bdb8ae;margin:12px 0 0;max-width:680px;line-height:1.65}
.pack-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:20px}
.pack-actions .btn svg{flex:none}
.pack-chev{display:inline-block;transition:transform .25s}
.pack-card.open .pack-chev{transform:rotate(180deg)}
.pack-tracks{border-top:1px solid var(--line)}
.pack-note{font-size:.78rem;padding:12px 22px 18px;margin:0}
@media(max-width:680px){.pack-top{grid-template-columns:1fr;gap:18px}.pack-cover{width:100%;max-width:320px;margin:0 auto}.pack-actions .btn{flex:1 1 auto}}
/* ── Annonce Boutique (accueil) ── */
.shop-promo{display:grid;grid-template-columns:120px minmax(0,1fr) auto;gap:26px;align-items:center;padding:20px 26px 20px 20px;text-decoration:none;color:inherit;background:radial-gradient(520px 220px at 0% 50%,rgba(216,178,92,.14),transparent 70%),linear-gradient(135deg,rgba(255,255,255,.05),rgba(255,255,255,.012));border-color:var(--line-gold);transition:transform .25s,box-shadow .25s}
.shop-promo:hover{transform:translateY(-3px);box-shadow:0 26px 70px rgba(0,0,0,.35),0 0 0 1px rgba(240,213,141,.25)}
.shop-promo-art{width:120px;aspect-ratio:1;border-radius:14px;overflow:hidden;display:grid;grid-template-columns:1fr 1fr;background:#151411;box-shadow:0 14px 34px rgba(0,0,0,.35)}
.shop-promo-art img{width:100%;height:100%;object-fit:cover;display:block}
.shop-promo-art i{grid-column:1/-1;display:grid;place-items:center;font-style:normal;font-size:2.4rem;color:var(--gold-2)}
.shop-promo-copy{display:flex;flex-direction:column;gap:8px;min-width:0}
.shop-promo-copy strong{font-family:var(--serif);font-weight:400;font-size:clamp(1.5rem,2.6vw,2.2rem);line-height:1.1}
.shop-promo-copy small{color:var(--muted);font-size:.92rem;line-height:1.55}
.shop-promo-cta{white-space:nowrap}
@media(max-width:760px){.shop-promo{grid-template-columns:84px minmax(0,1fr);gap:16px;padding:16px}.shop-promo-art{width:84px}.shop-promo-cta{grid-column:1/-1;width:100%}}
#packs,#titres{scroll-margin-top:96px}
/* ── Recherche + assistant intégrés en haut de l'accueil ── */
body[data-page="home"] .ai-fab{display:none}
body[data-page="home"] .hero-art .hero-frame{top:170px}
body[data-page="home"] .hero-art .sound-orbit{top:230px}
.hero-art .hero-frame,.hero-art .hero-stat,.hero-art .sound-orbit{transition:opacity .35s}
.hero-ai{position:absolute;z-index:5;top:0;left:10%;right:0}
.hero-ai-search{display:flex;flex-direction:column;gap:10px;padding:14px 16px;border:1px solid var(--line-gold);border-radius:18px;background:rgba(14,13,11,.86);backdrop-filter:blur(16px);box-shadow:0 20px 60px rgba(0,0,0,.4)}
.hero-ai-title{font-family:var(--serif);font-weight:400;font-size:1.3rem;line-height:1.15}
.hero-ai-row,.hap-row{display:flex;gap:8px}
.hero-ai-row input,.hap-row input{flex:1;min-width:0;height:42px;border-radius:12px;border:1px solid var(--line);background:#0a0a09;color:var(--text);padding:0 13px;outline:none;font-size:.86rem}
.hero-ai-row input:focus,.hap-row input:focus{border-color:rgba(216,178,92,.6);box-shadow:0 0 0 3px rgba(216,178,92,.08)}
.hero-ai-row .btn,.hap-row .btn{min-height:42px;padding:0 16px;border-radius:12px}
.hero-ai-modes{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.hero-ai-modes label{display:flex;flex-direction:column;gap:1px;padding:7px 11px;border:1px solid var(--line);border-radius:12px;cursor:pointer;transition:.2s}
.hero-ai-modes label input{position:absolute;opacity:0;pointer-events:none}
.hero-ai-modes label span{font-size:.8rem;font-weight:800;color:#d8d3c8}
.hero-ai-modes label small{font-size:.7rem;color:var(--dim)}
.hero-ai-modes label.on{border-color:var(--gold-2);background:rgba(216,178,92,.08)}
.hero-ai-modes label.on span{color:var(--gold-2)}
.hero-ai-panel{display:flex;flex-direction:column;height:100%;border:1px solid var(--line-gold);border-radius:22px;background:#0c0c0b;box-shadow:0 30px 90px rgba(0,0,0,.55);overflow:hidden;animation:heroAiIn .35s cubic-bezier(.2,.8,.2,1)}
.hero-ai-panel[hidden]{display:none}
@keyframes heroAiIn{from{opacity:0;transform:translateY(8px) scale(.985)}to{opacity:1;transform:none}}
.hero-ai.open{top:0;bottom:0}
.hero-ai.open .hero-ai-search{display:none}
.hero-art:has(.hero-ai.open) .hero-frame,.hero-art:has(.hero-ai.open) .hero-stat,.hero-art:has(.hero-ai.open) .sound-orbit{opacity:0;pointer-events:none}
.hap-head{display:flex;align-items:center;gap:11px;padding:14px 16px;border-bottom:1px solid var(--line)}
.hap-head .ai-demo-avatar{width:34px;height:34px;flex:none}
.hap-head-txt{flex:1;min-width:0}.hap-head-txt small{display:block;color:var(--gold-2);font-size:.68rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase}
.hap-head-txt strong{display:block;font-size:.95rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.hap-close{width:34px;height:34px;border-radius:50%;border:1px solid var(--line);background:transparent;color:#bdb8ad;font-size:1.2rem;cursor:pointer}.hap-close:hover{color:var(--gold-2);border-color:var(--line-gold)}
.hap-body{flex:1;overflow:auto;padding:8px 6px}
.hap-intro{margin:6px 10px 8px;color:#bdb8ad;font-size:.84rem}
.hap-empty,.hap-answer{margin:14px 12px;color:#bdb8ad;font-size:.88rem;line-height:1.6}
.hap-actions{display:flex;flex-wrap:wrap;gap:8px;margin:10px 10px 6px}
.hap-actions button,.hap-modes button{border:1px solid var(--line-gold);border-radius:999px;background:transparent;color:var(--gold-2);font:inherit;font-size:.78rem;font-weight:700;padding:6px 12px;cursor:pointer}
.hap-actions button:hover,.hap-modes button.on{background:rgba(216,178,92,.12)}
.hap-foot{border-top:1px solid var(--line);padding:10px 12px;display:flex;flex-direction:column;gap:8px}
.hap-modes{display:flex;gap:6px}
.hap-body .track-list{display:grid}
.hap-body .track.track-v2{grid-template-columns:48px minmax(0,1fr) auto 40px;column-gap:10px;row-gap:4px;padding:10px 10px;border-radius:12px}
.hap-body .tcover{width:48px;height:48px;grid-row:1;grid-column:1}
.hap-body .tinfo{grid-column:2;grid-row:1;min-width:0}
.hap-body .track-v2 .track-title{font-size:.9rem}
.hap-body .track-v2 .track-sub{font-size:.74rem}
.hap-body .ttime{grid-column:3;grid-row:1;font-size:.74rem;display:block}
.hap-body .tbuy{grid-column:4;grid-row:1;width:40px;height:36px;padding:0;min-width:0}
.hap-body .tbuy span{display:none}
.hap-body .tshare,.hap-body .track-desc{display:none}
.hap-body .twave{grid-column:1/-1;grid-row:2;height:28px}
@media(max-width:1000px){body[data-page="home"] .hero-art{min-height:640px}body[data-page="home"] .hero-art .hero-frame{top:180px}.hero-ai{left:0}}
@media(max-width:680px){body[data-page="home"] .hero-art{min-height:600px}body[data-page="home"] .hero-art .hero-frame{top:190px}.hero-ai-title{font-size:1.12rem}.hero-ai-row .btn{padding:0 12px}.hero-ai-modes label{padding:6px 9px}}
/* ── Or plus riche pour les boutons (23/09/2026) ── */
:root{--gold-btn:linear-gradient(135deg,#f3d58a 0%,#dcb458 38%,#c4943a 72%,#a97a2a 100%);--gold-btn-hover:linear-gradient(135deg,#f7de9c 0%,#e3bd62 38%,#cc9d42 72%,#b38432 100%)}
.btn-primary,.tbuy,.uq-buy,.player-download,.ai-send,.ai-prompt-line button,.lang-banner-switch{background:var(--gold-btn);color:#1a1206;border-color:transparent;box-shadow:0 10px 28px rgba(196,148,58,.22),inset 0 1px 0 rgba(255,244,210,.55),inset 0 -1px 0 rgba(90,60,15,.35);text-shadow:0 1px 0 rgba(255,240,200,.25)}
.btn-primary:hover,.tbuy:hover,.uq-buy:hover,.player-download:hover,.ai-send:hover,.ai-prompt-line button:hover,.lang-banner-switch:hover{background:var(--gold-btn-hover)}
.mbar .player-toggle:hover{background:var(--gold-btn);color:#1a1206}
/* recherche de l'accueil : un peu plus haut et à droite, icônes sobres */
.hero-ai{top:-34px;left:15%;right:-36px}
@media(max-width:1000px){.hero-ai{top:0;left:0;right:0}}
.hi-ic{flex:none;vertical-align:-2px;margin-right:6px}
.hero-ai-modes label span{display:flex;align-items:center}
.hero-ai-modes label .hi-ic{color:var(--gold)}
.hap-actions button,.hap-modes button{display:inline-flex;align-items:center}
/* ━━━ Boutons or « premium » — 9 styles (.gb .gb-1 … .gb-9) ━━━ */
.gb{color:#ffd35c;--g1:#fff3c4;--g2:#ffd76a;--g3:#f2b52a;--g4:#c98a12;--g5:#8a5a06;--glow:rgba(255,196,64,.75);position:relative;display:inline-flex;align-items:center;justify-content:center;gap:14px;border:0;cursor:pointer;font:800 .95rem/1.3 var(--sans,system-ui,sans-serif);letter-spacing:.06em;text-transform:uppercase;text-decoration:none;white-space:nowrap;transition:transform .2s,filter .2s,box-shadow .2s;isolation:isolate;-webkit-tap-highlight-color:transparent}
.gb:hover{transform:translateY(-2px);filter:brightness(1.08)}
.gb:active{transform:translateY(0)}
.gb svg{width:22px;height:22px;flex:none}
.gb-sep{width:1px;align-self:stretch;margin:6px 0;background:currentColor;opacity:.45}
.gb-txt-gold{line-height:1.35;padding-top:2px;background:linear-gradient(180deg,var(--g1),var(--g2) 45%,var(--g3));-webkit-background-clip:text;background-clip:text;color:transparent}
/* 1 — pilule or pleine, reflet brillant */
.gb-1{height:56px;padding:0 30px 0 22px;border-radius:999px;color:#241603;background:linear-gradient(180deg,#ffe9a3 0%,#ffd25a 30%,#f0b025 60%,#d6921a 100%);box-shadow:0 0 0 1.5px #ffe7a0 inset,0 -3px 6px rgba(120,70,0,.35) inset,0 0 26px var(--glow),0 0 70px rgba(255,170,40,.38)}
.gb-1::after{content:"";position:absolute;inset:3px 14px auto;height:45%;border-radius:999px;background:linear-gradient(180deg,rgba(255,255,255,.55),rgba(255,255,255,0));pointer-events:none}
.gb-1 .gb-sep{opacity:.55}
/* 2 — cercle or (icône seule) */
.gb-2{width:92px;height:92px;border-radius:50%;color:#fff4cf;background:radial-gradient(circle at 50% 35%,#ffe28a 0%,#f0b12a 45%,#b87808 80%,#8a5406 100%);box-shadow:0 0 0 3px #1a1204,0 0 0 5px #ffd460,0 0 0 8px rgba(255,212,96,.25),0 0 30px var(--glow),0 0 70px rgba(255,170,40,.35),inset 0 2px 10px rgba(255,255,255,.55),inset 0 -8px 14px rgba(110,60,0,.45)}
.gb-2 svg{width:38px;height:38px;filter:drop-shadow(0 2px 3px rgba(90,50,0,.5))}
/* 3 — rectangle noir, liseré or */
.gb-3{height:56px;padding:0 28px 0 22px;border-radius:12px;background:linear-gradient(180deg,#141008,#050403);box-shadow:0 0 0 1.5px #f3c54e,0 0 0 2.5px rgba(255,220,120,.25),0 0 22px var(--glow),0 0 55px rgba(255,170,40,.25),inset 0 0 16px rgba(255,190,60,.14)}
.gb-3 svg{color:#ffd35c}.gb-3 .gb-sep{background:#e0b040}
/* 4 — plaque noire à coins coupés */
.gb-4{height:58px;padding:0 30px 0 26px;color:#ffd35c;background:linear-gradient(90deg,#ffe07a,#c98a12 30%,#ffe89a 55%,#c98a12 80%,#ffd35c);clip-path:polygon(14px 0,calc(100% - 14px) 0,100% 14px,100% calc(100% - 14px),calc(100% - 14px) 100%,14px 100%,0 calc(100% - 14px),0 14px);filter:drop-shadow(0 0 10px var(--glow)) drop-shadow(0 0 26px rgba(255,170,40,.3))}
.gb-4::before{content:"";position:absolute;inset:2px;z-index:-1;background:linear-gradient(180deg,#15100a,#050403);clip-path:polygon(13px 0,calc(100% - 13px) 0,100% 13px,100% calc(100% - 13px),calc(100% - 13px) 100%,13px 100%,0 calc(100% - 13px),0 13px)}
.gb-4:hover{filter:brightness(1.1) drop-shadow(0 0 12px var(--glow)) drop-shadow(0 0 30px rgba(255,170,40,.35))}
.gb-4 .gb-sep{background:#e0b040}
/* 5 — pilule or « verre », pastille ronde + reflets en mouvement */
.gb-5{height:58px;padding:0 28px 0 7px;border-radius:999px;overflow:hidden;color:#fff1c4;background:linear-gradient(180deg,#f7c64a 0%,#d6961a 55%,#a86c08 100%);box-shadow:0 0 0 1.5px #ffe08a inset,0 0 24px var(--glow),0 0 60px rgba(255,170,40,.3)}
.gb-5::before{content:"";position:absolute;inset:-40%;z-index:-1;background:conic-gradient(from 0deg,transparent 0 20%,rgba(255,245,200,.45) 25%,transparent 32% 60%,rgba(255,235,160,.35) 66%,transparent 72%);animation:gbSpin 6s linear infinite}
.gb-5::after{content:"";position:absolute;inset:3px 20px auto;height:40%;border-radius:999px;background:linear-gradient(180deg,rgba(255,255,255,.45),transparent);pointer-events:none}
.gb-5 .gb-dot{width:44px;height:44px;border-radius:50%;display:grid;place-items:center;background:radial-gradient(circle at 50% 30%,#3a2a0c,#120c04);box-shadow:0 0 0 1.5px #ffd35c,inset 0 0 10px rgba(255,200,80,.25)}
.gb-5 .gb-dot svg{color:#ffd35c;width:20px;height:20px}
.gb-5 span:last-child{text-shadow:0 1px 2px rgba(90,50,0,.55)}
@keyframes gbSpin{to{transform:rotate(360deg)}}
/* 6 — cercle + flèche or */
.gb-6{height:64px;padding:0;gap:0;background:none}
.gb-6 .gb-dot{position:relative;z-index:2;width:64px;height:64px;border-radius:50%;display:grid;place-items:center;background:radial-gradient(circle at 50% 35%,#2c2008,#0b0803);box-shadow:0 0 0 2px #ffd35c,0 0 0 4px rgba(255,211,92,.25),0 0 22px var(--glow)}
.gb-6 .gb-dot svg{color:#ffd35c;width:26px;height:26px}
.gb-6 .gb-flag{height:46px;margin-left:-10px;padding:0 38px 0 26px;display:flex;align-items:center;color:#241603;background:linear-gradient(180deg,#ffe28a,#f1b52c 55%,#c98a12);clip-path:polygon(0 0,calc(100% - 20px) 0,100% 50%,calc(100% - 20px) 100%,0 100%);filter:drop-shadow(0 0 12px var(--glow))}
/* 7 — rectangle noir + tuile or pour l'icône */
.gb-7{height:60px;padding:0 28px 0 6px;border-radius:12px;background:linear-gradient(180deg,#130f08,#050403);box-shadow:0 0 0 1.5px #f3c54e,0 0 22px var(--glow),0 0 55px rgba(255,170,40,.25),inset 0 0 14px rgba(255,190,60,.12)}
.gb-7 .gb-tile{width:48px;height:48px;border-radius:9px;display:grid;place-items:center;color:#2a1904;background:linear-gradient(180deg,#ffe28a,#f0b12a 55%,#c4860f);box-shadow:inset 0 1px 0 rgba(255,255,255,.6),0 0 12px rgba(255,190,60,.4)}
.gb-7 .gb-sep{background:#e0b040;margin:12px 0}
/* 8 — losange noir */
.gb-8{width:150px;height:150px;flex-direction:column;gap:8px;background:none;font-size:.78rem}
.gb-8::before{content:"";position:absolute;inset:22px;z-index:-1;border-radius:22px;transform:rotate(45deg);background:linear-gradient(180deg,#141008,#050403);box-shadow:0 0 0 2px #f3c54e,0 0 20px var(--glow),0 0 50px rgba(255,170,40,.25),inset 0 0 18px rgba(255,190,60,.12)}
.gb-8 svg{width:32px;height:32px;color:#ffd35c}
/* 9 — pilule noire, anneau de lumière en orbite */
.gb-9{height:58px;padding:0 30px 0 24px;border-radius:999px;background:linear-gradient(180deg,#1d1508,#070503);box-shadow:0 0 0 1.5px #f3c54e,0 0 20px var(--glow),inset 0 0 20px rgba(255,190,60,.18)}
.gb-9::before,.gb-9::after{content:"";position:absolute;left:-18px;right:-18px;top:-12px;bottom:-12px;z-index:-1;border-radius:50%;border:1.5px solid transparent;border-top-color:rgba(255,222,120,.95);border-left-color:rgba(255,200,80,.35);border-bottom-color:rgba(255,190,60,.7);filter:drop-shadow(0 0 6px var(--glow)) drop-shadow(0 0 14px rgba(255,170,40,.5));transform:rotate(-4deg);animation:gbShimmer 3s ease-in-out infinite}
.gb-9::after{left:-8px;right:-26px;top:-6px;bottom:-16px;border-top-color:rgba(255,200,80,.45);border-right-color:rgba(255,230,150,.9);border-bottom-color:rgba(255,215,110,.85);transform:rotate(3deg);animation-delay:-1.5s}

.gb-9 svg{color:#ffd35c}.gb-9 .gb-sep{background:#e0b040}
@keyframes gbShimmer{0%,100%{opacity:.65}50%{opacity:1}}
@keyframes gbOrbit{to{transform:rotate(360deg)}}
@media(prefers-reduced-motion:reduce){.gb-5::before,.gb-9::before,.gb-9::after{animation:none}}
/* éclat lumineux (reflet façon « lens flare ») */
.gb-flare{position:absolute;top:-3px;right:18%;width:70px;height:6px;border-radius:50%;background:radial-gradient(ellipse at center,rgba(255,255,235,1) 0,rgba(255,220,120,.6) 25%,transparent 70%);filter:blur(.5px);pointer-events:none}
.gb-flare.b{top:auto;bottom:-3px;right:auto;left:22%}
/* tailles : .gb-sm pour les fiches */
.gb.gb-sm{height:44px;font-size:.78rem;gap:10px}
.gb.gb-sm svg{width:18px;height:18px}
/* ━━━ Style de bouton retenu : n°3 (noir, liseré or lumineux) — appliqué à tous les boutons dorés ━━━ */
.btn-primary,.tbuy,.uq-buy,.player-download,.ai-send,.ai-prompt-line button,.lang-banner-switch{background:linear-gradient(180deg,#16110a,#060504);color:#ffd35c;border:0;border-radius:12px;text-shadow:0 0 10px rgba(255,196,64,.35);box-shadow:0 0 0 1.5px #f3c54e,0 0 0 2.5px rgba(255,220,120,.22),0 0 18px rgba(255,196,64,.45),0 0 44px rgba(255,170,40,.18),inset 0 0 16px rgba(255,190,60,.14)}
.btn-primary:hover,.tbuy:hover,.uq-buy:hover,.player-download:hover,.ai-send:hover,.ai-prompt-line button:hover,.lang-banner-switch:hover{background:linear-gradient(180deg,#1d160b,#080604);color:#ffe08a;box-shadow:0 0 0 1.5px #ffd766,0 0 0 3px rgba(255,220,120,.3),0 0 24px rgba(255,196,64,.62),0 0 60px rgba(255,170,40,.26),inset 0 0 18px rgba(255,190,60,.2)}
.btn-primary svg,.tbuy svg,.uq-buy svg,.player-download svg{color:#ffd35c;filter:drop-shadow(0 0 4px rgba(255,196,64,.5))}
.tbuy span,.uq-buy span{padding-left:12px;border-left:1px solid rgba(224,176,64,.55);line-height:1.4}
.lang-banner-switch{border-radius:10px}
.mbar .player-toggle:hover{background:linear-gradient(180deg,#1d160b,#080604);color:#ffe08a;box-shadow:0 0 0 1.5px #f3c54e,0 0 16px rgba(255,196,64,.5)}
/* style 3 adouci (moins lumineux) */
.btn-primary,.tbuy,.uq-buy,.player-download,.ai-send,.ai-prompt-line button,.lang-banner-switch{color:#e9c46a;text-shadow:none;box-shadow:0 0 0 1px rgba(226,184,86,.85),0 0 10px rgba(226,176,70,.14),inset 0 0 12px rgba(226,176,70,.06)}
.btn-primary:hover,.tbuy:hover,.uq-buy:hover,.player-download:hover,.ai-send:hover,.ai-prompt-line button:hover,.lang-banner-switch:hover{color:#f3d27a;box-shadow:0 0 0 1px #edc768,0 0 14px rgba(226,176,70,.24),inset 0 0 14px rgba(226,176,70,.1)}
.btn-primary svg,.tbuy svg,.uq-buy svg,.player-download svg{color:#e9c46a;filter:none}
.tbuy span,.uq-buy span{border-left-color:rgba(226,184,86,.4)}
.mbar .player-toggle:hover{box-shadow:0 0 0 1px #e2b856,0 0 10px rgba(226,176,70,.2)}
/* === Accueil maquette : hero 3 colonnes + bandeau gratuit/citation === */
body[data-page="home"] .hero{min-height:auto;padding:54px 0 40px}
body[data-page="home"] .hero-grid{grid-template-columns:minmax(0,1fr) minmax(280px,.82fr) minmax(330px,370px);gap:40px;align-items:start}
body[data-page="home"] .hero-copy{padding-top:40px}
body[data-page="home"] .hero-copy .display{font-size:clamp(3rem,5.3vw,5.6rem)}
body[data-page="home"] .hero-art{min-height:640px}
body[data-page="home"] .hero-art .hero-frame{top:0;inset:0 0 0 0}
body[data-page="home"] .hero-art .sound-orbit{top:60px;right:-30px}
.hero-art:has(.hero-ai.open) .hero-frame,.hero-art:has(.hero-ai.open) .sound-orbit{opacity:1;pointer-events:auto}
.hero-side{display:flex;flex-direction:column;gap:16px;min-width:0}
.hero-side .hero-ai{position:static;top:auto;left:auto;right:auto;bottom:auto}
.hero-side .hero-ai.open .hero-ai-panel{height:640px}
.hero-side:has(.hero-ai.open) .home-pick{display:none}
.home-pick{padding:16px 14px 10px;border:1px solid var(--line-gold);border-radius:18px;background:rgba(14,13,11,.86);box-shadow:0 20px 60px rgba(0,0,0,.35)}
.home-pick-head{display:flex;justify-content:space-between;align-items:flex-start;gap:10px;padding:0 4px}
.home-pick-head .eyebrow{font-size:.66rem}
.home-pick-head h3{font-family:var(--serif);font-weight:400;font-size:1.3rem;line-height:1.15;margin:6px 0 0}
.home-pick-head a{flex:none;font-size:.74rem;font-weight:700;color:var(--gold-2);text-decoration:none;margin-top:2px}
.home-pick-head a:hover{text-decoration:underline}
.home-pick>p{margin:6px 4px 8px;font-size:.76rem;color:var(--dim);line-height:1.45}
.home-pick-list{display:grid;gap:2px}
.home-pick-list .track.track-v2{grid-template-columns:42px minmax(0,1fr) auto 38px;column-gap:10px;row-gap:3px;padding:8px 6px;border-radius:12px}
.home-pick-list .tcover{width:42px;height:42px;grid-row:1;grid-column:1}
.home-pick-list .tinfo{grid-column:2;grid-row:1;min-width:0}
.home-pick-list .track-v2 .track-title{font-size:.86rem}
.home-pick-list .track-v2 .track-sub{font-size:.7rem}
.home-pick-list .ttime{grid-column:3;grid-row:1;font-size:.72rem;display:block}
.home-pick-list .tbuy{grid-column:4;grid-row:1;width:38px;height:34px;padding:0;min-width:0}
.home-pick-list .tbuy span{display:none}
.home-pick-list .tshare,.home-pick-list .track-desc{display:none}
.home-pick-list .twave{grid-column:1/-1;grid-row:2;height:22px}
.home-duo{padding:6px 0 30px}
.home-duo-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.15fr);gap:22px;align-items:stretch}
.duo-access{display:flex;gap:16px;align-items:flex-start;padding:20px 22px;border:1px solid rgba(255,255,255,.07);border-radius:18px;background:linear-gradient(105deg,rgba(216,178,92,.08),rgba(58,102,97,.06) 60%,rgba(14,13,11,.6))}
.duo-access strong{display:block;font-family:var(--serif);font-size:1.22rem;font-weight:400}
.duo-access small{display:block;color:var(--muted);margin-top:3px;font-size:.8rem}
.duo-access ol{list-style:none;margin:14px 0 0;padding:0;display:grid;grid-template-columns:repeat(3,1fr);gap:8px}
.duo-access li{padding:4px 10px;border-left:1px solid var(--line-gold);font-size:.72rem;color:#c4bfb6}
.duo-access li span{display:block;color:var(--gold);font-size:.7rem;letter-spacing:.12em;margin-bottom:2px}
.duo-quote{margin:0;padding:20px 26px;border:1px solid var(--line-gold);border-radius:18px;background:rgba(14,13,11,.7);display:flex;flex-direction:column;justify-content:center}
.duo-quote blockquote{font-family:var(--serif);font-size:clamp(1.3rem,1.9vw,1.85rem);line-height:1.2;letter-spacing:-.02em;margin:10px 0 0}
.duo-link{align-self:flex-start;margin-top:12px;font-size:.78rem;font-weight:700;color:var(--gold-2);text-decoration:none}
.duo-link:hover{text-decoration:underline}
@media(max-width:1240px){body[data-page="home"] .hero-grid{grid-template-columns:minmax(0,1fr) minmax(330px,380px)}
body[data-page="home"] .hero-art{grid-column:1;grid-row:2;min-height:520px}
body[data-page="home"] .hero-side{grid-column:2;grid-row:1/span 2}
body[data-page="home"] .hero-copy{padding-top:10px}}
@media(max-width:1000px){body[data-page="home"] .hero-grid{grid-template-columns:1fr}
body[data-page="home"] .hero-art,body[data-page="home"] .hero-side{grid-column:auto;grid-row:auto}
body[data-page="home"] .hero-art{min-height:520px;max-width:620px}
body[data-page="home"] .hero-art .hero-frame{top:0}
.hero-side{max-width:620px;width:100%;margin:auto}
.hero-side .hero-ai.open .hero-ai-panel{height:600px}
.home-duo-grid{grid-template-columns:1fr}}
@media(max-width:680px){body[data-page="home"] .hero-art{min-height:420px}
body[data-page="home"] .hero-art .hero-frame{top:0;left:0}
.duo-access ol{grid-template-columns:1fr;gap:4px}
.duo-access{padding:18px}}
body[data-page="home"] .hero-art{align-self:stretch}
.home-pick-list .track.track-v2{padding:6px 6px;row-gap:1px;grid-template-columns:38px minmax(0,1fr) auto 34px}
.home-pick-list .tcover{width:38px;height:38px}
.home-pick-list .tbuy{width:34px;height:30px}
.home-pick-list .twave{height:16px}
.home-pick-list .track-v2 .track-sub{margin-top:0}
.home-pick-head .eyebrow{white-space:nowrap}
.home-pick-head .eyebrow{letter-spacing:.12em}.home-pick-head .eyebrow:before{width:14px}.home-pick-head a{font-size:.7rem}
@media(max-width:1000px){body[data-page="home"] .hero-side{order:2}body[data-page="home"] .hero-art{order:3}body[data-page="home"] .hero{overflow-x:clip}}
body[data-page="home"] .hero{overflow-x:clip}
/* === Accueil aéré (plus large) === */
body[data-page="home"] .hero>.container,body[data-page="home"] .home-duo>.container{width:min(1520px,calc(100% - 96px))}
body[data-page="home"] .hero-grid{grid-template-columns:minmax(0,1fr) minmax(380px,1fr) minmax(340px,380px);gap:56px}
body[data-page="home"] .hero-copy{padding-top:70px}
.hero-ai-top{display:flex;align-items:center;justify-content:space-between;gap:10px}
@media(max-width:1240px){body[data-page="home"] .hero>.container,body[data-page="home"] .home-duo>.container{width:min(1240px,calc(100% - 64px))}
body[data-page="home"] .hero-grid{grid-template-columns:minmax(0,1fr) minmax(330px,380px);gap:40px}
body[data-page="home"] .hero-copy{padding-top:10px}}
@media(max-width:1000px){body[data-page="home"] .hero-grid{grid-template-columns:1fr}}
@media(max-width:680px){body[data-page="home"] .hero>.container,body[data-page="home"] .home-duo>.container{width:calc(100% - 28px)}}
/* === Assistant flottant (autres pages) = même module que l'accueil === */
.float-ai{position:fixed;right:24px;bottom:108px;z-index:170;width:min(400px,calc(100vw - 32px));display:none}
.float-ai.show{display:block;animation:heroAiIn .3s cubic-bezier(.2,.8,.2,1)}
.float-ai .hero-ai{position:static!important;inset:auto!important}
.float-ai .hero-ai-search{box-shadow:0 24px 70px rgba(0,0,0,.6);background:rgba(14,13,11,.97)}
.float-ai .hero-ai.open .hero-ai-panel{height:min(600px,calc(100vh - 150px))}
.float-ai .hero-ai-top .hap-close{flex:none}
body:has(.float-ai.show) .ai-fab{display:none}
@media(max-width:680px){.float-ai{right:12px;left:12px;width:auto;bottom:96px}}
body[data-page="home"] .hero-grid{grid-template-columns:minmax(0,1.08fr) minmax(360px,1fr) minmax(340px,370px)}
body[data-page="home"] .hero-copy .display{font-size:clamp(2.9rem,4.15vw,5.8rem)}
@media(max-width:1240px){body[data-page="home"] .hero-grid{grid-template-columns:minmax(0,1fr) minmax(330px,380px)}body[data-page="home"] .hero-copy .display{font-size:clamp(3rem,6vw,5rem)}}
@media(max-width:1000px){body[data-page="home"] .hero-grid{grid-template-columns:1fr}}
@media(max-width:680px){body[data-page="home"] .hero-copy .display{font-size:clamp(2.8rem,13vw,4.4rem)}}
/* bloc gratuit en petit sous « Catalogue enrichi » */
.hero-mini-access{margin-top:26px;max-width:460px;padding:14px 16px;gap:12px;border-radius:14px}
.hero-mini-access .access-icon{width:34px;height:34px;min-width:34px;font-size:.9rem}
.hero-mini-access strong{font-size:1rem}
.hero-mini-access small{font-size:.72rem;line-height:1.4}
.hero-mini-access ol{margin-top:10px;gap:6px}
.hero-mini-access li{padding:2px 8px;font-size:.68rem}
.hero-mini-access li span{font-size:.64rem;margin-bottom:1px}
.duo-empty{min-height:1px}
@media(max-width:1000px){.duo-empty{display:none}}
/* citation centrée */
.home-duo-grid{grid-template-columns:1fr}
.home-duo .duo-empty{display:none}
.duo-quote{width:100%;max-width:920px;margin:0 auto;align-items:center;text-align:center;padding:26px 32px}
.duo-quote .eyebrow{justify-content:center}
.duo-link{align-self:center}
.duo-quote blockquote{font-size:clamp(1.4rem,2.1vw,2.1rem)}
/* MelodignIA : vidéo de fond */
.page-hero-video{position:absolute;inset:0;width:100%;height:100%;z-index:-3;object-fit:cover;object-position:67% 48%;opacity:0;transition:opacity 1.2s ease;pointer-events:none;filter:saturate(.85) contrast(1.05)}
.page-hero-video.on{opacity:.58}
.page-hero:before{transition:opacity 1.2s ease}.page-hero:has(.page-hero-video.on):before{opacity:.25}.page-hero-video.on{opacity:.72}
/* MelodignIA : vidéo d'abord, puis fondu vers l'image finale */
body[data-page="melodignia"] .page-hero{--page-art:url('assets/background-melodignia-v4.webp');--page-focus:62% 45%}
.page-hero:has(.page-hero-video.on):before{opacity:1}
.page-hero.vid-wait:before,.page-hero.vid-play:before{opacity:0}
.page-hero:before{transition:opacity 1.6s ease}
.page-hero-video{transition:opacity 1.6s ease}
.page-hero-video.on{opacity:.72}
.page-hero-video.on.done{opacity:0}
body[data-page="melodignia"] .page-hero .container:before,body[data-page="melodignia"] .page-hero .container:after{display:none}
/* image finale seulement après la vidéo */
.page-hero.vid-wait:before,.page-hero.vid-play:before{opacity:0!important}
.page-hero-video.on{opacity:.85}
.page-hero-video.on.done{opacity:0}
/* ===================== MelodignIA — refonte « platine & champagne » ===================== */
body:is([data-page="melodignia"],[data-page="exclusives"],[data-page="community"]){--ivory:#f4f1ea;--champ:#d9ccb4;--champ-2:#bfae8f;--plat:#c9c7c2;--mute:#b3aea4;--edge:rgba(232,224,208,.2);--edge-2:rgba(232,224,208,.42);--lum:linear-gradient(100deg,#8e8b86 0%,#dcd6ca 26%,#ffffff 44%,#e3d9c6 58%,#9d978d 82%,#e8e3d8 100%)}
.mia-lum{background:var(--lum);background-size:230% 100%;-webkit-background-clip:text;background-clip:text;color:transparent;-webkit-text-fill-color:transparent;font-style:italic;animation:miaSheen 9s ease-in-out infinite;padding-right:.06em}
@keyframes miaSheen{0%,100%{background-position:0% 50%}50%{background-position:100% 50%}}
@media(prefers-reduced-motion:reduce){.mia-lum{animation:none}}
/* boutons de la page : platine au lieu de l'or */
body:is([data-page="melodignia"],[data-page="exclusives"],[data-page="community"]) main .btn-primary,body:is([data-page="melodignia"],[data-page="exclusives"],[data-page="community"]) #app .btn-primary{color:var(--ivory)!important;background:linear-gradient(180deg,rgba(255,255,255,.07),rgba(255,255,255,.02))!important;box-shadow:0 0 0 1px rgba(236,230,218,.62),0 10px 30px rgba(0,0,0,.35)!important;text-shadow:none!important}
body:is([data-page="melodignia"],[data-page="exclusives"],[data-page="community"]) main .btn-primary:hover,body:is([data-page="melodignia"],[data-page="exclusives"],[data-page="community"]) #app .btn-primary:hover{background:rgba(255,255,255,.12)!important;box-shadow:0 0 0 1px #fff,0 10px 30px rgba(0,0,0,.35),0 0 24px rgba(255,255,255,.08)!important}
.mia-ghost{border-color:var(--edge)!important;color:var(--plat)!important;background:rgba(10,10,10,.45)!important;backdrop-filter:blur(8px)}
.mia-ghost:hover{border-color:var(--edge-2)!important;color:var(--ivory)!important}
/* hero */
body:is([data-page="melodignia"],[data-page="exclusives"],[data-page="community"]) .mia-hero{min-height:640px;padding:120px 0 90px;align-items:center}
.mia-hero-grid{position:relative;z-index:1;display:grid;grid-template-columns:minmax(0,1.25fr) minmax(300px,380px);gap:60px;align-items:center}
.mia-kicker{display:inline-flex;align-items:center;gap:10px;padding:8px 15px;border:1px solid var(--edge);border-radius:999px;background:rgba(12,12,12,.55);backdrop-filter:blur(10px);color:var(--champ);font-size:.7rem;font-weight:700;letter-spacing:.2em;text-transform:uppercase}
.mia-dot{width:6px;height:6px;border-radius:50%;background:#fff;box-shadow:0 0 8px rgba(255,255,255,.9),0 0 18px rgba(255,255,255,.35)}
.mia-title{margin:22px 0 18px;font-size:clamp(3.4rem,7vw,7.4rem);line-height:.92;color:var(--ivory);text-shadow:0 10px 50px rgba(0,0,0,.6)}
.mia-lead{max-width:600px;color:#d6d2ca;font-size:1.12rem;line-height:1.75;text-shadow:0 2px 18px rgba(0,0,0,.7)}
.mia-actions,.mia-cta-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:30px}
.mia-hero-card{padding:24px;border-radius:22px;background:linear-gradient(160deg,rgba(26,26,26,.82),rgba(8,8,8,.8));border:1px solid var(--edge);box-shadow:0 30px 80px rgba(0,0,0,.5),inset 0 1px rgba(255,255,255,.06);backdrop-filter:blur(16px)}
.mia-card-head{display:flex;align-items:center;gap:14px;color:var(--champ)}
.mia-card-head svg{flex:none;width:44px;height:44px;padding:10px;border-radius:50%;border:1px solid var(--edge);background:rgba(255,255,255,.04)}
.mia-card-head strong{display:block;font-family:var(--serif);font-weight:400;font-size:1.35rem;color:var(--ivory)}
.mia-card-head small{display:block;color:var(--mute);font-size:.7rem;letter-spacing:.16em;text-transform:uppercase;font-weight:700;margin-top:3px}
.mia-stats{list-style:none;margin:20px 0 16px;padding:14px 0;display:grid;grid-template-columns:repeat(3,1fr);border-block:1px solid rgba(255,255,255,.08)}
.mia-stats li{text-align:center;padding:0 6px}.mia-stats li+li{border-left:1px solid rgba(255,255,255,.07)}
.mia-stats b{display:block;font-family:var(--serif);font-weight:400;font-size:1.9rem;line-height:1;color:var(--ivory)}
.mia-stats span{display:block;margin-top:6px;font-size:.7rem;color:var(--mute);line-height:1.3}
.mia-hero-card p{margin:0;color:#c3beb5;font-size:.86rem;line-height:1.6}
/* typographie commune */
.mia-eyebrow{display:inline-flex;align-items:center;gap:12px;color:var(--champ);font-size:.72rem;font-weight:700;letter-spacing:.24em;text-transform:uppercase}
.mia-eyebrow:before{content:"";width:34px;height:1px;background:linear-gradient(90deg,transparent,var(--champ))}
.mia-h2{margin:16px 0 18px;font-family:var(--serif);font-weight:400;font-size:clamp(2.3rem,4.4vw,4rem);line-height:1.04;letter-spacing:-.035em;color:var(--ivory)}
.mia-p{color:#c3beb5;font-size:1.02rem;line-height:1.8;max-width:640px}
.mia-p a{color:var(--ivory);text-decoration:underline;text-decoration-color:var(--edge-2);text-underline-offset:3px}
.mia-center-head{text-align:center;max-width:760px;margin:0 auto 42px}
.mia-center-head .mia-eyebrow{justify-content:center}
.mia-center-head .mia-eyebrow:after{content:"";width:34px;height:1px;background:linear-gradient(90deg,var(--champ),transparent)}
.mia-center-head .mia-p{margin:0 auto}
/* à propos + appareil */
.mia-about{position:relative}
.mia-about-grid{position:relative;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:64px;align-items:center}
.mia-device{position:relative;margin:0;display:grid;place-items:center;padding:30px 0 50px}
.mia-device:before{content:"";position:absolute;left:8%;right:8%;top:6%;bottom:18%;border-radius:50%;background:radial-gradient(ellipse at center,rgba(255,255,255,.13),rgba(217,204,180,.05) 45%,transparent 70%);filter:blur(22px)}
.mia-device img{position:relative;width:100%;max-width:600px;height:auto;filter:drop-shadow(0 40px 60px rgba(0,0,0,.65)) drop-shadow(0 0 1px rgba(255,255,255,.25));animation:miaFloat 7s ease-in-out infinite}
.mia-device-floor{position:absolute;left:18%;right:18%;bottom:30px;height:26px;border-radius:50%;background:radial-gradient(ellipse at center,rgba(0,0,0,.75),transparent 70%);filter:blur(6px)}
@keyframes miaFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-10px)}}
@media(prefers-reduced-motion:reduce){.mia-device img{animation:none}}
.mia-points{list-style:none;margin:26px 0;padding:0;display:grid;gap:12px}
.mia-points li{display:flex;gap:16px;align-items:flex-start;padding:16px 18px;border-radius:16px;border:1px solid rgba(255,255,255,.07);background:linear-gradient(120deg,rgba(255,255,255,.035),rgba(255,255,255,.01));transition:border-color .3s,transform .3s}
.mia-points li:hover{border-color:var(--edge-2);transform:translateX(4px)}
.mia-points svg{flex:none;width:42px;height:42px;padding:10px;border-radius:12px;color:var(--champ);background:rgba(255,255,255,.04);border:1px solid var(--edge)}
.mia-points strong{display:block;color:var(--ivory);font-size:1rem;margin-bottom:3px}
.mia-points span{display:block;color:#aaa59c;font-size:.9rem;line-height:1.55}
.mia-quote{margin:8px 0 0;padding:4px 0 4px 22px;border-left:1px solid var(--champ);font-family:var(--serif);font-size:1.45rem;line-height:1.35;color:var(--ivory);font-style:italic}
/* usages */
.mia-use-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:12px}
.mia-use{display:flex;flex-direction:column;align-items:center;text-align:center;gap:8px;padding:22px 12px;border-radius:18px;border:1px solid rgba(255,255,255,.07);background:rgba(255,255,255,.02);transition:border-color .3s,background .3s,transform .3s}
.mia-use:hover{border-color:var(--edge-2);background:rgba(255,255,255,.04);transform:translateY(-3px)}
.mia-use svg{width:44px;height:44px;padding:11px;border-radius:50%;color:var(--champ);border:1px solid var(--edge);margin-bottom:4px}
.mia-use strong{color:var(--ivory);font-size:.92rem}
.mia-use span{color:#9f9a90;font-size:.76rem;line-height:1.4}
/* collections */
body:is([data-page="melodignia"],[data-page="exclusives"],[data-page="community"]) .category-tile{border-color:rgba(255,255,255,.08)}
body:is([data-page="melodignia"],[data-page="exclusives"],[data-page="community"]) .category-tile:hover{border-color:rgba(236,230,218,.55);box-shadow:0 30px 70px rgba(0,0,0,.5),0 0 40px rgba(255,255,255,.05)}
body:is([data-page="melodignia"],[data-page="exclusives"],[data-page="community"]) .category-copy strong{font-size:1.2rem;color:var(--ivory)}
body:is([data-page="melodignia"],[data-page="exclusives"],[data-page="community"]) .premium-tag{color:var(--ivory);border-color:rgba(236,230,218,.4);background:rgba(8,8,8,.62)}
body:is([data-page="melodignia"],[data-page="exclusives"],[data-page="community"]) .category-tile:hover .category-arrow{border-color:rgba(236,230,218,.6);color:var(--ivory)}
/* méthode */
.mia-steps{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,1fr);gap:22px;position:relative}
.mia-steps:before{content:"";position:absolute;left:14%;right:14%;top:57px;height:1px;background:linear-gradient(90deg,transparent,rgba(236,230,218,.35),transparent)}
.mia-steps li{position:relative;text-align:center;padding:26px 24px 30px;border-radius:20px;border:1px solid rgba(255,255,255,.07);background:linear-gradient(180deg,rgba(255,255,255,.035),rgba(255,255,255,.008))}
.mia-num{position:relative;display:inline-grid;place-items:center;width:62px;height:62px;border-radius:50%;margin-bottom:16px;font-family:var(--serif);font-size:1.45rem;color:var(--ivory);background:radial-gradient(circle at 35% 30%,#2a2a2a,#0c0c0c);border:1px solid var(--edge-2);box-shadow:0 0 0 6px rgba(255,255,255,.025),0 12px 30px rgba(0,0,0,.5)}
.mia-steps h3{margin:0 0 8px;font-family:var(--serif);font-weight:400;font-size:1.5rem;color:var(--ivory)}
.mia-steps p{margin:0 auto;max-width:300px;color:#aaa59c;font-size:.93rem;line-height:1.65}
/* FAQ */
.mia-faq-grid{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:56px;align-items:start}
.mia-faq-list{display:grid;gap:10px}
.mia-qa{border:1px solid rgba(255,255,255,.08);border-radius:16px;background:rgba(255,255,255,.02);transition:border-color .3s,background .3s}
.mia-qa[open]{border-color:var(--edge-2);background:rgba(255,255,255,.035)}
.mia-qa summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;align-items:center;gap:16px;padding:18px 20px;color:var(--ivory);font-weight:700;font-size:.98rem}
.mia-qa summary::-webkit-details-marker{display:none}
.mia-plus{position:relative;flex:none;width:26px;height:26px;border-radius:50%;border:1px solid var(--edge)}
.mia-plus:before,.mia-plus:after{content:"";position:absolute;left:50%;top:50%;width:10px;height:1px;background:var(--champ);transform:translate(-50%,-50%);transition:transform .3s}
.mia-plus:after{transform:translate(-50%,-50%) rotate(90deg)}
.mia-qa[open] .mia-plus:after{transform:translate(-50%,-50%) rotate(0deg)}
.mia-qa p{margin:0;padding:0 20px 20px;color:#bdb8ae;font-size:.94rem;line-height:1.7}
/* appel final */
.mia-cta{position:relative;overflow:hidden;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:40px;align-items:center;padding:46px 50px;border-radius:26px;border:1px solid var(--edge);background:radial-gradient(ellipse at 85% 50%,rgba(255,255,255,.07),transparent 55%),linear-gradient(135deg,#161616,#0a0a0a 60%);box-shadow:0 30px 90px rgba(0,0,0,.5),inset 0 1px rgba(255,255,255,.06)}
.mia-cta .mia-h2{margin:12px 0 10px}
.mia-cta .mia-p{margin:0}
.mia-cta-actions{margin-top:0;flex-direction:column;align-items:stretch}
@media(max-width:1100px){.mia-use-grid{grid-template-columns:repeat(3,1fr)}}
@media(max-width:1000px){.mia-hero-grid,.mia-about-grid,.mia-cta,.mia-faq-grid{grid-template-columns:1fr;gap:36px}.mia-device img{max-width:460px}.mia-steps{grid-template-columns:1fr}.mia-steps:before{display:none}.mia-cta-actions{flex-direction:row}body:is([data-page="melodignia"],[data-page="exclusives"],[data-page="community"]) .mia-hero{padding:90px 0 60px}}
@media(max-width:680px){.mia-title{font-size:clamp(3rem,15vw,4.6rem)}.mia-lead{font-size:1rem}.mia-cta{padding:30px 22px}.mia-hero-card{padding:20px}.mia-quote{font-size:1.2rem}.mia-actions .btn,.mia-cta-actions .btn{flex:1 1 100%}.mia-use-grid{grid-template-columns:1fr 1fr}
body:is([data-page="melodignia"],[data-page="exclusives"],[data-page="community"]) .category-grid{grid-template-columns:1fr 1fr;gap:10px}body:is([data-page="melodignia"],[data-page="exclusives"],[data-page="community"]) .category-tile{min-height:170px}body:is([data-page="melodignia"],[data-page="exclusives"],[data-page="community"]) .category-copy strong{font-size:1rem}body:is([data-page="melodignia"],[data-page="exclusives"],[data-page="community"]) .category-grid>*{grid-column:auto!important;grid-row:auto!important}}
.mia-use svg{width:52px;height:52px;padding:13px}
/* MelodignIA — couleurs d'écriture : blanc ivoire lumineux / argent platine / beige champagne */
body:is([data-page="melodignia"],[data-page="exclusives"],[data-page="community"]){--ivory:#f8f6f0;--champ:#e6ddcc;--champ-2:#d6cbb6;--plat:#cfd0d2;--mute:#a9aaac;--edge:rgba(225,225,228,.18);--edge-2:rgba(235,235,238,.4);--chrome:linear-gradient(180deg,#ffffff 0%,#f1f1f2 22%,#c4c5c8 46%,#8d8e91 54%,#d8d9db 72%,#ffffff 100%)}
/* Blanc ivoire : titres, légèrement lumineux */
.mia-title,.mia-h2,.mia-card-head strong,.mia-points strong,.mia-steps h3,.mia-use strong,.mia-qa summary,.mia-stats b,.mia-quote,body:is([data-page="melodignia"],[data-page="exclusives"],[data-page="community"]) .category-copy strong{color:var(--ivory);text-shadow:0 0 18px rgba(255,255,255,.18),0 0 2px rgba(255,255,255,.25)}
.mia-title{text-shadow:0 0 28px rgba(255,255,255,.22),0 10px 50px rgba(0,0,0,.6)}
/* Argent platine : mots mis en valeur, effet chrome */
.mia-lum{background:var(--chrome);background-size:100% 100%;-webkit-background-clip:text;background-clip:text;color:transparent;-webkit-text-fill-color:transparent;animation:none;filter:drop-shadow(0 1px 0 rgba(0,0,0,.55)) drop-shadow(0 0 14px rgba(255,255,255,.14))}
.mia-stats b{background:var(--chrome);-webkit-background-clip:text;background-clip:text;color:transparent;-webkit-text-fill-color:transparent;text-shadow:none;filter:drop-shadow(0 0 10px rgba(255,255,255,.12))}
/* Beige champagne : sur-titres, étiquettes, icônes */
.mia-eyebrow,.mia-kicker,.mia-card-head,.mia-card-head small,.mia-points svg,.mia-use svg,.mia-plus:before,.mia-plus:after{color:var(--champ)}
.mia-plus:before,.mia-plus:after{background:var(--champ)}
.mia-eyebrow:before{background:linear-gradient(90deg,transparent,var(--champ))}
.mia-center-head .mia-eyebrow:after{background:linear-gradient(90deg,var(--champ),transparent)}
.mia-quote{border-left-color:var(--champ)}
/* textes courants : argent doux, neutre */
.mia-lead,.mia-p,.mia-hero-card p,.mia-qa p{color:#cfd0d2}
.mia-points span,.mia-steps p,.mia-use span,.mia-stats span{color:#a9aaac}
.mia-num{color:var(--ivory);text-shadow:0 0 12px rgba(255,255,255,.3)}
/* MelodignIA — passages illuminés */
.mia-glow{color:#fff!important;-webkit-text-fill-color:#fff;text-shadow:0 0 1px rgba(255,255,255,.9),0 0 8px rgba(255,255,255,.55),0 0 22px rgba(235,238,245,.32),0 0 44px rgba(220,225,235,.18)!important}
.mia-title .mia-glow{text-shadow:0 0 2px rgba(255,255,255,.9),0 0 14px rgba(255,255,255,.45),0 0 38px rgba(235,238,245,.28),0 10px 50px rgba(0,0,0,.55)!important}
.mia-quote.mia-glow{font-weight:400}
.mia-eyebrow,.mia-kicker{text-shadow:0 0 10px rgba(240,232,215,.35)}
/* reflet lumineux qui balaie les mots en argent */
.mia-lum{background:linear-gradient(105deg,transparent 42%,rgba(255,255,255,.95) 50%,transparent 58%),var(--chrome);background-size:260% 100%,100% 100%;background-repeat:no-repeat;background-position:160% 0,0 0;-webkit-background-clip:text;background-clip:text;animation:miaShine 6.5s ease-in-out infinite}
@keyframes miaShine{0%,55%{background-position:160% 0,0 0}100%{background-position:-60% 0,0 0}}
@media(prefers-reduced-motion:reduce){.mia-lum{animation:none}}

/* Exclusives IA — même style que MelodignIA */
body[data-page="exclusives"] .page-hero .container:before,body[data-page="exclusives"] .page-hero .container:after{display:none}
.exc-sectors{grid-template-columns:repeat(4,1fr)}
.exc-visual{position:relative;margin:0}
.exc-visual:before{content:"";position:absolute;inset:6% 10%;border-radius:50%;background:radial-gradient(ellipse,rgba(255,255,255,.1),transparent 65%);filter:blur(28px)}
.exc-frame{position:relative;padding:1px;border-radius:24px;background:linear-gradient(145deg,rgba(255,255,255,.55),rgba(255,255,255,.08) 40%,rgba(230,221,204,.4) 75%,rgba(255,255,255,.1));box-shadow:0 40px 90px rgba(0,0,0,.6),0 0 40px rgba(255,255,255,.05)}
.exc-frame img{display:block;width:100%;aspect-ratio:4/3.3;object-fit:cover;border-radius:23px;filter:saturate(.85) contrast(1.05)}
.exc-visual figcaption{position:absolute;left:22px;bottom:20px;padding:12px 16px;border-radius:14px;background:rgba(8,8,8,.72);backdrop-filter:blur(12px);border:1px solid rgba(235,235,238,.2);color:#cfd0d2;font-size:.78rem}
.exc-visual figcaption span{display:block;font-family:var(--serif);font-size:1.2rem;color:#f8f6f0;text-shadow:0 0 12px rgba(255,255,255,.3)}
@media(max-width:1000px){.exc-sectors{grid-template-columns:repeat(2,1fr)}}
/* ===== Exclusives IA — palette propre : « bleu glacier & saphir » ===== */
body[data-page="exclusives"]{--ivory:#f2f7fc;--champ:#a9cbeb;--champ-2:#86acd2;--plat:#c9d6e3;--mute:#98a7b6;--edge:rgba(150,190,230,.2);--edge-2:rgba(170,205,240,.45);--chrome:linear-gradient(180deg,#ffffff 0%,#e4f0fb 22%,#9dbfe0 46%,#4f7398 55%,#bcd6ee 74%,#f4f9ff 100%)}
body[data-page="exclusives"] .mia-glow{color:#f4f9ff!important;-webkit-text-fill-color:#f4f9ff;text-shadow:0 0 1px rgba(230,242,255,.9),0 0 8px rgba(160,205,250,.55),0 0 22px rgba(110,170,235,.35),0 0 44px rgba(80,140,220,.2)!important}
body[data-page="exclusives"] .mia-title .mia-glow{text-shadow:0 0 2px rgba(230,242,255,.9),0 0 14px rgba(150,200,250,.45),0 0 38px rgba(90,150,225,.3),0 10px 50px rgba(0,0,0,.55)!important}
body[data-page="exclusives"] .mia-title,body[data-page="exclusives"] .mia-h2,body[data-page="exclusives"] .mia-card-head strong,body[data-page="exclusives"] .mia-points strong,body[data-page="exclusives"] .mia-steps h3,body[data-page="exclusives"] .mia-use strong,body[data-page="exclusives"] .mia-qa summary,body[data-page="exclusives"] .category-copy strong{text-shadow:0 0 18px rgba(150,200,250,.18),0 0 2px rgba(220,235,255,.25)}
body[data-page="exclusives"] .mia-lum{filter:drop-shadow(0 1px 0 rgba(0,0,0,.55)) drop-shadow(0 0 14px rgba(120,180,240,.22))}
body[data-page="exclusives"] .mia-eyebrow,body[data-page="exclusives"] .mia-kicker{text-shadow:0 0 10px rgba(140,190,240,.4)}
body[data-page="exclusives"] .mia-dot{background:#d8ecff;box-shadow:0 0 8px #9fd0ff,0 0 18px rgba(120,180,255,.6)}
body[data-page="exclusives"] .mia-lead,body[data-page="exclusives"] .mia-p,body[data-page="exclusives"] .mia-hero-card p,body[data-page="exclusives"] .mia-qa p{color:#c6d0da}
body[data-page="exclusives"] .mia-points span,body[data-page="exclusives"] .mia-steps p,body[data-page="exclusives"] .mia-use span,body[data-page="exclusives"] .mia-stats span{color:#95a3b1}
body[data-page="exclusives"] .mia-hero-card{background:linear-gradient(160deg,rgba(16,24,36,.85),rgba(6,9,14,.82));box-shadow:0 30px 80px rgba(0,0,0,.5),0 0 50px rgba(90,150,225,.08),inset 0 1px rgba(200,225,255,.07)}
body[data-page="exclusives"] .mia-points li,body[data-page="exclusives"] .mia-use,body[data-page="exclusives"] .mia-steps li,body[data-page="exclusives"] .mia-qa{background:linear-gradient(140deg,rgba(90,140,200,.07),rgba(255,255,255,.01));border-color:rgba(140,185,230,.12)}
body[data-page="exclusives"] .mia-num{background:radial-gradient(circle at 35% 30%,#1c2a3c,#070b11);box-shadow:0 0 0 6px rgba(120,175,235,.05),0 0 26px rgba(90,150,225,.25)}
body[data-page="exclusives"] .mia-steps:before{background:linear-gradient(90deg,transparent,rgba(150,195,240,.45),transparent)}
body[data-page="exclusives"] .mia-cta{background:radial-gradient(ellipse at 85% 50%,rgba(90,150,225,.16),transparent 55%),linear-gradient(135deg,#0f1722,#07090d 60%)}
body[data-page="exclusives"] .exc-frame{background:linear-gradient(145deg,rgba(210,232,255,.6),rgba(120,170,230,.12) 40%,rgba(160,200,240,.45) 75%,rgba(255,255,255,.1));box-shadow:0 40px 90px rgba(0,0,0,.6),0 0 44px rgba(90,150,225,.14)}
body[data-page="exclusives"] .exc-visual:before{background:radial-gradient(ellipse,rgba(110,170,240,.16),transparent 65%)}
body[data-page="exclusives"] .category-tile:hover{border-color:rgba(160,200,240,.6);box-shadow:0 30px 70px rgba(0,0,0,.5),0 0 40px rgba(90,150,225,.14)}
body[data-page="exclusives"] .premium-tag{color:#e8f3ff;border-color:rgba(160,200,240,.45)}
body[data-page="exclusives"] #app .btn-primary{color:#eef6ff!important;box-shadow:0 0 0 1px rgba(170,205,240,.7),0 10px 30px rgba(0,0,0,.35),0 0 20px rgba(90,150,225,.12)!important}
body[data-page="exclusives"] #app .btn-primary:hover{box-shadow:0 0 0 1px #d8ecff,0 10px 30px rgba(0,0,0,.35),0 0 28px rgba(110,170,240,.25)!important}
/* ===== Exclusives IA — néon bleu glacier ===== */
body[data-page="exclusives"] .page-hero{--page-art:url('assets/background-exclusives-v4.webp');--page-focus:60% 50%}
body[data-page="exclusives"] .page-hero:before{filter:saturate(1) contrast(1.05) brightness(.95)}
body[data-page="exclusives"] .mia-glow{color:#f7fbff!important;-webkit-text-fill-color:#f7fbff;text-shadow:0 0 2px #fff,0 0 6px rgba(200,230,255,.95),0 0 14px rgba(120,190,255,.85),0 0 30px rgba(70,150,255,.6),0 0 60px rgba(60,130,255,.35)!important}
body[data-page="exclusives"] .mia-title .mia-glow{text-shadow:0 0 2px #fff,0 0 10px rgba(200,230,255,.9),0 0 24px rgba(120,190,255,.75),0 0 48px rgba(70,150,255,.5),0 0 90px rgba(60,130,255,.3)!important}
body[data-page="exclusives"] .mia-lum{filter:drop-shadow(0 0 6px rgba(150,210,255,.75)) drop-shadow(0 0 18px rgba(80,160,255,.45))}
body[data-page="exclusives"] .mia-eyebrow,body[data-page="exclusives"] .mia-kicker{color:#bfe0ff;text-shadow:0 0 6px rgba(140,200,255,.8),0 0 16px rgba(80,160,255,.45)}
body[data-page="exclusives"] .mia-eyebrow:before,body[data-page="exclusives"] .mia-center-head .mia-eyebrow:after{height:2px;background:linear-gradient(90deg,transparent,#9fd4ff);box-shadow:0 0 8px #6fb8ff}
body[data-page="exclusives"] .mia-center-head .mia-eyebrow:after{background:linear-gradient(90deg,#9fd4ff,transparent)}
/* contours néon */
body[data-page="exclusives"] .mia-kicker,body[data-page="exclusives"] .mia-hero-card,body[data-page="exclusives"] .mia-cta{border-color:rgba(150,205,255,.55);box-shadow:0 0 0 1px rgba(150,205,255,.15),0 0 18px rgba(80,160,255,.25),inset 0 0 18px rgba(80,160,255,.08),0 30px 80px rgba(0,0,0,.5)}
body[data-page="exclusives"] .mia-points li:hover,body[data-page="exclusives"] .mia-use:hover,body[data-page="exclusives"] .mia-qa[open]{border-color:rgba(150,205,255,.6);box-shadow:0 0 16px rgba(80,160,255,.22),inset 0 0 14px rgba(80,160,255,.06)}
body[data-page="exclusives"] .mia-points svg,body[data-page="exclusives"] .mia-use svg,body[data-page="exclusives"] .mia-card-head svg{color:#cfe9ff;border-color:rgba(150,205,255,.55);filter:drop-shadow(0 0 4px rgba(120,190,255,.8));box-shadow:0 0 12px rgba(80,160,255,.25),inset 0 0 8px rgba(80,160,255,.12)}
body[data-page="exclusives"] .mia-num{border-color:rgba(170,215,255,.8);text-shadow:0 0 6px #bfe0ff,0 0 16px rgba(80,160,255,.7);box-shadow:0 0 0 6px rgba(120,175,235,.05),0 0 20px rgba(80,160,255,.45),inset 0 0 12px rgba(80,160,255,.2)}
body[data-page="exclusives"] .mia-steps:before{height:2px;background:linear-gradient(90deg,transparent,#8fcbff,transparent);box-shadow:0 0 12px #5aa9ff}
body[data-page="exclusives"] .mia-quote{border-left:2px solid #9fd4ff;box-shadow:-8px 0 14px -8px rgba(90,170,255,.8)}
body[data-page="exclusives"] .mia-dot{background:#fff;box-shadow:0 0 6px #fff,0 0 14px #8fcbff,0 0 26px #4f9dff}
body[data-page="exclusives"] .exc-frame{background:linear-gradient(145deg,#bfe3ff,rgba(90,160,240,.25) 40%,#8fcbff 75%,rgba(255,255,255,.2));box-shadow:0 0 22px rgba(90,170,255,.45),0 0 60px rgba(60,140,255,.2),0 40px 90px rgba(0,0,0,.6)}
body[data-page="exclusives"] .exc-frame img{aspect-ratio:16/10;filter:none}
body[data-page="exclusives"] .exc-visual figcaption{border-color:rgba(150,205,255,.5);box-shadow:0 0 14px rgba(80,160,255,.3)}
body[data-page="exclusives"] .exc-visual figcaption span{text-shadow:0 0 6px #cfe9ff,0 0 16px rgba(80,160,255,.7)}
body[data-page="exclusives"] #app .btn-primary{box-shadow:0 0 0 1px #9fd4ff,0 0 14px rgba(90,170,255,.55),inset 0 0 10px rgba(90,170,255,.15),0 10px 30px rgba(0,0,0,.35)!important;text-shadow:0 0 8px rgba(160,210,255,.8)!important}
body[data-page="exclusives"] #app .btn-primary:hover{box-shadow:0 0 0 1px #fff,0 0 24px rgba(110,190,255,.8),inset 0 0 14px rgba(110,190,255,.25),0 10px 30px rgba(0,0,0,.35)!important}
body[data-page="exclusives"] .category-tile:hover{border-color:#9fd4ff;box-shadow:0 0 22px rgba(90,170,255,.45),0 30px 70px rgba(0,0,0,.5)}
@media(prefers-reduced-motion:no-preference){body[data-page="exclusives"] .mia-title .mia-lum{animation:miaShine 6.5s ease-in-out infinite,excPulse 4s ease-in-out infinite}}
@keyframes excPulse{0%,100%{filter:drop-shadow(0 0 6px rgba(150,210,255,.7)) drop-shadow(0 0 18px rgba(80,160,255,.4))}50%{filter:drop-shadow(0 0 10px rgba(170,220,255,.95)) drop-shadow(0 0 30px rgba(80,160,255,.65))}}
body[data-page="exclusives"] .page-hero:before{filter:saturate(1.15) contrast(1.08) brightness(1.12)}
body[data-page="exclusives"] .page-hero:after{background:linear-gradient(90deg,#05070b 0%,rgba(5,7,11,.94) 26%,rgba(5,7,11,.5) 52%,rgba(5,7,11,.1) 74%,rgba(5,7,11,.4) 100%),linear-gradient(180deg,rgba(5,7,11,.2),transparent 45%,#070707 100%)}
/* Exclusives IA — fonds neutres (le bleu vient déjà des images) */
body[data-page="exclusives"] .mia-hero-card{background:linear-gradient(160deg,rgba(22,22,22,.86),rgba(8,8,8,.84))}
body[data-page="exclusives"] .mia-points li,body[data-page="exclusives"] .mia-use,body[data-page="exclusives"] .mia-steps li,body[data-page="exclusives"] .mia-qa{background:linear-gradient(140deg,rgba(255,255,255,.03),rgba(255,255,255,.008));border-color:rgba(255,255,255,.08)}
body[data-page="exclusives"] .mia-qa[open]{background:rgba(255,255,255,.035)}
body[data-page="exclusives"] .mia-num{background:radial-gradient(circle at 35% 30%,#262626,#0a0a0a)}
body[data-page="exclusives"] .mia-cta{background:radial-gradient(ellipse at 85% 50%,rgba(255,255,255,.06),transparent 55%),linear-gradient(135deg,#151515,#0a0a0a 60%)}
body[data-page="exclusives"] .exc-visual:before{background:radial-gradient(ellipse,rgba(255,255,255,.07),transparent 65%)}
body[data-page="exclusives"] .mia-kicker{background:rgba(10,10,10,.6)}
body[data-page="exclusives"] .mia-points svg,body[data-page="exclusives"] .mia-use svg,body[data-page="exclusives"] .mia-card-head svg{background:rgba(255,255,255,.03);box-shadow:0 0 10px rgba(80,160,255,.18)}
body[data-page="exclusives"] .mia-hero-card,body[data-page="exclusives"] .mia-cta{box-shadow:0 0 0 1px rgba(150,205,255,.12),0 0 16px rgba(80,160,255,.18),0 30px 80px rgba(0,0,0,.5)}
/* Exclusives IA — image principale : appareil Melodigne, avec opacité */
body[data-page="exclusives"] .page-hero{--page-art:url('assets/background-exclusives-v5.webp');--page-focus:50% 42%}
body[data-page="exclusives"] .page-hero:before{opacity:.55;filter:saturate(1) contrast(1.05) brightness(1)}
body[data-page="exclusives"] .page-hero:after{background:linear-gradient(90deg,#070707 0%,rgba(7,7,7,.9) 24%,rgba(7,7,7,.45) 50%,rgba(7,7,7,.2) 72%,rgba(7,7,7,.55) 100%),linear-gradient(180deg,rgba(7,7,7,.25),transparent 40%,#070707 100%)}
body[data-page="exclusives"] .page-hero:before{background-size:auto 128%;background-position:78% 30%;background-repeat:no-repeat;background-color:#070707}
/* Exclusives IA — l'appareil Melodigne visible à droite, stats sous le texte */
body[data-page="exclusives"] .exc-hero .mia-hero-grid{grid-template-columns:minmax(0,680px) 1fr}
body[data-page="exclusives"] .exc-hero .mia-hero-card{display:none}
body[data-page="exclusives"] .page-hero:before{background-size:auto 112%;background-position:calc(100% + 260px) 42%;opacity:.7}
body[data-page="exclusives"] .page-hero:after{background:linear-gradient(90deg,#070707 0%,rgba(7,7,7,.92) 30%,rgba(7,7,7,.4) 50%,rgba(7,7,7,.05) 66%,rgba(7,7,7,.15) 88%,rgba(7,7,7,.55) 100%),linear-gradient(180deg,rgba(7,7,7,.3),transparent 35%,transparent 70%,#070707 100%)}
.exc-inline-stats{list-style:none;margin:26px 0 0;padding:0;display:flex;gap:0;max-width:560px;border-block:1px solid rgba(150,205,255,.18)}
.exc-inline-stats li{flex:1;padding:14px 10px;text-align:center}.exc-inline-stats li+li{border-left:1px solid rgba(150,205,255,.14)}
.exc-inline-stats b{display:block;font-family:var(--serif);font-weight:400;font-size:1.8rem;line-height:1;color:#f7fbff;text-shadow:0 0 6px #cfe9ff,0 0 16px rgba(80,160,255,.6)}
.exc-inline-stats span{display:block;margin-top:6px;font-size:.72rem;color:#95a3b1}
@media(max-width:1000px){body[data-page="exclusives"] .page-hero:before{background-size:cover;background-position:60% 40%;opacity:.45}body[data-page="exclusives"] .exc-hero .mia-hero-grid{grid-template-columns:1fr}}
body[data-page="exclusives"] .exc-hero .mia-hero-grid{grid-template-columns:minmax(0,800px) 1fr}
body[data-page="exclusives"] .exc-hero .mia-title{font-size:clamp(3.2rem,6vw,6.6rem)}
body[data-page="exclusives"] .page-hero:before{background-size:66% auto;background-position:right 2% center;opacity:.8}
body[data-page="exclusives"] .page-hero:after{background:linear-gradient(90deg,#070707 0%,rgba(7,7,7,.94) 34%,rgba(7,7,7,.5) 48%,rgba(7,7,7,.08) 62%,rgba(7,7,7,.1) 90%,rgba(7,7,7,.5) 100%),linear-gradient(180deg,rgba(7,7,7,.35),transparent 30%,transparent 72%,#070707 100%)}
body[data-page="exclusives"] .page-hero:before{-webkit-mask-image:radial-gradient(ellipse 42% 62% at 70% 52%,#000 58%,transparent 100%);mask-image:radial-gradient(ellipse 42% 62% at 70% 52%,#000 58%,transparent 100%)}@media(max-width:1000px){body[data-page="exclusives"] .page-hero:before{-webkit-mask-image:none;mask-image:none}}
body[data-page="exclusives"] .page-hero:before{-webkit-mask-image:radial-gradient(ellipse 40% 46% at 70% 52%,#000 62%,transparent 100%);mask-image:radial-gradient(ellipse 40% 46% at 70% 52%,#000 62%,transparent 100%)}@media(max-width:1000px){body[data-page="exclusives"] .page-hero:before{-webkit-mask-image:none;mask-image:none}}
/* Exclusives IA — vague lumineuse sur fond noir + titre plus mesuré */
body[data-page="exclusives"] .page-hero{--page-art:url('assets/background-exclusives-v6.webp')}
body[data-page="exclusives"] .page-hero:before{background-size:cover;background-position:62% 50%;opacity:.85;filter:none;-webkit-mask-image:none;mask-image:none}
body[data-page="exclusives"] .page-hero:after{background:linear-gradient(90deg,#050505 0%,rgba(5,5,5,.88) 30%,rgba(5,5,5,.35) 55%,rgba(5,5,5,.05) 75%,rgba(5,5,5,.3) 100%),linear-gradient(180deg,rgba(5,5,5,.25),transparent 35%,transparent 75%,#070707 100%)}
body[data-page="exclusives"] .exc-hero .mia-title{font-size:clamp(2.6rem,4.6vw,4.9rem);line-height:.98}
@media(max-width:1000px){body[data-page="exclusives"] .page-hero:before{opacity:.55;background-position:65% 50%}}
@media(max-width:680px){body[data-page="exclusives"] .exc-hero .mia-title{font-size:clamp(2.4rem,11vw,3.4rem)}}
/* Exclusives IA — fond 100 % noir, sans reflets dorés */
body[data-page="exclusives"]{background:#000}
body[data-page="exclusives"]:before{background:#000}
body[data-page="exclusives"] .page-hero{background:#000;border-bottom-color:rgba(150,205,255,.14)}
body[data-page="exclusives"] .page-hero:after{background:linear-gradient(90deg,#000 0%,rgba(0,0,0,.88) 30%,rgba(0,0,0,.35) 55%,rgba(0,0,0,.05) 75%,rgba(0,0,0,.3) 100%),linear-gradient(180deg,rgba(0,0,0,.25),transparent 35%,transparent 75%,#000 100%)}
body[data-page="exclusives"] .page-hero:before{opacity:.62}
body[data-page="exclusives"] .category-tile:hover .category-arrow{border-color:#9fd4ff;color:#dff0ff}
body[data-page="exclusives"] .category-tile{background:#050505}
body[data-page="exclusives"] .mia-hero-card,body[data-page="exclusives"] .mia-cta{background:linear-gradient(160deg,#0d0d0d,#030303)}
body[data-page="exclusives"] .site-footer{background:#000;border-top-color:rgba(150,205,255,.12)}
/* image de l'ampli détourée, fondue dans le noir */
.exc-device:before{background:radial-gradient(ellipse at center,rgba(160,205,255,.14),rgba(90,150,225,.05) 45%,transparent 70%)}
.exc-device img{max-width:620px;opacity:.9;filter:drop-shadow(0 40px 60px rgba(0,0,0,.8)) drop-shadow(0 0 22px rgba(120,180,240,.18))}
body[data-page="exclusives"] .ai-fab{border-color:rgba(150,205,255,.55);box-shadow:0 0 16px rgba(80,160,255,.25),0 18px 40px rgba(0,0,0,.5)}
body[data-page="exclusives"] .lang-banner{background:#050505;border-color:rgba(150,205,255,.14)}
body[data-page="exclusives"] .lang-banner-switch{color:#dff0ff!important;box-shadow:0 0 0 1px rgba(150,205,255,.6)!important;background:transparent!important}
/* Exclusives IA — gauche fortement assombrie derrière le texte */
body[data-page="exclusives"] .page-hero:after{background:linear-gradient(90deg,#000 0%,#000 30%,rgba(0,0,0,.93) 42%,rgba(0,0,0,.7) 52%,rgba(0,0,0,.3) 64%,rgba(0,0,0,.06) 78%,rgba(0,0,0,.3) 100%),linear-gradient(180deg,rgba(0,0,0,.25),transparent 35%,transparent 75%,#000 100%)}
@media(max-width:1000px){body[data-page="exclusives"] .page-hero:after{background:linear-gradient(90deg,rgba(0,0,0,.92),rgba(0,0,0,.75) 60%,rgba(0,0,0,.5)),linear-gradient(180deg,transparent 60%,#000)}}
/* Exclusives IA — toutes les sections sur noir pur, sans bandes ni teintes */
body[data-page="exclusives"] main#app>.section,body[data-page="exclusives"] main#app>.section:nth-of-type(even),body[data-page="exclusives"] main#app>section{background:#000!important;border-top:0!important;border-bottom:0!important;box-shadow:none!important}
body[data-page="exclusives"] main#app>.section:nth-of-type(even):before,body[data-page="exclusives"] main#app>.section:nth-of-type(even):after{display:none!important}
body[data-page="exclusives"] .page-hero{border-bottom:0!important}

/* ===== Communauté — même style que MelodignIA (platine, ivoire, champagne), fond noir ===== */
body[data-page="community"]{background:#000}
body[data-page="community"]:before{background:#000}
body[data-page="community"] main#app>.section,body[data-page="community"] main#app>.section:nth-of-type(even),body[data-page="community"] main#app>section{background:#000!important;border-top:0!important;border-bottom:0!important;box-shadow:none!important}
body[data-page="community"] .page-hero{background:#000;border-bottom:0!important}
body[data-page="community"] .page-hero .container:before,body[data-page="community"] .page-hero .container:after{display:none}
body[data-page="community"] .page-hero:after{background:linear-gradient(90deg,#000 0%,#000 28%,rgba(0,0,0,.9) 42%,rgba(0,0,0,.6) 55%,rgba(0,0,0,.25) 70%,rgba(0,0,0,.35) 100%),linear-gradient(180deg,rgba(0,0,0,.3),transparent 35%,transparent 72%,#000 100%)}
body[data-page="community"] .page-hero:before{opacity:.75}
body[data-page="community"] .mia-title{font-size:clamp(2.8rem,5vw,5.4rem)}
body[data-page="community"] .mia-steps p a{color:var(--ivory)}
body[data-page="community"] .site-footer{background:#000}
#galerie,#proposer{scroll-margin-top:96px}
body[data-page="community"] .community-gallery{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:18px}
body[data-page="community"] .community-card{background:linear-gradient(160deg,#111,#050505);border:1px solid rgba(255,255,255,.08);border-radius:20px;overflow:hidden;transition:border-color .3s,box-shadow .3s,transform .3s}
body[data-page="community"] .community-card:hover{border-color:var(--edge-2);box-shadow:0 20px 50px rgba(0,0,0,.5),0 0 30px rgba(255,255,255,.05);transform:translateY(-3px)}
body[data-page="community"] .community-card .eyebrow{color:var(--champ)}
body[data-page="community"] .community-card-link{color:var(--ivory)}
body[data-page="community"] .community-play{background:rgba(0,0,0,.6);border:1px solid var(--edge-2);color:#fff}
body[data-page="community"] .community-gallery>p{grid-column:1/-1;text-align:center;color:var(--mute)}
.com-form-grid{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:56px;align-items:start}
.com-form{padding:30px;border-radius:24px;background:linear-gradient(160deg,#131313,#060606);border:1px solid var(--edge);box-shadow:0 30px 80px rgba(0,0,0,.5),inset 0 1px rgba(255,255,255,.05)}
.com-form label{color:var(--champ);font-size:.82rem;font-weight:700;letter-spacing:.02em}
.com-form input,.com-form select,.com-form textarea{background:#080808!important;border:1px solid rgba(255,255,255,.12)!important;color:#f3f1ec!important;border-radius:12px!important}
.com-form input:focus,.com-form select:focus,.com-form textarea:focus{outline:none;border-color:var(--edge-2)!important;box-shadow:0 0 0 3px rgba(255,255,255,.06)!important}
.com-form .form-note{color:var(--mute)}
@media(max-width:1000px){.com-form-grid{grid-template-columns:1fr;gap:30px}}
@media(max-width:680px){.com-form{padding:20px}}
body[data-page="community"] .page-hero:before{filter:saturate(.35) contrast(1.08) brightness(.95)}
/* ===== Catalogue — recherche dès l'arrivée, genres compacts ===== */
body[data-page="catalogue"] .cat-hero{min-height:auto;padding:84px 0 44px;align-items:start}
.cat-hero-head{position:relative;z-index:1;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:40px;align-items:end}
.cat-hero .display{font-size:clamp(2.7rem,5vw,5rem);margin:.3em 0 .2em}
.cat-lead{max-width:560px;color:#cfc9bd;font-size:1.05rem;line-height:1.7;margin:0}
.cat-facts{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,auto);border:1px solid var(--line-gold);border-radius:18px;background:rgba(10,9,7,.72);backdrop-filter:blur(12px);overflow:hidden}
.cat-facts li{padding:14px 20px;text-align:center}.cat-facts li+li{border-left:1px solid rgba(216,178,92,.18)}
.cat-facts b{display:block;font-family:var(--serif);font-weight:400;font-size:1.6rem;line-height:1;color:var(--gold-2)}
.cat-facts span{display:block;margin-top:5px;font-size:.7rem;color:#aaa396;white-space:nowrap}
.cat-search{position:relative;z-index:1;margin-top:34px}
.cat-search .finder{background:rgba(12,11,9,.86);backdrop-filter:blur(14px);border:1px solid var(--line-gold)}
.cat-search .chips{margin-top:14px}
body[data-page="catalogue"] .cat-genres .genre-grid{grid-template-columns:repeat(5,1fr);gap:12px}
body[data-page="catalogue"] .cat-genres .genre-card{aspect-ratio:1.35;grid-column:auto!important;grid-row:auto!important}
body[data-page="catalogue"] .cat-genres .genre-card h3{font-size:1.2rem}
body[data-page="catalogue"] .cat-genres .genre-card small{font-size:.62rem}
.cat-top{display:inline-flex;margin-top:22px;color:var(--gold-2);font-weight:700;font-size:.85rem;text-decoration:none}
.cat-top:hover{text-decoration:underline}
@media(max-width:1100px){.cat-hero-head{grid-template-columns:1fr}.cat-facts{justify-self:start}}
@media(max-width:1000px){body[data-page="catalogue"] .cat-genres .genre-grid{grid-template-columns:repeat(3,1fr)}}
@media(max-width:680px){.cat-facts{grid-template-columns:repeat(2,1fr);width:100%}.cat-facts li:nth-child(3){border-left:0}.cat-facts li:nth-child(n+3){border-top:1px solid rgba(216,178,92,.18)}body[data-page="catalogue"] .cat-genres .genre-grid{grid-template-columns:repeat(2,1fr)}body[data-page="catalogue"] .cat-hero{padding:60px 0 30px}}
/* ===== À propos — même palette or du site, mise en page premium ===== */
body[data-page="bio"] .bio-hero{min-height:600px;padding:110px 0 80px;align-items:center}
.bio-hero .display{font-size:clamp(3rem,6vw,6.2rem)}
.bio-hero .mia-lead{color:#d2ccc0}
.bio-hero .mia-lead strong{color:var(--gold-2);font-weight:600}
.bio-card{position:relative;padding:26px;border-radius:22px;border:1px solid var(--line-gold);background:linear-gradient(160deg,rgba(24,20,12,.86),rgba(8,8,7,.84));backdrop-filter:blur(14px);box-shadow:0 30px 80px rgba(0,0,0,.45)}
.bio-card-m{font-family:var(--serif);font-size:3rem;line-height:1;color:var(--gold-2);margin-bottom:10px}
.bio-card ul{list-style:none;margin:0;padding:0;display:grid;gap:0}
.bio-card li{padding:14px 0;border-top:1px solid rgba(216,178,92,.16)}
.bio-card b{display:block;font-family:var(--serif);font-weight:400;font-size:1.7rem;line-height:1.1;color:#f5efe2}
.bio-card span{display:block;margin-top:3px;font-size:.78rem;color:#aaa396}
.bio-story .prose h2 em,.bio-center .section-title em,.bio-where-box em,.bio-cta h2 em{color:var(--gold-2);font-style:italic}
.bio-media img{border-radius:24px;box-shadow:0 40px 90px rgba(0,0,0,.55),0 0 0 1px rgba(216,178,92,.2)}
.bio-center{text-align:center;max-width:760px;margin:0 auto 38px}
.bio-center .eyebrow{justify-content:center}
.bio-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.bio-cards article{position:relative;padding:28px 26px;border-radius:20px;border:1px solid var(--line);background:linear-gradient(160deg,rgba(255,255,255,.03),rgba(255,255,255,.008));transition:border-color .3s,transform .3s,box-shadow .3s}
.bio-cards article:hover{border-color:rgba(216,178,92,.5);transform:translateY(-4px);box-shadow:0 24px 60px rgba(0,0,0,.4),0 0 30px rgba(216,178,92,.08)}
.bio-cards svg{width:48px;height:48px;padding:12px;border-radius:14px;color:var(--gold-2);border:1px solid rgba(216,178,92,.3);background:rgba(216,178,92,.06)}
.bio-num{position:absolute;top:26px;right:26px;font-family:var(--serif);font-size:1.4rem;color:rgba(216,178,92,.5)}
.bio-cards h3{margin:18px 0 8px;font-family:var(--serif);font-weight:400;font-size:1.45rem;color:#f5efe2}
.bio-cards p{margin:0;color:#aaa396;font-size:.93rem;line-height:1.65}
.bio-where-box{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:40px;align-items:center;padding:40px 44px;border-radius:24px;border:1px solid var(--line)}
.bio-where-box p{color:#aaa396}
.bio-plats{display:flex;flex-wrap:wrap;gap:10px;justify-content:flex-end}
.bio-plats span,.bio-plats a{padding:10px 16px;border-radius:999px;border:1px solid var(--line);color:#e4ddd0;font-size:.85rem;font-weight:700;text-decoration:none}
.bio-plats a{border-color:rgba(216,178,92,.45);color:var(--gold-2)}
.bio-plats a:hover{background:rgba(216,178,92,.08)}
.bio-cta{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:40px;align-items:center;padding:44px 50px;border-radius:26px;border:1px solid var(--line-gold);background:radial-gradient(ellipse at 85% 50%,rgba(216,178,92,.1),transparent 55%),linear-gradient(135deg,#15120c,#0a0908 60%)}
.bio-cta h2{margin:0 0 8px;font-family:var(--serif);font-weight:400;font-size:clamp(2rem,3.6vw,3.2rem);line-height:1.1}
.bio-cta p{margin:0;color:#aaa396}
@media(max-width:1000px){.bio-cards{grid-template-columns:1fr}.bio-where-box,.bio-cta{grid-template-columns:1fr;padding:30px 24px}.bio-plats{justify-content:flex-start}.bio-cta .mia-cta-actions{flex-direction:row;flex-wrap:wrap}}
/* Catalogue — pagination */
.track.pg-hide{display:none!important}
.cat-pager{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:14px;margin-top:22px}
.cat-pager:empty{display:none}
.cp-info{color:#aaa396;font-size:.85rem}
.cp-btns{display:flex;flex-wrap:wrap;gap:8px;align-items:center}
.cp-btn{min-width:42px;height:42px;padding:0 12px;border-radius:12px;border:1px solid var(--line);background:rgba(255,255,255,.02);color:#e4ddd0;font-weight:700;font-size:.9rem;cursor:pointer;transition:border-color .2s,background .2s,color .2s}
.cp-btn:hover:not(:disabled){border-color:rgba(216,178,92,.55);color:var(--gold-2)}
.cp-btn.on{border-color:var(--gold-2);color:var(--gold-2);background:rgba(216,178,92,.08);box-shadow:0 0 0 1px rgba(216,178,92,.25)}
.cp-btn:disabled{opacity:.35;cursor:default}
.cp-dots{color:#6f6b64;padding:0 4px}
@media(max-width:680px){.cat-pager{justify-content:center}.cp-info{width:100%;text-align:center}.cp-btn{min-width:38px;height:38px}}
/* ===== À propos — version éditoriale ===== */
.bio-card{text-align:left;min-width:300px}
.bio-card-m{font-size:3.6rem;margin-bottom:6px}
.bio-card-name{display:block;font-family:var(--serif);font-weight:400;font-size:1.6rem;color:#f5efe2}
.bio-card-role{display:block;margin-top:4px;color:var(--gold-2);font-size:.74rem;font-weight:800;letter-spacing:.16em;text-transform:uppercase}
.bio-card ul.bio-card-tags{margin-top:18px;display:grid;gap:0}
.bio-card-tags li{padding:11px 0;border-top:1px solid rgba(216,178,92,.16);color:#d2ccc0;font-size:.88rem;display:flex;align-items:center;gap:10px}
.bio-card-tags li:before{content:"";width:6px;height:6px;border-radius:50%;background:var(--gold-2);box-shadow:0 0 8px rgba(216,178,92,.6)}
.bio-figures{border-block:1px solid rgba(216,178,92,.16);background:linear-gradient(90deg,rgba(216,178,92,.05),transparent 60%)}
.bio-figures ul{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,1fr)}
.bio-figures li{padding:34px 24px;text-align:center}.bio-figures li+li{border-left:1px solid rgba(216,178,92,.14)}
.bio-figures b{display:block;font-family:var(--serif);font-weight:400;font-size:clamp(2rem,3.4vw,3rem);line-height:1;color:var(--gold-2)}
.bio-figures span{display:block;margin-top:8px;color:#aaa396;font-size:.8rem;letter-spacing:.04em}
.bio-story .prose>p:first-of-type:first-letter{float:left;font-family:var(--serif);font-size:3.6rem;line-height:.8;padding:6px 10px 0 0;color:var(--gold-2)}
.bio-manifesto{padding:110px 0;text-align:center;position:relative}
.bio-manifesto .container{max-width:980px}
.bio-mf-mark{display:block;font-family:var(--serif);font-size:7rem;line-height:.6;color:rgba(216,178,92,.45)}
.bio-manifesto blockquote{margin:10px 0 0;font-family:var(--serif);font-weight:400;font-size:clamp(1.8rem,3.4vw,3rem);line-height:1.25;letter-spacing:-.02em;color:#f5efe2}
.bio-manifesto blockquote em{color:var(--gold-2)}
.bio-manifesto cite{display:block;margin-top:22px;font-style:normal;color:var(--gold-2);font-size:.8rem;font-weight:800;letter-spacing:.2em;text-transform:uppercase}
.bio-who-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);gap:60px;align-items:start}
.bio-lead2{color:#aaa396;line-height:1.7;max-width:520px}
.bio-worlds{display:flex;flex-wrap:wrap;gap:8px;margin-top:22px}
.bio-worlds a{padding:9px 14px;border-radius:999px;border:1px solid var(--line);color:#e4ddd0;font-size:.82rem;font-weight:700;text-decoration:none;transition:border-color .2s,color .2s}
.bio-worlds a:hover{border-color:rgba(216,178,92,.55);color:var(--gold-2)}
.bio-who-list{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:12px}
.bio-who-list li{display:flex;gap:14px;align-items:flex-start;padding:18px;border-radius:16px;border:1px solid var(--line);background:rgba(255,255,255,.02);transition:border-color .3s}
.bio-who-list li:hover{border-color:rgba(216,178,92,.45)}
.bio-who-list svg{flex:none;width:42px;height:42px;padding:10px;border-radius:12px;color:var(--gold-2);border:1px solid rgba(216,178,92,.3);background:rgba(216,178,92,.06)}
.bio-who-list strong{display:block;color:#f5efe2;font-size:.95rem}
.bio-who-list span{display:block;margin-top:3px;color:#aaa396;font-size:.82rem;line-height:1.45}
@media(max-width:1000px){.bio-figures ul{grid-template-columns:repeat(2,1fr)}.bio-figures li:nth-child(3){border-left:0}.bio-figures li:nth-child(n+3){border-top:1px solid rgba(216,178,92,.14)}.bio-who-grid{grid-template-columns:1fr;gap:30px}.bio-card{min-width:0}}
@media(max-width:680px){.bio-who-list{grid-template-columns:1fr}.bio-manifesto{padding:70px 0}}
/* Catalogue — onglets genre / projets / humeur */
.cat-tabs{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 20px;padding:6px;border:1px solid var(--line);border-radius:999px;width:max-content;max-width:100%;background:rgba(255,255,255,.02)}
.cat-tab{display:inline-flex;align-items:center;gap:8px;padding:11px 18px;border:0;border-radius:999px;background:transparent;color:#bdb6a8;font-weight:700;font-size:.88rem;cursor:pointer;transition:background .2s,color .2s}
.cat-tab small{display:inline-grid;place-items:center;min-width:22px;height:22px;padding:0 6px;border-radius:999px;background:rgba(255,255,255,.06);font-size:.7rem;color:#8e8a82}
.cat-tab:hover{color:#f0e9dc}
.cat-tab.on{background:rgba(216,178,92,.12);color:var(--gold-2);box-shadow:inset 0 0 0 1px rgba(216,178,92,.45)}
.cat-tab.on small{background:rgba(216,178,92,.2);color:var(--gold-2)}
.cat-panel[hidden]{display:none}
body[data-page="catalogue"] .cat-genres .category-grid{grid-template-columns:repeat(4,1fr);gap:12px}
body[data-page="catalogue"] .cat-genres .category-tile{min-height:150px}
body[data-page="catalogue"] .cat-genres .category-grid .category-tile{grid-column:auto!important}
body[data-page="catalogue"] .cat-genres .category-copy strong{font-size:1.15rem!important}
body[data-page="catalogue"] .cat-genres [data-cat-panel="m"] .category-grid{grid-template-columns:repeat(5,1fr)}
@media(max-width:1000px){body[data-page="catalogue"] .cat-genres .category-grid,body[data-page="catalogue"] .cat-genres [data-cat-panel="m"] .category-grid{grid-template-columns:repeat(3,1fr)}}
@media(max-width:680px){.cat-tabs{width:100%;border-radius:18px}.cat-tab{flex:1 1 100%;justify-content:space-between}body[data-page="catalogue"] .cat-genres .category-grid,body[data-page="catalogue"] .cat-genres [data-cat-panel="m"] .category-grid{grid-template-columns:repeat(2,1fr)}body[data-page="catalogue"] .cat-genres .category-tile{min-height:130px}}
body[data-page="catalogue"] .cat-genres .section-title{font-size:clamp(2rem,3.4vw,3.2rem)}
/* ===== Boutique — or du site, mise en page premium ===== */
body[data-page="creations"] .shop-hero{min-height:560px;padding:110px 0 70px;align-items:center}
.shop-hero .display{font-size:clamp(3rem,6vw,6rem)}
.shop-hero .mia-lead{color:#d2ccc0}
.shop-hero .mia-lead strong,.shop-card p strong{color:var(--gold-2);font-weight:600}
.shop-card .bio-card-m svg{width:52px;height:52px;padding:12px;border-radius:14px;color:var(--gold-2);border:1px solid rgba(216,178,92,.35);background:rgba(216,178,92,.07)}
.shop-card-stats{list-style:none;margin:16px 0;padding:0;display:grid;grid-template-columns:1fr 1fr;border-block:1px solid rgba(216,178,92,.16)}
.shop-card-stats li{padding:14px 6px;text-align:center}.shop-card-stats li+li{border-left:1px solid rgba(216,178,92,.14)}
.shop-card-stats b{display:block;font-family:var(--serif);font-weight:400;font-size:2rem;line-height:1;color:var(--gold-2)}
.shop-card-stats span{display:block;margin-top:5px;font-size:.74rem;color:#aaa396}
.shop-card p{margin:0;color:#aaa396;font-size:.88rem}
.shop-trust{border-block:1px solid rgba(216,178,92,.16);background:linear-gradient(90deg,rgba(216,178,92,.05),transparent 60%)}
.shop-trust ul{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,1fr)}
.shop-trust li{display:flex;gap:14px;align-items:center;padding:26px 20px}.shop-trust li+li{border-left:1px solid rgba(216,178,92,.14)}
.shop-trust svg{flex:none;width:44px;height:44px;padding:11px;border-radius:12px;color:var(--gold-2);border:1px solid rgba(216,178,92,.3);background:rgba(216,178,92,.06)}
.shop-trust strong{display:block;color:#f5efe2;font-size:.92rem}
.shop-trust span{display:block;margin-top:2px;color:#aaa396;font-size:.78rem}
.shop-packs .section-title em,.shop-singles .section-title em,.shop-how .section-title em,.shop-faq .section-title em{color:var(--gold-2);font-style:italic}
.shop-empty{padding:44px;text-align:center;border:1px dashed rgba(216,178,92,.3);border-radius:20px;color:#aaa396}
.shop-steps{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,1fr);gap:18px;position:relative}
.shop-steps:before{content:"";position:absolute;left:15%;right:15%;top:32px;height:1px;background:linear-gradient(90deg,transparent,rgba(216,178,92,.45),transparent)}
.shop-steps li{position:relative;text-align:center;padding:0 18px}
.shop-steps li>span{position:relative;display:inline-grid;place-items:center;width:64px;height:64px;border-radius:50%;font-family:var(--serif);font-size:1.4rem;color:var(--gold-2);background:#0b0a08;border:1px solid rgba(216,178,92,.55);box-shadow:0 0 0 6px rgba(216,178,92,.05),0 0 24px rgba(216,178,92,.15)}
.shop-steps h3{margin:18px 0 8px;font-family:var(--serif);font-weight:400;font-size:1.45rem;color:#f5efe2}
.shop-steps p{margin:0 auto;max-width:300px;color:#aaa396;font-size:.93rem;line-height:1.65}
.shop-qa{border:1px solid var(--line);border-radius:16px;background:rgba(255,255,255,.02)}
.shop-qa[open]{border-color:rgba(216,178,92,.45)}
.shop-qa summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;align-items:center;gap:16px;padding:18px 20px;color:#f5efe2;font-weight:700;font-size:.98rem}
.shop-qa summary::-webkit-details-marker{display:none}
.shop-qa .mia-plus{border-color:rgba(216,178,92,.35)}.shop-qa .mia-plus:before,.shop-qa .mia-plus:after{background:var(--gold-2)}
.shop-qa p{margin:0;padding:0 20px 20px;color:#aaa396;line-height:1.7}
.bio-cta .eyebrow svg{width:18px;height:18px}
@media(max-width:1000px){.shop-trust ul{grid-template-columns:1fr 1fr}.shop-trust li:nth-child(3){border-left:0}.shop-trust li:nth-child(n+3){border-top:1px solid rgba(216,178,92,.14)}.shop-steps{grid-template-columns:1fr;gap:34px}.shop-steps:before{display:none}}
@media(max-width:680px){.shop-trust ul{grid-template-columns:1fr}.shop-trust li{border-left:0!important;border-top:1px solid rgba(216,178,92,.14)}.shop-trust li:first-child{border-top:0}}
/* Assistant — réponses et suggestions */
.hap-answer{padding:14px 16px;margin:6px 4px 10px;border-radius:14px;background:rgba(255,255,255,.035);border:1px solid rgba(255,255,255,.08);color:#e6e1d6;font-size:.9rem;line-height:1.65}
.hap-answer a{color:var(--gold-2)}
.hap-suggest{display:flex;flex-wrap:wrap;gap:6px;padding:0 4px 8px}
.hap-suggest button{padding:7px 12px;border-radius:999px;border:1px solid rgba(216,178,92,.35);background:rgba(216,178,92,.05);color:#e9dcc0;font-size:.76rem;font-weight:700;cursor:pointer;transition:background .2s,border-color .2s}
.hap-suggest button:hover{background:rgba(216,178,92,.12);border-color:rgba(216,178,92,.6)}
.hap-why{display:flex;flex-wrap:wrap;align-items:center;gap:6px;margin:0 6px 8px;color:#a9a397;font-size:.74rem}
.hap-why span{padding:3px 9px;border-radius:999px;background:rgba(216,178,92,.1);border:1px solid rgba(216,178,92,.3);color:#ecd9ad;font-weight:700}
/* === Assistant v3 : liens plateformes, listes === */
.hap-links{display:flex;flex-wrap:wrap;gap:7px;margin:10px 0 4px}
.hap-links .hl{display:inline-flex;align-items:center;gap:7px;padding:7px 13px;border-radius:999px;border:1px solid rgba(216,178,92,.4);background:rgba(0,0,0,.35);color:#f1e6cc!important;font-size:.78rem;font-weight:700;text-decoration:none;transition:background .2s,border-color .2s,transform .2s}
.hap-links .hl:hover{background:rgba(216,178,92,.12);border-color:rgba(216,178,92,.75);transform:translateY(-1px)}
.hap-links .hl i{width:8px;height:8px;border-radius:50%;background:var(--c,#d8b25c);box-shadow:0 0 8px var(--c,#d8b25c);flex:none}
.hap-list{margin:8px 0 4px;padding-left:18px}.hap-list li{margin:3px 0}
.hap-note{display:block;margin-top:8px;color:#a9a397;font-size:.8rem}
.hap-sep{border:0;border-top:1px solid rgba(255,255,255,.08);margin:12px 0}
/* === Communauté : principe, plateformes, galerie vide === */
.com-hero-plats{display:flex;flex-wrap:wrap;gap:7px;margin:18px 0 4px}
.com-hero-plats span{padding:5px 12px;border-radius:999px;border:1px solid var(--edge,rgba(255,255,255,.14));background:rgba(255,255,255,.03);color:var(--champ,#d9c8a6);font-size:.74rem;font-weight:700;letter-spacing:.02em}
.com-pillars{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:34px}
.com-pillar{padding:24px 22px;border-radius:18px;border:1px solid rgba(255,255,255,.07);background:linear-gradient(180deg,rgba(255,255,255,.035),rgba(255,255,255,.01));transition:border-color .3s,transform .3s}
.com-pillar:hover{border-color:var(--edge-2,rgba(255,255,255,.22));transform:translateY(-2px)}
.com-pillar svg{width:44px;height:44px;padding:11px;border-radius:50%;color:var(--champ,#d9c8a6);border:1px solid var(--edge,rgba(255,255,255,.14))}
.com-pillar h3{margin:14px 0 6px;color:var(--ivory,#f4efe4);font-size:1.02rem}
.com-pillar p{margin:0;color:#a8a398;font-size:.88rem;line-height:1.6}
.mia-use-grid.com-plat-grid{grid-template-columns:repeat(4,1fr)}
.com-empty{max-width:620px;margin:10px auto;padding:30px 26px;text-align:center;border-radius:20px;border:1px dashed var(--edge-2,rgba(255,255,255,.22));background:rgba(255,255,255,.02)}
.com-empty strong{display:block;color:var(--ivory,#f4efe4);font-size:1.15rem;margin-bottom:8px}
.com-empty p{color:#a8a398;font-size:.9rem;line-height:1.6;margin:0 0 18px}
@media(max-width:1000px){.com-pillars{grid-template-columns:1fr 1fr}.mia-use-grid.com-plat-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:620px){.com-pillars{grid-template-columns:1fr}}
/* === Étiquette « Nouveauté » === */
.new-mark{display:inline-flex;align-items:center;margin-left:6px;padding:2px 7px;border-radius:999px;background:linear-gradient(135deg,#f3dc9a,#c99a3c);color:#15110a;font-size:.68rem;font-weight:800;text-transform:uppercase;letter-spacing:.07em;vertical-align:1px;box-shadow:0 0 12px rgba(232,200,120,.35)}
.track-sub .new-mark+.free-mark{margin-left:6px}
.chip.chip-new{border-color:rgba(232,200,120,.55);color:#f0d992}
.chip.chip-new.active{background:linear-gradient(135deg,#f3dc9a,#c99a3c);color:#15110a}
/* === Soutenir après téléchargement === */
.support-nudge{position:fixed;right:20px;bottom:112px;z-index:120;width:min(390px,calc(100vw - 32px));display:flex;gap:14px;align-items:flex-start;padding:18px 18px 18px 16px;border-radius:18px;background:linear-gradient(160deg,rgba(28,25,18,.97),rgba(12,11,9,.97));border:1px solid rgba(216,178,92,.45);box-shadow:0 24px 60px rgba(0,0,0,.55),0 0 40px rgba(216,178,92,.12);color:#efe8da;opacity:0;transform:translateY(24px);pointer-events:none;transition:opacity .35s ease,transform .45s cubic-bezier(.16,1,.3,1)}
.support-nudge.show{opacity:1;transform:none;pointer-events:auto}
.support-nudge .sn-ic{flex:none;width:40px;height:40px;border-radius:50%;display:grid;place-items:center;font-size:18px;color:#f3d991;border:1px solid rgba(216,178,92,.55);background:rgba(216,178,92,.08)}
.support-nudge .sn-body{display:flex;flex-direction:column;gap:6px;min-width:0}
.support-nudge strong{font-size:.98rem;color:#fff}
.support-nudge span{font-size:.84rem;line-height:1.5;color:#c9c1b1}
.support-nudge .sn-btn{align-self:flex-start;margin-top:6px;padding:9px 16px;font-size:.84rem}
.support-nudge .sn-close{position:absolute;top:8px;right:10px;width:28px;height:28px;border:0;border-radius:50%;background:transparent;color:#9f9788;font-size:1.2rem;cursor:pointer}
.support-nudge .sn-close:hover{color:#fff;background:rgba(255,255,255,.06)}
.support-thanks{display:flex;gap:18px;align-items:flex-start;padding:24px 26px;border:1px solid rgba(216,178,92,.4);border-radius:18px;background:linear-gradient(160deg,rgba(216,178,92,.08),rgba(255,255,255,.02))}
.support-thanks .st-ic{flex:none;width:46px;height:46px;border-radius:50%;display:grid;place-items:center;color:#f3d991;border:1px solid rgba(216,178,92,.55);font-size:20px}
.support-thanks strong{font-size:1.1rem;color:#fff}.support-thanks p{margin:6px 0 0;color:#c9c1b1;line-height:1.6}
@media(max-width:620px){.support-nudge{right:16px;left:16px;width:auto;bottom:96px}}
/* === Boutique : un seul fond continu (plus de bandes de couleurs différentes) === */
body[data-page="creations"]{background:#070706}
body[data-page="creations"] main#app{position:relative;background:transparent}
body[data-page="creations"]{background:radial-gradient(1100px 700px at 80% -10%,rgba(216,178,92,.06),transparent 70%) fixed,#070706}
body[data-page="creations"] main#app>.section,body[data-page="creations"] main#app>.section:nth-of-type(even),body[data-page="creations"] main#app>section,body[data-page="creations"] .shop-trust{background:transparent!important;border-top:0!important;border-bottom:0!important;box-shadow:none!important}
body[data-page="creations"] main#app>.section:nth-of-type(even):before,body[data-page="creations"] main#app>.section:nth-of-type(even):after{display:none!important}
body[data-page="creations"] .page-hero{background:transparent;border-bottom:0}
body[data-page="creations"] .page-hero:after{content:"";position:absolute;left:0;right:0;bottom:0;height:160px;background:linear-gradient(transparent,#070706);z-index:0;pointer-events:none}
body[data-page="creations"] .page-hero>.container{position:relative;z-index:1}
body[data-page="creations"] .shop-trust{position:relative}
body[data-page="creations"] .shop-trust:before,body[data-page="creations"] .shop-trust:after{content:"";position:absolute;left:8%;right:8%;height:1px;background:linear-gradient(90deg,transparent,rgba(216,178,92,.22),transparent)}
body[data-page="creations"] .shop-trust:before{top:0}body[data-page="creations"] .shop-trust:after{bottom:0}

/* Apparence des pages (outil) : vidéo dans le cadre de l'accueil */
.hero-frame-video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0;transition:opacity 1.4s ease;filter:saturate(.78) contrast(1.05);pointer-events:none}
.hero-frame-video.on{opacity:1}

/* Formats des tuiles Exclusives IA / MelodignIA : carré par défaut, rectangle (large) pour les catégories listées dans CAT_WIDE (site.js) */
body:is([data-page="melodignia"],[data-page="exclusives"]) .category-grid{grid-auto-flow:row dense}
body:is([data-page="melodignia"],[data-page="exclusives"]) .category-grid .category-tile:nth-child(1),body:is([data-page="melodignia"],[data-page="exclusives"]) .category-grid .category-tile:nth-child(6){grid-column:auto}
body:is([data-page="melodignia"],[data-page="exclusives"]) .category-grid .category-tile:nth-child(1) .category-copy strong,body:is([data-page="melodignia"],[data-page="exclusives"]) .category-grid .category-tile:nth-child(6) .category-copy strong{font-size:1rem}
body:is([data-page="melodignia"],[data-page="exclusives"]) .category-grid .category-tile.tile-wide{grid-column:span 2}
body:is([data-page="melodignia"],[data-page="exclusives"]) .category-grid .category-tile.tile-wide .category-copy strong{font-size:1.7rem}
@media(max-width:680px){body:is([data-page="melodignia"],[data-page="exclusives"]) .category-grid .category-tile.tile-wide{grid-column:auto}body:is([data-page="melodignia"],[data-page="exclusives"]) .category-grid .category-tile.tile-wide .category-copy strong{font-size:1rem}}

/* Formats des tuiles du Catalogue (genres, projets, humeurs) : CAT_WIDE dans site.js */
body[data-page="catalogue"] .cat-genres .genre-grid,body[data-page="catalogue"] .cat-genres .category-grid{grid-auto-flow:row dense}
body[data-page="catalogue"] .cat-genres .genre-card.tile-wide{grid-column:span 2!important;aspect-ratio:2.75}
body[data-page="catalogue"] .cat-genres .category-grid .category-tile.tile-wide{grid-column:span 2!important}
body[data-page="catalogue"] .cat-genres .tile-wide .genre-card-content h3,body[data-page="catalogue"] .cat-genres .category-tile.tile-wide .category-copy strong{font-size:1.5rem!important}
@media(max-width:680px){body[data-page="catalogue"] .cat-genres .genre-card.tile-wide{grid-column:auto!important;aspect-ratio:1.35}body[data-page="catalogue"] .cat-genres .category-grid .category-tile.tile-wide{grid-column:auto!important}body[data-page="catalogue"] .cat-genres .tile-wide .genre-card-content h3,body[data-page="catalogue"] .cat-genres .category-tile.tile-wide .category-copy strong{font-size:1.15rem!important}}
/* ≈ Titres similaires */
.sim-btn{border:1px solid rgba(216,178,92,.35);background:transparent;color:var(--gold-2);border-radius:999px;padding:1px 10px;font:inherit;font-size:.76rem;font-weight:700;cursor:pointer;line-height:1.7;transition:background .2s}
.sim-btn:hover,.sim-btn.on{background:rgba(216,178,92,.14)}
.track-v2 .sim-panel{grid-column:1/-1;margin-top:6px;padding:12px;border-radius:12px;background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.07);display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:6px}
.sim-head{grid-column:1/-1;font-size:.72rem;letter-spacing:.08em;text-transform:uppercase;color:#8a867d;margin-bottom:2px}
.sim-item{display:flex;align-items:center;gap:10px;padding:6px;border:0;border-radius:10px;background:transparent;color:inherit;font:inherit;text-align:left;cursor:pointer;min-width:0}
.sim-item:hover{background:rgba(255,255,255,.06)}
.sim-cov{flex:none;width:40px;height:40px;border-radius:8px;display:grid;place-items:center;background:radial-gradient(circle at 30% 30%,rgba(216,178,92,.25),#12110d) center/cover no-repeat;color:#fff;font-size:.8rem;text-shadow:0 1px 3px #000}
.sim-t{min-width:0;display:flex;flex-direction:column}.sim-t b{font-size:.88rem;color:#f4efe4;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sim-t small{color:#8a867d;font-size:.76rem}
.home-pick-list .sim-btn,.hap-body .sim-btn,.home-pick-list .sim-panel,.hap-body .sim-panel{display:none}
/* Téléphone : bouton Assistant compact + encadré « Vous hésitez ? » lisible */
@media(max-width:680px){.ai-fab{width:54px;height:54px;padding:0;gap:0;justify-content:center;font-size:0}.ai-fab .ai-demo-avatar{width:42px;height:42px;font-size:1.05rem}.ai-fab-dot{left:38px;top:6px}.catalogue-note{display:block;position:relative;padding:14px 16px 14px 58px;font-size:.8rem;line-height:1.5}.catalogue-note span{position:absolute;left:16px;top:15px}.catalogue-note strong{display:block;margin-bottom:2px;font-size:.9rem}}

/* v10 : 2 formules (gratuit + Exclusives), centrées */
.plans.plans-2{grid-template-columns:repeat(2,minmax(0,400px));justify-content:center}
@media (max-width:760px){.plans.plans-2{grid-template-columns:1fr}}

/* Packs réservés aux membres Exclusives */
.pack-card.members{position:relative}
.pack-card.members:not(.unlocked) .pack-cover{filter:grayscale(.55) brightness(.8)}
.pack-card.members:not(.unlocked) [data-pack-buy]::before{content:'🔒';margin-right:6px}
.pack-card.members.unlocked [data-pack-buy]::before{content:'✓';margin-right:6px}

/* Image du pack (Airbit ou perso) à la place de la mosaïque */
.pack-cover.one{grid-template-columns:1fr;grid-template-rows:1fr}

/* galerie communauté : 3 vidéos par ligne, 2 lignes sous la vidéo (15/10/2026) */
body[data-page="community"] .community-gallery{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
@media(max-width:900px){body[data-page="community"] .community-gallery{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:560px){body[data-page="community"] .community-gallery{grid-template-columns:1fr}}
body[data-page="community"] .community-card-body{padding:9px 14px 11px}
body[data-page="community"] .community-play{width:54px;height:54px;font-size:1.1rem}
.com-l1{display:flex;align-items:baseline;gap:8px;min-width:0}
.com-l1 h3{margin:0;font-size:1rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex:0 1 auto}
.com-by{font-size:.72rem;color:#9d978c;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex:1 1 0;min-width:0}
.com-l2{display:flex;align-items:center;flex-wrap:wrap;gap:4px 10px;margin-top:4px}
.com-l2>span{font-size:.72rem;color:#9d978c;white-space:nowrap}
.com-sbtn{display:inline-flex;align-items:center;gap:3px;color:#d9d4c9;text-decoration:none;font-size:.74rem;white-space:nowrap;transition:color .2s}
.com-sbtn:hover{color:#fff;text-decoration:underline}
.com-sbtn-main{color:#fff;font-weight:600}
/* communauté : section résumée « Comment ça marche » (15/10/2026) */
.com-how-steps{list-style:none;margin:26px auto 0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;max-width:1040px}
.com-how-steps li{display:flex;gap:14px;align-items:flex-start;padding:18px 20px;border:1px solid rgba(255,255,255,.08);border-radius:16px;background:linear-gradient(160deg,#0f0f0f,#060606)}
.com-how-steps b{flex:0 0 34px;height:34px;border-radius:50%;display:flex;align-items:center;justify-content:center;border:1px solid rgba(255,255,255,.22);font-family:Georgia,serif;font-size:.95rem;color:#fff}
.com-how-steps h3{margin:2px 0 4px;font-size:1.02rem}
.com-how-steps p{margin:0;font-size:.85rem;line-height:1.5;color:#b9b3a8}
.com-how-steps a{color:#fff}
.com-how-plats{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;margin:20px auto 0;padding:0}
.com-how-plats span{font-size:.74rem;letter-spacing:.04em;color:#cfc9be;border:1px solid rgba(255,255,255,.12);border-radius:999px;padding:4px 12px}
@media(max-width:800px){.com-how-steps{grid-template-columns:1fr}}
/* paiement pack : on masque le menu et le lecteur Airbit dans la fenêtre (15/10/2026) */
.uq-frame-wrap{overflow:hidden}
.uq-modal.uq-checkout .uq-frame-wrap iframe{top:-50px;bottom:auto;height:calc(100% + 110px)}
/* À propos : chiffres (16/10/2026) */
.bio-figures li.bio-fig-plats b{font-size:clamp(1.3rem,2.2vw,1.9rem)}
.bio-figures li.bio-fig-plats span{color:#d9d2c3;line-height:1.7}
/* Boutons plateformes v3 — discrets (16/10/2026) */
.plat-btns{display:flex;flex-wrap:wrap;gap:6px}
.plat-btns-c{justify-content:center}
a.plat-btn{display:inline-flex;align-items:center;gap:6px;height:28px;padding:0 11px 0 9px;border-radius:999px;border:1px solid rgba(255,255,255,.1);background:rgba(255,255,255,.025);text-decoration:none!important;color:#d9d2c3!important;font-size:.72rem;font-weight:600;letter-spacing:.02em;line-height:1;transition:color .2s,border-color .2s,background .2s}
a.plat-btn:hover{color:#f3d98f!important;border-color:rgba(240,213,141,.5);background:rgba(216,178,92,.07)}
.plat-ico{display:inline-flex;width:13px;height:13px;flex:0 0 13px}
.plat-ico svg{width:13px;height:13px;fill:#d8b25c}
.plat-txt{display:inline;padding:0!important;border:0!important;margin:0!important}
.plat-txt small{display:none}
.plat-txt b{font:inherit;color:inherit;margin:0;display:inline;line-height:1}
.footer-social .plat-btns{justify-content:flex-end}
@media(max-width:680px){.footer-social .plat-btns{justify-content:flex-start}}
.bio-figures span.plat-btns{display:flex;margin-top:12px;color:inherit;letter-spacing:0;font-size:inherit}
.bio-figures .plat-txt b{font-size:.72rem;color:inherit}
.bio-plats a.plat-btn{height:30px;padding:0 13px 0 10px;border-radius:999px}
.bio-figures li.bio-fig-plats .plat-txt b{font-size:.72rem;font-family:inherit;font-weight:600;display:inline;line-height:1;color:inherit}
.bio-plats a.plat-btn{font-size:.76rem}