/* ===== FX v5 : fonds riches par section + ambiance qui évolue au scroll (transform/opacity, pausé hors écran) ===== */
.scrollbar{position:fixed;left:0;top:0;height:3px;width:100%;z-index:200;transform-origin:0 50%;background:linear-gradient(90deg,#f2c14e,#7fd4ff,#a77bff);scale:0 1;pointer-events:none}
@supports (animation-timeline:scroll()){.scrollbar{animation:grow linear both;animation-timeline:scroll(root)}@keyframes grow{to{scale:1 1}}}
main{overflow-x:clip}
/* Champ d'étoiles aléatoire (remplace la grille de points) */
body::before{display:none!important}
.stars,.nebula{position:fixed;inset:0;z-index:0;pointer-events:none}
.stars i{position:absolute;left:0;top:0;border-radius:50%;animation:twk 5s ease-in-out infinite alternate}
.stars .s1{width:1px;height:1px}.stars .s2{width:2px;height:2px;animation-duration:7s;animation-delay:-2s}.stars .s3{width:3px;height:3px;animation-duration:9s;animation-delay:-4s}
@keyframes twk{from{opacity:.2}to{opacity:1}}
/* Nébuleuses : 3 ambiances qui se fondent l'une dans l'autre pendant le scroll */
.nebula i{position:absolute;inset:0;opacity:.5}
.nb1{background:radial-gradient(60vw 50vh at 20% 20%,rgba(41,182,246,.3),transparent 70%),radial-gradient(50vw 40vh at 85% 70%,rgba(110,90,255,.22),transparent 70%)}
.nb2{background:radial-gradient(60vw 50vh at 80% 25%,rgba(167,123,255,.34),transparent 70%),radial-gradient(55vw 45vh at 15% 75%,rgba(255,106,170,.18),transparent 70%)}
.nb3{background:radial-gradient(70vw 55vh at 50% 90%,rgba(242,193,78,.26),transparent 70%),radial-gradient(50vw 40vh at 15% 20%,rgba(41,182,246,.2),transparent 70%)}
@supports (animation-timeline:scroll()){
 .nb1,.nb2,.nb3{animation:linear both;animation-timeline:scroll(root)}
 .nb1{animation-name:n1}.nb2{animation-name:n2}.nb3{animation-name:n3}
 @keyframes n1{0%{opacity:1}35%{opacity:.7}60%,100%{opacity:0}}
 @keyframes n2{0%,25%{opacity:0}50%,70%{opacity:1}100%{opacity:0}}
 @keyframes n3{0%,55%{opacity:0}100%{opacity:1}}
}
/* Scènes par section */
.scene{position:absolute;left:50%;top:-5rem;bottom:-5rem;width:100vw;translate:-50% 0;pointer-events:none;overflow:hidden;z-index:-1;-webkit-mask-image:linear-gradient(transparent,#000 16%,#000 84%,transparent);mask-image:linear-gradient(transparent,#000 16%,#000 84%,transparent)}
.scene.sc-d{-webkit-mask-image:linear-gradient(transparent,#000 22%);mask-image:linear-gradient(transparent,#000 22%)}
.sc-a{--c1:rgba(41,182,246,.3);--c2:rgba(94,234,212,.22);--oc:rgba(94,234,212,.28)}
.sc-b{--c1:rgba(242,193,78,.28);--c2:rgba(255,140,170,.2);--oc:rgba(255,215,120,.32)}
.sc-c{--c1:rgba(167,123,255,.32);--c2:rgba(41,182,246,.22);--oc:rgba(180,160,255,.32)}
.sc-d{--c1:rgba(255,200,120,.26);--c2:rgba(120,150,255,.24);--oc:rgba(255,230,170,.32)}
.sl{position:absolute;inset:0}
@supports (animation-timeline:view()){.sl{animation:shift linear both;animation-timeline:view()}@keyframes shift{from{translate:0 calc(var(--k,1)*70px)}to{translate:0 calc(var(--k,1)*-70px)}}}
.sc-glow{position:absolute;inset:-10%;background:radial-gradient(42vw 30vw at 14% 32%,var(--c1),transparent 70%),radial-gradient(36vw 28vw at 86% 66%,var(--c2),transparent 70%);animation:gdrift 22s ease-in-out infinite alternate}
@keyframes gdrift{to{transform:translate3d(4vw,3vh,0) scale(1.08)}}
.sc-spk{position:absolute;left:var(--x);top:var(--y);width:var(--s);height:var(--s);background:#fff;clip-path:polygon(50% 0,60% 40%,100% 50%,60% 60%,50% 100%,40% 60%,0 50%,40% 40%);animation:twk var(--d) ease-in-out infinite alternate}
.sc-rays{position:absolute;left:50%;top:38%;width:120vmax;height:120vmax;margin:-60vmax 0 0 -60vmax;background:repeating-conic-gradient(from 0deg,rgba(255,226,150,.13) 0 3deg,transparent 3deg 12deg);-webkit-mask-image:radial-gradient(circle,#000 0,transparent 50%);mask-image:radial-gradient(circle,#000 0,transparent 50%);animation:rspin 140s linear infinite}
@keyframes rspin{to{transform:rotate(360deg)}}
/* Projecteur du hero (conservé) + lueur qui suit le pointeur sur les cartes */
.spot{position:absolute;inset:0;z-index:2;pointer-events:none;opacity:0;transition:opacity .4s;background:radial-gradient(420px circle at var(--mx,70%) var(--my,40%),rgba(159,225,255,.2),transparent 60%)}
.hero:hover .spot{opacity:1}.hero{perspective:1400px}
.mascot{rotate:0 1 0 calc(var(--ry,0)*1deg);transition:rotate .3s ease-out}
.card,.box{position:relative}
.gl{position:absolute;inset:0;border-radius:inherit;pointer-events:none;opacity:0;transition:opacity .3s;background:radial-gradient(280px circle at var(--mx,50%) var(--my,50%),rgba(159,225,255,.24),transparent 60%)}
.card:hover>.gl,.box:hover>.gl{opacity:1}
/* Navigation « voyage » : une icône d'élément par section */
.jnav{position:fixed;right:1.1rem;top:50%;translate:0 -50%;z-index:60;display:flex;flex-direction:column;gap:.7rem;opacity:0;pointer-events:none;transition:opacity .4s}
.jnav.on{opacity:1;pointer-events:auto}
.jnav a{position:relative;width:40px;height:40px;border-radius:50%;display:grid;place-items:center;background:rgba(7,14,53,.6);border:1px solid rgba(255,255,255,.22);backdrop-filter:blur(10px);transition:transform .25s,box-shadow .25s}
.jnav img{width:25px;height:25px;object-fit:contain;opacity:.55;transition:opacity .25s}
.jnav a.act{transform:scale(1.2);box-shadow:0 0 0 2px rgba(127,212,255,.6),0 0 24px rgba(127,212,255,.55)}.jnav a.act img{opacity:1}
.jnav a::after{content:attr(data-l);position:absolute;right:50px;white-space:nowrap;padding:.25rem .75rem;border-radius:999px;background:rgba(7,14,53,.9);color:#fff;font:600 .78rem Poppins,sans-serif;opacity:0;translate:8px 0;transition:.25s;pointer-events:none}
.jnav a:hover::after{opacity:1;translate:0 0}
@media(max-width:1100px){.jnav{display:none}}
/* Entrées 3D au scroll */
@supports (animation-timeline:view()){
 .grid{perspective:1100px}
 .card.rv,.pg.rv,.box.rv{opacity:1;transform:none;transition:none;animation:enter3d linear both;animation-timeline:view();animation-range:entry 0% entry 55%}
 @keyframes enter3d{from{opacity:0;translate:0 50px;rotate:1 0 0 16deg;scale:.94}to{opacity:1;translate:0 0;rotate:1 0 0 0deg;scale:1}}
}
.burst{position:fixed;width:10px;height:10px;z-index:300;pointer-events:none;background:#fff;clip-path:polygon(50% 0,60% 40%,100% 50%,60% 60%,50% 100%,40% 60%,0 50%,40% 40%);animation:burst .7s ease-out forwards}
@keyframes burst{to{transform:translate(var(--dx),var(--dy)) scale(.2) rotate(180deg);opacity:0}}
.paused,.paused *,.paused::before,.paused::after{animation-play-state:paused!important}
@media(max-width:700px){.sc-spk:nth-child(n+5){display:none}.emb{opacity:.12}}
@media(prefers-reduced-motion:reduce){.scene *,.stars i,.nebula i,.scrollbar,.card.rv,.pg.rv,.box.rv{animation:none!important}}

/* ===== v6 : animations autour de Nicole et de l'art officiel (aucun élément décoratif générique) ===== */
.emb{position:absolute;left:var(--x);top:var(--y);width:var(--s);height:auto;opacity:.2;animation:emspin 70s linear infinite}
@keyframes emspin{to{transform:rotate(360deg)}}
.buddy{position:fixed;left:.9rem;top:16vh;z-index:55;width:92px;pointer-events:none;opacity:0;transition:opacity .4s}
.buddy.on{opacity:1}
@supports (animation-timeline:scroll()){.buddy{animation:bpath linear both;animation-timeline:scroll(root)}@keyframes bpath{from{translate:0 0}to{translate:0 58vh}}}
.buddy-in{position:relative;animation:bobb 3.2s ease-in-out infinite alternate}
@keyframes bobb{to{transform:translateY(-8px) rotate(2deg)}}
.buddy img{width:100%;height:auto;display:block;filter:drop-shadow(0 8px 12px rgba(0,0,0,.35))}
.buddy.pop img{animation:popin .6s cubic-bezier(.2,1.6,.4,1)}
@keyframes popin{from{scale:.4;rotate:-12deg;opacity:0}to{scale:1;rotate:0;opacity:1}}
.buddy-say{position:absolute;left:100%;top:6px;margin:0;width:max-content;max-width:190px;padding:.5rem .8rem;border-radius:14px;background:rgba(247,250,255,.97);color:#10295e;font:600 .78rem/1.35 Poppins,sans-serif;box-shadow:0 10px 26px rgba(0,0,0,.28);opacity:0;translate:-8px 0;transition:.35s}
.buddy-say.show{opacity:1;translate:0 0}
.nicole-big{position:absolute;right:-1%;bottom:2rem;width:min(470px,38vw);height:auto;z-index:0;pointer-events:none;filter:drop-shadow(0 30px 40px rgba(3,8,40,.4))}
@supports (animation-timeline:view()){
 .nicole-big{animation:slidein linear both;animation-timeline:view();animation-range:entry 0% cover 45%}@keyframes slidein{from{opacity:0;translate:120px 0;scale:.94}to{opacity:1;translate:0 0;scale:1}}
 .section-deco{animation:decoshift linear both;animation-timeline:view()}@keyframes decoshift{from{translate:0 50px}to{translate:0 -50px}}
}
@media(max-width:1100px){.nicole-big{display:none}}
@media(max-width:700px){.buddy{width:56px}.buddy-say{display:none}}
@media(prefers-reduced-motion:reduce){.buddy,.buddy-in,.buddy img,.emb,.nicole-big,.section-deco{animation:none!important}}

/* ===== v7 : boule de cristal de Nicole (survol = agrandie + bulle ; clic = ouvre/ferme) ===== */
.crystal{position:absolute;left:44%;bottom:9%;z-index:8;width:84px;height:84px}
.crystal::after{content:"";position:absolute;inset:0;border-radius:50%;border:2px solid rgba(159,225,255,.75);pointer-events:none;animation:cping 2.6s ease-out infinite}
.crystal.touched::after,.crystal.open::after{animation:none;opacity:0}
@keyframes cping{from{scale:1;opacity:.8}to{scale:1.9;opacity:0}}
.cball{position:relative;display:block;width:100%;height:100%;border:0;padding:0;border-radius:50%;background:none;cursor:pointer;-webkit-tap-highlight-color:transparent;transition:transform .5s cubic-bezier(.2,1.5,.4,1)}
.cball:hover,.crystal.open .cball{transform:scale(1.28)}
.cball:focus-visible{outline:3px solid #7fd4ff;outline-offset:6px}
.cball::before{content:"";position:absolute;left:14%;right:14%;bottom:-9px;height:14px;border-radius:50%;background:linear-gradient(#f6d27a,#b8862a);box-shadow:0 6px 12px rgba(0,0,0,.35)}
.cball-glass{position:absolute;inset:0;border-radius:50%;overflow:hidden;background:radial-gradient(circle at 32% 28%,rgba(255,255,255,.95) 0 5%,rgba(255,255,255,.25) 14%,transparent 30%),radial-gradient(circle at 50% 62%,rgba(120,200,255,.55),rgba(60,90,220,.78) 70%,rgba(20,30,110,.92));box-shadow:inset 0 -10px 22px rgba(170,230,255,.45),inset 0 8px 16px rgba(255,255,255,.3),0 0 26px rgba(127,212,255,.7),0 10px 24px rgba(3,8,40,.45)}
.cball-glass::before{content:"";position:absolute;inset:-30%;background:conic-gradient(from 0deg,transparent,rgba(255,255,255,.35),transparent 30%,rgba(167,123,255,.4),transparent 60%,rgba(127,212,255,.4),transparent);animation:rspin 9s linear infinite}
.cball-img{position:absolute;left:50%;bottom:9%;width:64%;height:auto;translate:-50% 0;z-index:1;filter:drop-shadow(0 4px 6px rgba(0,0,0,.3));animation:cfloat 3s ease-in-out infinite alternate}
@keyframes cfloat{to{transform:translateY(-5px) rotate(2deg)}}
.cball::after{content:"";position:absolute;left:17%;top:11%;width:26%;height:15%;border-radius:50%;background:rgba(255,255,255,.75);rotate:-32deg;z-index:2}
.corbit{position:absolute;inset:-14px;border-radius:50%;pointer-events:none;animation:rspin 7s linear infinite}
.corbit i{position:absolute;width:10px;height:10px;background:#fff;clip-path:polygon(50% 0,60% 40%,100% 50%,60% 60%,50% 100%,40% 60%,0 50%,40% 40%);filter:drop-shadow(0 0 4px #9fe1ff)}
.corbit i:nth-child(1){left:calc(50% - 5px);top:-4px}.corbit i:nth-child(2){left:6px;bottom:8px;background:#ffe08a}.corbit i:nth-child(3){right:6px;bottom:8px}
.cpanel{position:absolute;left:-6px;bottom:calc(100% + 30px);width:min(340px,78vw);padding:.95rem 1.1rem 1.05rem;border-radius:20px;background:rgba(247,250,255,.97);color:#10295e;box-shadow:0 22px 50px rgba(3,8,40,.45);transform-origin:20% 100%;scale:.4;opacity:0;visibility:hidden;translate:0 14px;transition:scale .45s cubic-bezier(.2,1.4,.4,1),opacity .25s,translate .45s,visibility 0s .45s}
.crystal.open .cpanel{scale:1;opacity:1;visibility:visible;translate:0 0;transition:scale .45s cubic-bezier(.2,1.4,.4,1),opacity .25s,translate .45s,visibility 0s}
.cpanel::before{content:"";position:absolute;left:0;right:0;bottom:-36px;height:36px}
.cpanel::after{content:"";position:absolute;left:30px;bottom:-11px;border:12px solid transparent;border-top-color:rgba(247,250,255,.97);border-bottom:0}
.cpanel b{display:flex;align-items:center;gap:.4rem;color:#245fd0}.cpanel b::after{content:"✦";color:#f2c14e}
.cpanel p{margin:.25rem 0 0!important;max-width:none!important;line-height:1.5;color:#173568!important;opacity:1!important}
.crystal.open .cpanel p{animation:wipe 1.1s ease-out both}
@keyframes wipe{from{clip-path:inset(0 100% 0 0)}to{clip-path:inset(0 0 0 0)}}
@media(max-width:820px){.crystal{left:5%;bottom:6%;width:70px;height:70px}}
@media(prefers-reduced-motion:reduce){.crystal::after,.cball-glass::before,.cball-img,.corbit,.crystal.open .cpanel p{animation:none!important}.cpanel,.cball{transition-duration:.01ms!important}}

/* ===== v8 : déco illustrée (nuages + rivière + cadre doré) et images haute définition ===== */
.dc-cloud,.dc-river{position:absolute;left:var(--x);top:var(--y);width:var(--s);height:auto;pointer-events:none;user-select:none;-webkit-user-drag:none}
.dc-cloud{opacity:var(--o,.8);scale:var(--f,1) 1;filter:drop-shadow(0 18px 26px rgba(4,10,50,.35)) drop-shadow(0 0 22px rgba(130,180,255,.25));animation:cloudDrift 46s ease-in-out var(--d,0s) infinite alternate}
@keyframes cloudDrift{from{transform:translate3d(-26px,0,0)}50%{transform:translate3d(10px,-12px,0)}to{transform:translate3d(30px,6px,0)}}
.dc-river{opacity:var(--o,.3);rotate:var(--r,0deg);scale:var(--f,1) 1;-webkit-mask-image:linear-gradient(transparent 0,#000 22%,#000 66%,transparent 96%),linear-gradient(90deg,#000 0,#000 62%,transparent 94%);-webkit-mask-composite:source-in;mask-image:linear-gradient(transparent 0,#000 22%,#000 66%,transparent 96%),linear-gradient(90deg,#000 0,#000 62%,transparent 94%);mask-composite:intersect;filter:saturate(1.15) drop-shadow(0 0 34px rgba(110,180,255,.55));mix-blend-mode:screen;animation:riverFlow 14s ease-in-out infinite alternate}
@keyframes riverFlow{from{transform:translate3d(0,-10px,0);filter:saturate(1.1) brightness(.92) drop-shadow(0 0 30px rgba(110,180,255,.45))}to{transform:translate3d(0,14px,0);filter:saturate(1.3) brightness(1.12) drop-shadow(0 0 42px rgba(150,210,255,.7))}}
/* Hero : nuages devant le décor, derrière Nicole et le texte */
.hero-decor{position:absolute;inset:0;z-index:1;pointer-events:none;overflow:hidden}
.hero-decor .dc-cloud{animation-duration:38s}
.hc1{--x:-13%;--y:63%;--s:min(42vw,520px);--o:.62}
.hc2{--x:50%;--y:-5%;--s:min(20vw,240px);--o:.55;--f:-1;animation-delay:-14s!important}
.hc3{--x:66%;--y:66%;--s:min(20vw,230px);--o:.8;animation-delay:-24s!important}
.dc-river-hero{--x:30%;--y:-14%;--s:min(36vw,440px);--r:-24deg;--o:.34}
/* Nicole + cadre doré (section Commander) */
.nicole-big{width:min(640px,46vw);right:-7%;bottom:1rem;filter:drop-shadow(0 30px 44px rgba(3,8,40,.5)) drop-shadow(0 0 40px rgba(242,193,78,.18))}
.mascot img{image-rendering:auto}
@media(max-width:820px){.hc1{--s:70vw;--y:62%}.hc2{--x:62%;--y:2%;--s:34vw}.hc3{display:none}.dc-river-hero{--x:48%;--s:60vw}}
@media(max-width:700px){.dc-cloud{opacity:calc(var(--o,.8)*.65)}.dc-river{opacity:calc(var(--o,.3)*.7)}.scene .dc-cloud:nth-of-type(n+3){display:none}}
@media(prefers-reduced-motion:reduce){.dc-cloud,.dc-river{animation:none!important}}

/* ===== v9 : menu burger, section « Comment ça marche », notes Discord, polish mobile/tablette ===== */
#burger{display:none;position:relative;flex:none;width:46px;height:46px;padding:0;border-radius:50%;border:1px solid rgba(255,255,255,.28);background:rgba(255,255,255,.1);cursor:pointer;-webkit-tap-highlight-color:transparent;transition:background .25s}
#burger:hover,#nav.menu-open #burger{background:rgba(127,212,255,.22)}
#burger:focus-visible{outline:3px solid #7fd4ff;outline-offset:3px}
#burger i{position:absolute;left:13px;right:13px;height:2px;border-radius:2px;background:#fff;transition:top .3s,rotate .3s,opacity .2s,scale .2s}
#burger i:nth-child(1){top:16px}#burger i:nth-child(2){top:22px}#burger i:nth-child(3){top:28px}
#nav.menu-open #burger i:nth-child(1){top:22px;rotate:45deg}
#nav.menu-open #burger i:nth-child(2){opacity:0;scale:.3 1}
#nav.menu-open #burger i:nth-child(3){top:22px;rotate:-45deg}
.discord-note{margin:.2rem 0 0;padding:.85rem 1rem;border-radius:16px;font-size:.9rem;line-height:1.55;color:#e9f2ff;background:linear-gradient(135deg,rgba(88,101,242,.34),rgba(41,182,246,.18));border:1px solid rgba(150,170,255,.4)}
.discord-note b{color:#fff}
dialog .discord-note{margin:.9rem 0 .6rem}
.sec-how .how-lead{margin:-.4rem 0 1.6rem;max-width:560px;font-size:1.05rem;color:#dbe8ff}
.how-grid .proof-card h3{margin-top:.2rem}
.how-grid{counter-reset:s}
.how-cta{display:flex;justify-content:center;margin-top:2rem}
.how-cta .cta{box-shadow:0 12px 36px rgba(88,101,242,.4)}

/* Menu déroulant : mobile + tablette */
@media(max-width:1100px){
  #burger{display:block}
  #nav{width:min(960px,calc(100vw - 24px));padding:.42rem .5rem .42rem .9rem;top:max(10px,env(safe-area-inset-top))}
  .logo{font-size:1.6rem!important}
  #nav nav{position:absolute;top:calc(100% + 10px);left:0;right:0;display:flex;flex-wrap:wrap;align-items:stretch;gap:.45rem;padding:.8rem;border-radius:26px;background:rgba(9,14,52,.97);border:1px solid rgba(255,255,255,.2);box-shadow:0 26px 60px rgba(0,0,0,.55);max-height:calc(100svh - 96px);overflow-y:auto;overscroll-behavior:contain;opacity:0;visibility:hidden;translate:0 -12px;scale:.98;transform-origin:50% 0;transition:opacity .25s,translate .3s,scale .3s,visibility 0s .3s}
  #nav.menu-open nav{opacity:1;visibility:visible;translate:0 0;scale:1;transition:opacity .25s,translate .3s,scale .3s,visibility 0s}
  #nav nav>a:not(.cta){display:flex;align-items:center;flex:1 1 100%;min-height:48px;padding:.6rem 1rem;border:0;border-radius:15px;background:rgba(255,255,255,.07);color:#fff;font-size:1.02rem;font-weight:500}
  #nav nav>a:not(.cta):hover,#nav nav>a:not(.cta):active{background:rgba(127,212,255,.2)}
  #nav nav #cur,#nav nav #langbtn{flex:1 1 calc(50% - .25rem);min-height:46px;font-size:.95rem}
  #nav nav .cta{flex:1 1 100%;justify-content:center;text-align:center;min-height:48px}
}

/* Tablette */
@media(max-width:1100px) and (min-width:701px){
  .hero{margin-inline:3vw}
  .sec-how .how-grid{grid-template-columns:repeat(2,1fr)}
}

/* Mobile */
@media(max-width:700px){
  html{-webkit-text-size-adjust:100%}
  body{overflow-x:hidden}
  .hero{margin:78px 12px 0;min-height:0;padding:2.4rem 1.2rem 0;align-items:flex-start;flex-direction:column;border-radius:26px}
  .hero-in{max-width:none}
  .hero h1{font-size:clamp(3rem,15.5vw,4.4rem);line-height:.95}
  .hero p{font-size:.98rem;margin:1rem 0 1.4rem}
  .hero .cta{width:100%;justify-content:center;min-height:50px}
  .hero-in::before{font-size:.56rem;letter-spacing:.14em}
  .mascot{position:relative!important;right:auto!important;bottom:auto!important;align-self:center;width:min(78vw,330px)!important;margin:.4rem 0 -.5rem}
  .hero-sticker{display:none}
  .crystal{left:4%;bottom:4%}
  .hc1{--x:-30%;--y:70%;--s:92vw;--o:.45}
  .hc2{--x:62%;--y:1%;--s:34vw;--o:.5}
  .sec{padding-inline:16px}
  .section-heading{flex-wrap:wrap}
  .grid{grid-template-columns:1fr}
  .card,.box{border-radius:20px}
  .pick,.cta,.pg .pick{min-height:46px}
  .pg{gap:.6rem}
  #order-f input:not([type=checkbox]),#order-f select,#order-f textarea{font-size:16px}
  .nicole-big{display:none}
  .discord-note{font-size:.86rem}
  .buddy{display:none}
  .how-grid .proof-card{padding:1.2rem}
  footer{padding:3.5rem 18px 2.5rem}
}
@media(max-width:420px){
  .hero h1{font-size:clamp(2.7rem,15vw,3.6rem)}
  #nav{width:calc(100vw - 16px)}
}
@media(hover:none){.gl,.spot{display:none}}

/* v9 — tablette : texte du hero libéré de Nicole, déco allégée, pas de compagnon flottant sur le contenu */
@media(max-width:1100px){
  .buddy{display:none}
  .hero-in{max-width:min(56%,460px)}
  .hero p{max-width:100%}
}
@media(max-width:900px) and (min-width:701px){
  .sticker-one{display:none}
  .crystal{left:5%;bottom:5%}
}
@media(max-width:700px){
  .hero-in{max-width:none}
  .deco-primos{width:96px!important;top:4.2rem!important;right:-6px!important}
}
/* Chibi Primogems : devant les cartes (plus de flou à travers le verre), taille maîtrisée */
.deco-primos{z-index:4;width:200px;top:2.2rem;right:2vw}
@media(max-width:1100px) and (min-width:701px){.deco-primos{width:150px;top:2.4rem;right:1vw}.hero-in{max-width:min(50%,420px)}}

/* ===== v10 : page de commande privée (order.php) ===== */
.track-page{background:linear-gradient(180deg,#0b1030,#26339a 70%,#4a5cc9);min-height:100vh}
.track{max-width:680px;margin:0 auto;padding:max(16px,env(safe-area-inset-top)) 16px 3rem}
.track-head{display:flex;align-items:center;justify-content:space-between;margin:0 0 1rem}
.track-lang{color:#fff;text-decoration:none;border:1px solid rgba(255,255,255,.35);border-radius:99px;padding:.3rem .9rem;font-weight:600}
.track-card{margin:0 0 1rem;padding:1.3rem 1.4rem;border-radius:22px;color:#e9f0ff}
.track-card h2{font:1.7rem var(--disp);letter-spacing:.03em;margin:.1rem 0 .6rem}
.track-ref{font:2.4rem var(--disp);letter-spacing:.05em;margin:.1rem 0}
.track-sub{margin:0 0 1rem;color:#cfe0ff}
.track .eyebrow{display:block;font-size:.7rem;letter-spacing:.16em;text-transform:uppercase;color:#9fe1ff}
.track .flash{margin:.6rem 0 1rem}
.stepper{list-style:none;margin:1rem 0 0;padding:0;display:grid;grid-template-columns:repeat(4,1fr);gap:.4rem}
.stepper li{display:grid;justify-items:center;gap:.35rem;text-align:center;font-size:.78rem;color:#9fb0e6}
.stepper i{display:grid;place-items:center;width:34px;height:34px;border-radius:50%;font-style:normal;font-weight:700;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.25)}
.stepper li.done i{background:#1d7a52;border-color:#3fd596;color:#fff}
.stepper li.now i{background:#2a6fdb;border-color:#9fe1ff;color:#fff;box-shadow:0 0 0 4px rgba(127,212,255,.25)}
.stepper li.now,.stepper li.done{color:#fff}
.ids{display:grid;gap:.8rem}
.ids label{display:grid;gap:.3rem;font-weight:600;font-size:.9rem}
.ids input,.ids select,.ids textarea{font:inherit;color:#fff;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.28);border-radius:12px;padding:.7rem .85rem;font-size:16px}
.ids select option{color:#10295e}
.track .cta{display:inline-flex;justify-content:center;min-height:48px}
.track-foot{text-align:center}
.flash-cta{margin:.4rem 0 1rem;width:100%;justify-content:center}
@media(max-width:520px){.stepper{grid-template-columns:repeat(2,1fr);row-gap:.9rem}.track-ref{font-size:2rem}}