/* Vitrine uniquement. Aucun de ces styles n'est chargé par /app/. */
.marketing-home,.marketing-site{--bg-base:#101317;--bg-raised:#191e24;--border:#2a3139;--text-primary:#f3f4ee;--text-secondary:#adb5bd;--text-tertiary:#929da8;--accent:#568eff;--accent-text:#a0c8ff}
.marketing-home .pilule,.marketing-site .pilule{background:rgba(24,30,38,.88);backdrop-filter:blur(22px);box-shadow:0 8px 36px #0004;border-color:#ffffff24}
.marketing-home .bar,.marketing-site .bar{height:88px}
.marketing-home .hero{padding-top:clamp(50px,6vw,92px);isolation:isolate;overflow:clip}
.marketing-home .hero::before{top:-150px;width:1500px;height:1300px;background:radial-gradient(ellipse at 50% 54%,#235cce44,transparent 60%);z-index:-2}
.marketing-home .hero::after{content:"";position:absolute;inset:0;z-index:-1;background-image:linear-gradient(#97b9f00b 1px,transparent 1px),linear-gradient(90deg,#97b9f00b 1px,transparent 1px);background-size:72px 72px;mask-image:radial-gradient(ellipse at 50% 48%,#000,transparent 69%);pointer-events:none}
.marketing-home .hero-inner{max-width:1080px}
.hero-kicker{display:flex;justify-content:center;align-items:center;gap:10px;font-size:10px;font-weight:600;letter-spacing:.16em;color:#b7c9df;margin-bottom:27px}
.hero-kicker span{width:6px;height:6px;flex-shrink:0;border-radius:50%;background:#b3e8c1;box-shadow:0 0 16px #a2ffc0}
.marketing-home .hero h1{font-size:clamp(42px,6.5vw,88px);font-weight:500;letter-spacing:-.065em;line-height:1.06}
.marketing-home .hero h1 em{font-family:var(--font-serif);font-weight:400;font-style:italic;letter-spacing:-.05em;background:linear-gradient(100deg,#a7bdff 5%,#c7e5ff 50%,#9df0d4 95%);background-clip:text;-webkit-background-clip:text;color:transparent;background-size:180% 100%;animation:light-shift 9s ease-in-out infinite alternate}
.marketing-home .hero .lead{max-width:57ch;font-size:clamp(16px,1.5vw,18px);color:#b9c2cd;line-height:1.75;margin-top:25px}
.marketing-home .btn-primary,.marketing-site .btn-primary{box-shadow:inset 0 1px #ffffff35,0 5px 24px #397cff26;transition:transform .25s,background .25s,box-shadow .25s}
.marketing-home .btn-primary:hover,.marketing-site .btn-primary:hover{transform:translateY(-2px);box-shadow:inset 0 1px #ffffff50,0 8px 32px #397cff44}
.hero-discover{display:inline-flex;align-items:center;gap:12px;font-size:12px;color:#c3ccd7;margin-top:20px}
.hero-discover span{display:inline-block;transition:transform .2s}.hero-discover:hover span{transform:translateY(4px)}
.marketing-home .hero-note{font-size:11px;margin-top:18px}
.marketing-home .vitrine{margin-top:66px;perspective:1600px;padding:0 22px}
.marketing-home .vitrine::after{display:none}
.marketing-home .chassis{position:relative;z-index:2;border-radius:16px;border-color:#b3d3ff50;box-shadow:0 0 0 7px #91b5f509,0 30px 100px #0009,0 0 90px #296eff18;transform:rotateX(var(--screen-angle,7deg)) translateY(var(--screen-y,0px));transform-origin:center top}
.marketing-home .chassis-bar{background:#19222c;border-color:#c7dfff19}
.marketing-home .chassis-bar i:first-child{background:#dd817b}.marketing-home .chassis-bar i:nth-child(2){background:#d9b273}.marketing-home .chassis-bar i:nth-child(3){background:#7dae96}
.marketing-home .legende{position:relative;z-index:3;margin-top:26px;font-size:11px;color:#9baaba}
.orbit{position:absolute;inset:-60px -80px 20%;border:1px solid #78a8ff24;border-radius:50%;transform:rotate(-12deg);pointer-events:none;z-index:0}
.orbit-two{inset:-100px -10px 8%;transform:rotate(16deg);border-color:#78a8ff12}
.orbit-one::before{content:"";position:absolute;top:22%;left:6%;height:7px;width:7px;border-radius:50%;background:#c6e1ff;box-shadow:0 0 22px #75aaff}
.float-label{position:absolute;z-index:4;display:flex;align-items:center;gap:10px;padding:13px 17px;background:#1c2938ed;border:1px solid #a3c7ff42;border-radius:12px;box-shadow:0 15px 45px #0005;backdrop-filter:blur(16px);font-size:12px;color:#e3edfa;animation:float-drift 6s ease-in-out infinite}
.label-context{top:17%;left:-12px}.label-team{right:-10px;bottom:24%;animation-delay:-3s}
.float-label i{width:7px;height:7px;background:#a6e8be;border-radius:50%;box-shadow:0 0 12px #a6e8be66}.float-label b{font-size:20px;font-weight:400;color:#9dc5ff}
.marketing-home #pour-qui{background:linear-gradient(180deg,#181e25,#13171c);border-block:1px solid #ffffff10}
.marketing-home .duo{gap:clamp(24px,6vw,80px)}
.marketing-home .duo h2{font-weight:500;letter-spacing:-.045em;max-width:17ch;font-size:clamp(30px,3.8vw,49px);line-height:1.1}
.marketing-home .duo .lead{font-size:17px;line-height:1.7;color:#cad2dc}
.marketing-home .duo .lead+p{line-height:1.8;color:#a5afba}
.marketing-home #pour-qui .colonnes{gap:18px}
.marketing-home #pour-qui .colonnes>div{position:relative;padding:30px 26px;border:1px solid #8298b32b;border-radius:18px;background:linear-gradient(145deg,#222d3a8c,#192027);transition:transform .3s,border-color .3s,background .3s;overflow:hidden}
.marketing-home #pour-qui .colonnes>div:hover{transform:translateY(-7px);border-color:#97bbf880;background:linear-gradient(145deg,#2b3c538c,#192027)}
.audience-icon{display:block;width:38px;height:38px;color:#abcfff;margin-bottom:29px;stroke:currentColor;stroke-width:1.3;fill:none;stroke-linecap:round;stroke-linejoin:round}
.audience-number{position:absolute;right:24px;top:25px;color:#778493;font:11px var(--font-mono)}
.marketing-home #pour-qui h3{font-size:17px;margin-bottom:12px}.marketing-home #pour-qui .colonnes p{font-size:13px;line-height:1.8}
.marketing-home .section-image{background:#111d2c;border-block:1px solid #6593ca20}
.marketing-home .section-image .fond img{opacity:.13;filter:blur(2px)}
.marketing-home .section-image .fond::after{background:linear-gradient(90deg,#101c2cf2,#101c2cc4 55%,#101c2c77)}
.marketing-home .section-image h2{font-weight:500;letter-spacing:-.045em;max-width:20ch}
.marketing-home .scene{border-color:#7892b42b;box-shadow:0 24px 70px #0003}
.marketing-home .scene-img img{transition:transform 1s cubic-bezier(.2,.7,.2,1)}
@media(hover:hover){.marketing-home .scene-img:hover img{transform:scale(1.025)}}
.marketing-home .lien-suite svg{transition:transform .25s}.marketing-home .lien-suite:hover svg{transform:translateX(5px)}
.marketing-home #bibliotheque,.marketing-home #clients{background:linear-gradient(130deg,#19232d77,transparent 70%)}
.marketing-home #manifeste{background:radial-gradient(ellipse at 80% 100%,#23538b44,transparent 65%),#151c24;border-block:1px solid #7098bd26}
.marketing-home #commencer{position:relative;overflow:hidden;background:radial-gradient(ellipse at 50% 100%,#2558a655,transparent 70%)}
.marketing-home #commencer h2{font-size:clamp(36px,5vw,66px);letter-spacing:-.05em;font-weight:500}
.marketing-home .frise .etape{transition:transform .4s}.marketing-home .frise .etape:hover{transform:translateY(-4px)}
.marketing-site .page-hero{padding-top:70px;padding-bottom:60px;background:radial-gradient(ellipse at 75% 5%,#2b56802c,transparent 65%)}
.marketing-site .page-hero h1{font-size:clamp(36px,5vw,64px);font-weight:500;letter-spacing:-.045em;max-width:23ch}
.marketing-site .page-hero .lead{line-height:1.8;color:#b7c3d1}
.marketing-site .fcard{transition:transform .25s,border-color .25s,background .25s}.marketing-site .fcard:hover{transform:translateY(-5px);border-color:#94bfff77}
.marketing-site .prose h2{letter-spacing:-.025em}
.marketing-home .rise,.marketing-site .rise{opacity:1;transform:none}
.marketing-home.motion-ready .rise:not(.in),.marketing-site.motion-ready .rise:not(.in){opacity:0;transform:translateY(28px)}
.marketing-home .rise,.marketing-site .rise{transition:opacity .85s ease,transform .85s cubic-bezier(.16,1,.3,1)}
.chapter-nav{position:fixed;z-index:40;right:19px;top:50%;transform:translateY(-50%);display:flex;flex-direction:column;gap:16px}
.chapter-nav a{display:block;flex:none;width:7px;height:7px;min-width:0;min-height:0;padding:0;border-radius:50%;background:#7c89985c;transition:background .25s,box-shadow .25s;position:relative}
.chapter-nav a[aria-current="location"]{background:#aacbff;box-shadow:0 0 0 4px #8dbbff15}
.chapter-nav a::before{content:"";position:absolute;inset:-5px}
.chapter-nav a span{position:absolute;right:20px;top:-9px;white-space:nowrap;background:#1c2836;padding:4px 9px;border:1px solid #7493ba40;border-radius:5px;font-size:11px;opacity:0;pointer-events:none;transition:opacity .2s}
.chapter-nav a:hover span,.chapter-nav a:focus-visible span{opacity:1}
.motion-control{position:fixed;z-index:45;right:18px;bottom:18px;border:1px solid #8295b044;border-radius:50px;padding:8px 12px;color:#c1ccda;background:#17212ded;backdrop-filter:blur(12px);font:11px var(--font-sans);cursor:pointer}
.motion-control:hover{border-color:#abc7f0}
@keyframes float-drift{0%,100%{transform:translateY(0)}50%{transform:translateY(-12px)}}
@keyframes light-shift{from{background-position:0% 50%}to{background-position:100% 50%}}
.motion-paused *,.motion-paused *::before,.motion-paused *::after{animation-play-state:paused!important;scroll-behavior:auto!important;transition:none!important}
.motion-paused .rise{opacity:1!important;transform:none!important}
.motion-paused .chassis{transform:none!important}
@media(min-width:1400px){.marketing-home .hero .wrap{max-width:1320px}}
@media(max-width:1100px){.chapter-nav{display:none}.marketing-home .vitrine{padding:0}.label-context{left:10px}.label-team{right:10px}}
@media(max-width:680px){
 .marketing-home .bar,.marketing-site .bar{height:74px}
 .marketing-home .hero{padding-top:40px}.hero-kicker{font-size:8px;letter-spacing:.12em;gap:7px;margin-bottom:22px}
 .marketing-home .hero h1{font-size:clamp(35px,8.9vw,57px)}
 .marketing-home .hero .lead{font-size:15px;line-height:1.75;max-width:36ch}
 .marketing-home .hero-note{font-size:10px;gap:6px}
 .marketing-home .vitrine{margin-top:42px}.marketing-home .chassis{border-radius:9px;transform:none}
 .float-label{font-size:9px;padding:8px 10px;gap:7px;border-radius:8px}.label-context{left:-5px;top:-16px}.label-team{right:-5px;bottom:39px}
 .float-label b{font-size:14px}.marketing-home .legende{font-size:10px;max-width:32ch;margin:22px auto 0}
 .marketing-home .duo .lead{font-size:16px}.marketing-home #pour-qui .colonnes>div{padding:24px}
 .audience-icon{margin-bottom:20px}.motion-control{font-size:0;bottom:12px;right:12px;width:36px;height:36px;padding:0}
 .motion-control::before{content:'Ⅱ';font:14px var(--font-sans)}.motion-paused .motion-control::before{content:'▶';font-size:11px}
 .marketing-site .page-hero{padding-top:40px;padding-bottom:38px}
 .orbit{inset:-20px -40px 20%}.orbit-two{display:none}
}
@media(prefers-reduced-motion:reduce){
 .marketing-home *,.marketing-home *::before,.marketing-home *::after,.marketing-site *,.marketing-site *::before,.marketing-site *::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}
 .marketing-home .chassis,.marketing-home.motion-ready .rise,.marketing-site.motion-ready .rise{transform:none!important;opacity:1!important}
}