/* Accueil immersif — extensions isolées du thème des pages secondaires. */
.motion-home{
  --navy-1:#090d18;--gold:#e5cc94;--gold-2:#cfa968;
  --ink:#f6f3eb;--ink-70:#b0b4bf;--ink-45:#858c9a;
  --border:rgba(220,224,234,.13);--border-gold:rgba(229,204,148,.5);
  background:var(--navy-1);
}
.motion-home .bg{background:linear-gradient(180deg,#080d16,#0c1020 48%,#090d18)}
.motion-home>.orb,.motion-home>.pattern{display:none}
.motion-home main{display:block;position:relative;z-index:1}
.motion-home .footer{position:relative;z-index:1}
.motion-home section[id]{scroll-margin-top:94px}
.motion-home .container{max-width:1280px;padding-inline:clamp(22px,5vw,64px)}
.motion-home button{font-family:inherit}
.motion-home :focus-visible{outline:2px solid var(--gold);outline-offset:6px}
.skip-link{position:fixed;inset:12px auto auto 12px;transform:translateY(-150%);background:var(--gold);color:#090d18;padding:12px 20px;z-index:150;border-radius:8px}
.skip-link:focus{transform:none}
.reading-progress{position:fixed;top:0;left:0;right:0;height:2px;z-index:75;pointer-events:none;direction:ltr}
.reading-progress span{display:block;height:100%;background:var(--gold);transform:scaleX(var(--read-progress,0));transform-origin:left}
.motion-home .nav-in{max-width:1440px;padding:20px 34px}
.motion-home .brand img{width:34px;height:34px;filter:none}
.motion-home .brand .ar{font-size:1.28rem}
.motion-home .nav-links a{font-size:.79rem;padding:9px 11px;border-radius:100px}
.motion-home .nav-cta{color:#151822!important;background:var(--gold);box-shadow:none}
.motion-home .nav.scrolled{background:rgba(9,13,24,.88);border-bottom:1px solid var(--border)}
.motion-home .lang-switch{background:transparent;padding:3px}
.motion-home .lang-switch button{padding:5px 8px;font-size:.69rem}
.motion-home .lang-switch button.active{background:var(--gold)}
.motion-home .burger{background:transparent;border:0}
.motion-home .burger[aria-expanded=true] span:nth-child(1){transform:translateY(7px) rotate(45deg)}
.motion-home .burger[aria-expanded=true] span:nth-child(2){opacity:0}
.motion-home .burger[aria-expanded=true] span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}
.motion-home .hero{min-height:max(780px,100svh);padding:140px 0 130px;isolation:isolate;overflow:hidden}
.ambient-stage{position:fixed;inset:0;z-index:0;pointer-events:none;background:radial-gradient(ellipse at 74% 43%,#23435f22,transparent 58%)}
.ambient-stage::after{content:"";position:absolute;inset:0;background:radial-gradient(ellipse at 65% 45%,transparent 55%,#090d181a 80%,#090d1855)}
#ambient-canvas{display:block;width:100%;height:100%}
#ambient-canvas[hidden]{display:none}
.motion-home .hero::after{content:"";position:absolute;inset:auto 0 0;height:180px;background:linear-gradient(transparent,var(--navy-1));z-index:-1;pointer-events:none}
.motion-home .hero-grid{grid-template-columns:.85fr 1.15fr;gap:24px;position:relative;max-width:1500px}
.galaxy-window{position:relative;min-height:600px;align-self:stretch}
.galaxy-interaction{position:absolute;inset:0 0 35px;width:100%;border:0;border-radius:28px;background:transparent;cursor:grab;touch-action:pan-y pinch-zoom;user-select:none;-webkit-user-select:none}
.galaxy-interaction[data-dragging=true]{cursor:grabbing}
.galaxy-interaction:focus-visible{outline:1px solid #e5cc9455;outline-offset:0}
.galaxy-interaction:disabled{cursor:default}
.galaxy-hint{position:absolute;bottom:0;inset-inline:0;display:flex;align-items:center;justify-content:center;gap:10px;color:#a4acbb;font-size:.875rem;pointer-events:none}
.galaxy-hint i{font-size:.7rem;color:var(--gold)}
.galaxy-controls{display:flex;align-items:center;gap:10px}
.galaxy-replay{width:38px;height:38px;flex:none;border:1px solid var(--border);border-radius:50%;background:#090d1844;color:var(--ink-70);cursor:pointer}
.galaxy-replay:hover{border-color:var(--gold);color:var(--gold)}
.galaxy-replay:disabled{opacity:.35;cursor:default}
.galaxy-interaction[hidden],.galaxy-hint[hidden],.galaxy-replay[hidden]{display:none}
.motion-home.galaxy-unavailable .galaxy-window{display:none}
.motion-home.galaxy-unavailable .hero-grid{grid-template-columns:1fr}
.motion-home.galaxy-unavailable .hero-content{max-width:680px;margin-inline:auto}
.hero-content{position:relative;z-index:2}
.hero-eyebrow{display:flex;align-items:center;gap:10px;color:var(--gold);font-size:.67rem;text-transform:uppercase;font-weight:500;letter-spacing:2.2px;margin-bottom:12px}
.hero-eyebrow>span:first-child{width:5px;height:5px;border-radius:50%;background:var(--gold);box-shadow:0 0 14px rgba(229,204,148,.7);flex:none}
.motion-home .hero h1{font-size:clamp(3.2rem,5.8vw,5.2rem);margin-bottom:10px;color:var(--gold);background:none;padding:.24em 0;line-height:1.35;font-weight:400}
.motion-home .hero .tagline{font-size:clamp(2rem,3.7vw,3.3rem);letter-spacing:-1.9px;font-weight:500;line-height:1.16;max-width:650px;margin-bottom:24px;text-wrap:balance}
.motion-home .hero .lead{font-size:1rem;line-height:1.85;max-width:470px;margin-bottom:32px;text-wrap:pretty}
.motion-home .btn{border-radius:100px;font-size:.83rem;font-weight:600;padding:15px 25px;transition:transform .35s,background .35s,box-shadow .35s}
.motion-home .btn-gold{color:#151822;background:var(--gold);box-shadow:none}
.motion-home .btn-gold:hover{background:#f1dfb6;box-shadow:0 8px 35px rgba(229,204,148,.12)}
.motion-home .btn-ghost{background:rgba(10,15,27,.5)}
.motion-home .hero-cta{margin-bottom:18px;gap:10px}
.hero-note{font-size:.68rem;color:var(--ink-45);letter-spacing:.1px}
.motion-home .hero-visual{position:relative;isolation:isolate;display:flex;align-items:center;flex-direction:column;gap:24px}
.motion-home .phone-wrap{width:100%;transform:translate3d(0,calc(var(--hero-progress,0)*-45px),0);perspective:1300px}
.motion-home .phone{width:258px;height:558px;padding:9px;border-radius:40px;background:linear-gradient(135deg,#444752,#101522 30%,#262a36 95%);box-shadow:0 36px 80px #0008,0 0 0 1px #b8b5a638;animation:device-drift 9s ease-in-out infinite}
.motion-home .phone::before{top:9px;height:21px;width:118px;background:#30333d;border-radius:0 0 14px 14px}
.motion-home .phone-screen{border-radius:32px}
.motion-home .phone-glow{display:none}
@keyframes device-drift{0%,100%{transform:translateY(0) rotateY(-9deg) rotateZ(2deg)}50%{transform:translateY(-12px) rotateY(-3deg) rotateZ(0)}}
.preview-layout{display:grid;grid-template-columns:1fr 1fr;gap:65px;align-items:center;margin-bottom:80px}
.motion-home .preview-layout .sec-head{text-align:start;margin:0;max-width:520px}
.motion-home .preview-layout .sec-head p{margin-inline:0}
.motion-home .app-preview .phone-wrap{transform:none}
.phone-controls{display:flex;align-items:center;gap:24px;direction:ltr;position:relative;z-index:3}
.phone-controls button{border:1px solid var(--border);width:34px;height:34px;border-radius:50%;background:#0c111e99;color:var(--ink-70);cursor:pointer;transition:border-color .2s,color .2s}
.phone-controls button:hover{border-color:var(--gold);color:var(--gold)}
.phone-count{font-size:.62rem;letter-spacing:2px;color:var(--ink-45);font-variant-numeric:tabular-nums}
#phone-current{color:var(--gold)}
.count-divider{padding:0 7px;opacity:.45}
.hero-bottom{position:absolute;bottom:28px;left:50%;transform:translateX(-50%);display:flex;justify-content:space-between;align-items:center;gap:20px}
.scroll-cue{display:flex;gap:18px;align-items:center;color:var(--ink-70);font-size:.64rem;letter-spacing:.2px}
.scroll-cue i{color:var(--gold);animation:scroll-nudge 2.8s ease-in-out infinite}
@keyframes scroll-nudge{0%,100%{transform:none}50%{transform:translateY(5px)}}
.motion-toggle{display:flex;align-items:center;gap:9px;background:transparent;border:1px solid var(--border);color:var(--ink-70);border-radius:100px;padding:10px 15px;font-size:.6rem;cursor:pointer}
.motion-toggle:hover{border-color:var(--gold);color:var(--gold)}
.motion-home .trust{justify-content:space-between;gap:18px;border-block:1px solid var(--border);padding:24px 0;margin:0}
.motion-home .trust .chip{border:0;padding:0;background:none;font-size:.65rem;gap:8px}
.motion-home .trust .chip i{font-size:.7rem;opacity:.75}
.motion-home .sec{padding:120px 0}
.motion-home .sec-head{max-width:740px;margin-bottom:65px}
.motion-home .sec-head .kicker,.motion-home .band .kicker{font-size:.63rem;font-weight:500;letter-spacing:2.4px;margin-bottom:22px}
.motion-home .sec-head h2{font-size:clamp(2.2rem,4.7vw,4rem);font-weight:500;letter-spacing:-1.9px;line-height:1.12;text-wrap:balance;margin-bottom:24px}
.motion-home .sec-head p{font-size:.95rem;line-height:1.9;max-width:550px;margin-inline:auto}
.journey{background:radial-gradient(ellipse at 80% 50%,#151a2f66,transparent 55%)}
.journey-layout{display:grid;grid-template-columns:1fr 1fr;gap:100px;align-items:start;position:relative}
.journey-step{min-height:480px;display:flex;flex-direction:column;justify-content:center;padding:65px 0;border-bottom:1px solid var(--border);transition:opacity .6s}
.journey-step:last-child{border:0}
.chapter-number{font-size:.65rem;letter-spacing:3px;color:var(--gold);margin-bottom:24px;direction:ltr;text-align:start}
.journey-step h3{font-size:clamp(1.7rem,3vw,2.65rem);font-weight:500;line-height:1.2;letter-spacing:-1px;margin-bottom:25px;text-wrap:balance}
.journey-step p{font-size:.92rem;line-height:1.95;color:var(--ink-70);max-width:430px}
.chapter-detail{display:block;margin-top:28px;color:var(--gold);font-size:.63rem;letter-spacing:.4px}
.journey-visual{position:sticky;top:calc(50vh - 270px);height:540px;display:flex;align-items:center;justify-content:center;isolation:isolate}
.journey-device{width:235px;aspect-ratio:1080/2424;position:relative;border:7px solid #2e3240;border-radius:36px;box-shadow:0 30px 60px #0005;overflow:hidden;background:#0d101d;transform:rotate(3deg);transition:transform 1s cubic-bezier(.2,.8,.2,1)}
.journey-screen{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0;transform:scale(1.045);transition:opacity .7s,transform 1.1s}
.journey-screen.is-active{opacity:1;transform:scale(1)}
.journey-halo{position:absolute;width:440px;height:440px;border:1px solid #e5cc9422;border-radius:50%;z-index:-1;background:radial-gradient(circle,#cbb88814,transparent 66%)}
.journey-halo::before{content:"";position:absolute;inset:-36px;border:1px solid #e5cc940b;border-radius:50%}
.journey-indicators{position:absolute;bottom:-25px;display:flex;gap:10px;direction:ltr}
.journey-indicators span{width:5px;height:5px;border-radius:10px;background:#ffffff30;transition:width .4s,background .4s}
.journey-indicators span.is-active{width:26px;background:var(--gold)}
.motion-home #features{border-top:1px solid var(--border)}
.motion-home .grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.motion-home .card{border-radius:20px;padding:35px 28px;background:rgba(255,255,255,.025);transition:transform .4s,border-color .4s,background .4s}
.motion-home .card::before{content:"";position:absolute;inset:0;background:radial-gradient(500px circle at var(--pointer-x,50%) var(--pointer-y,0%),#e5cc9410,transparent 45%);opacity:0;transition:opacity .4s;pointer-events:none}
.motion-home .card:hover::before{opacity:1}
.motion-home .card::after{pointer-events:none}
.motion-home .card:hover{transform:translateY(-5px);border-color:#e5cc9440;background:#ffffff05}
.motion-home .ic{background:none;border:0;border-radius:0;width:auto;height:38px;display:flex;justify-content:flex-start;font-size:1.25rem;margin-bottom:24px}
.motion-home .card h3{font-size:1.05rem;font-weight:500;line-height:1.5;margin-bottom:14px}
.motion-home .card p{font-size:.81rem;line-height:1.9}
.motion-home #ecole{padding-top:30px}
.motion-home .band{background:radial-gradient(ellipse at 80% 40%,#b4ac7e18,transparent 60%),#ffffff03;border-radius:28px;padding:64px 50px;gap:60px}
.motion-home .band h2{font-size:clamp(2rem,3.2vw,3rem);font-weight:500;line-height:1.2;letter-spacing:-1px;margin:24px 0}
.motion-home .band p,.motion-home .band li{font-size:.85rem;line-height:1.85}
.motion-home .band li{color:var(--ink-70)}
.motion-home .band-visual{transform:translateY(calc(var(--band-progress,0)*-18px))}
.motion-home .mini-phone{border-color:#292d3b;border-width:5px;border-radius:24px;width:clamp(105px,14vw,160px)}
.motion-home #outils .grid{grid-template-columns:repeat(4,minmax(0,1fr))}
.motion-home #outils .card{padding:30px 23px}
.motion-home #tutoriels{border-top:1px solid var(--border)}
.motion-home .tuto-tab{font-size:.75rem;font-weight:500;padding:12px 20px}
.motion-home .tuto-tab.active{background:var(--gold)}
.motion-home .tuto-card{border-radius:16px}
.motion-home .tuto-card .play{background:#e5cc94ed;color:#151822;border-radius:50%;width:40px;height:40px}
.motion-home .tuto-links{font-size:.72rem;margin-top:18px}
.motion-home .tuto-links a{font-weight:500}
.motion-home .gallery{padding-inline:max(24px,calc((100vw - 1152px)/2));padding-bottom:45px;gap:30px}
.motion-home .shot{width:220px;border-color:#262a38;border-width:6px;transform:rotate(-3deg);border-radius:28px}
.motion-home .shot:nth-child(even){transform:translateY(20px) rotate(3deg)}
.motion-home .shot:hover{transform:translateY(-8px) rotate(0)}
.motion-home .gallery:focus-visible{outline-offset:-4px}
.manifesto{padding:80px 24px 100px;text-align:center;border-bottom:1px solid var(--border)}
.manifesto .quote{border:0;background:none;max-width:880px;margin:auto;padding:0}
.manifesto .quote .q{font-size:clamp(1.7rem,4vw,2.8rem);line-height:1.9;margin-bottom:20px}
.manifesto .quote .t{font-size:.85rem;font-style:normal}
.manifesto .quote .r{font-size:.67rem;margin-top:15px}
.motion-home #download{background:radial-gradient(ellipse at 50% 70%,#d9b97812,transparent 62%)}
.motion-home .badge{background:#101420;min-width:188px;border-radius:14px;padding:16px 22px}
.motion-home .badge .b-main{font-size:1.05rem;font-weight:500}
.motion-home .badge .b-sub{font-size:.6rem;margin-bottom:3px}
.motion-home .dl-note{font-size:.72rem}
.motion-home #faq{padding-top:50px}
.motion-home .faq{gap:0;max-width:820px}
.motion-home .qa{background:none;border:0;border-bottom:1px solid var(--border);border-radius:0}
.motion-home .qa summary{font-size:.88rem;font-weight:500;padding:24px 0}
.motion-home .qa .a{font-size:.83rem;line-height:1.85;padding:0 35px 24px 0}
.motion-home .footer{margin-top:0;padding-top:60px}
.motion-home .f-grid p,.motion-home .footer ul a{font-size:.78rem;line-height:1.9}
.motion-home .footer h4{font-size:.75rem;font-weight:500}
.motion-home .f-bottom{font-size:.66rem}
html.motion-paused{scroll-behavior:auto}
.motion-paused *, .motion-paused *::before, .motion-paused *::after{animation-play-state:paused!important}
.motion-paused .phone-wrap,.motion-paused .band-visual{transform:none}
.motion-paused .journey-screen,.motion-paused .journey-device{transition:none}
[dir=rtl] .motion-home .hero-eyebrow,[dir=rtl] .motion-home .chapter-detail{letter-spacing:0}
[dir=rtl] .motion-home .hero .tagline,[dir=rtl] .motion-home h2,[dir=rtl] .motion-home .journey-step h3{letter-spacing:0;line-height:1.5}
[dir=rtl] .motion-home .hero-grid{direction:rtl}
[dir=rtl] .motion-home .qa .a{padding:0 0 24px 35px}
[dir=rtl] .motion-home .manifesto .quote{border:0}
@media(min-width:1500px){.motion-home .hero-grid{gap:55px}.motion-home .phone{width:285px;height:618px}}
@media(max-width:1100px){
  .motion-home .nav-links a{padding-inline:8px;font-size:.73rem}
  .motion-home .nav-in{padding-inline:22px}
  .motion-home .brand .ar{display:none}
  .motion-home .hero-grid{gap:36px}
  .journey-layout{gap:55px}
  .motion-home #outils .grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .motion-home .band{padding:45px 32px;gap:36px}
}
@media(max-width:900px){
  .motion-home .brand .ar{display:block}
  .motion-home .nav-links a{font-size:.9rem;width:100%;text-align:center;padding:12px}
  .motion-home .nav-links{background:#090d18f5;gap:4px;max-height:calc(100svh - 76px);overflow:auto}
  .motion-home .hero{padding-top:125px;min-height:auto}
  .motion-home .hero-grid{grid-template-columns:1fr;text-align:center;gap:50px}
  .galaxy-window{min-height:480px;width:100%;max-width:650px;margin-inline:auto;order:-1}
  .galaxy-interaction{inset:0;width:100%}
  .galaxy-hint{bottom:2px}
  .hero-eyebrow{justify-content:center}
  .motion-home .hero .tagline{max-width:640px;margin-inline:auto;font-size:clamp(2.4rem,6vw,3.4rem)}
  .motion-home .hero .lead{max-width:480px}
  .motion-home .hero-visual{order:0;margin-bottom:20px}
  .motion-home .phone{width:234px;height:512px}
  .motion-home .trust{justify-content:center;gap:18px 28px}
  .motion-home .grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .motion-home .band{grid-template-columns:1fr;gap:55px}
  .motion-home .mini-phone{width:165px}
  .motion-home .band-visual{padding-top:10px}
  .journey-layout{gap:35px}
  .journey-step{min-height:440px}
  .journey-device{width:205px;border-radius:28px}
  .journey-visual{height:480px;top:calc(50vh - 200px)}
  .journey-halo{width:280px;height:280px}
  .hero-bottom{bottom:22px}
  .scroll-cue{font-size:.6rem;max-width:48%}
  .motion-toggle{font-size:.56rem;padding:10px}
}
@media(max-width:600px){
  .motion-home .hero{padding:105px 0 105px}
  .motion-home .hero-grid{gap:28px}
  .hero-eyebrow{font-size:.55rem;letter-spacing:1.6px;margin:10px 0 4px}
  .motion-home .hero h1{font-size:3.2rem;margin-bottom:8px}
  .motion-home .hero .tagline{font-size:2.25rem;letter-spacing:-1.1px}
  .motion-home .hero .lead{font-size:.88rem;line-height:1.8}
  .motion-home .btn{font-size:.73rem;padding:14px 21px}
  .hero-note{font-size:.6rem}
  .motion-home .phone{width:216px;height:478px}
  .galaxy-window{min-height:330px}
  .galaxy-controls{max-width:55%;gap:6px}
  .galaxy-controls .motion-toggle{max-width:none;font-size:.62rem}
  .galaxy-hint{font-size:.72rem}
  .preview-layout{grid-template-columns:1fr;gap:40px;margin-bottom:60px}
  .motion-home .preview-layout .sec-head{text-align:center}
  .motion-home .hero-visual{gap:22px}
  .hero-bottom{gap:16px}
  .scroll-cue{font-size:.55rem;line-height:1.7;gap:12px;max-width:45%}
  .motion-toggle{font-size:.52rem;max-width:50%;text-align:start;line-height:1.5}
  .motion-home .sec{padding:80px 0}
  .motion-home .sec-head{margin-bottom:40px}
  .motion-home .sec-head h2{font-size:2.3rem;letter-spacing:-1px}
  .motion-home .sec-head p{font-size:.85rem}
  .motion-home .sec-head .kicker{font-size:.56rem;letter-spacing:1.8px}
  .journey-layout{grid-template-columns:1fr;gap:0}
  .journey-visual{display:none}
  .journey-step{min-height:auto;padding:38px 0}
  .journey-step h3{font-size:1.8rem}
  .journey-step p{font-size:.84rem}
  .chapter-number{margin-bottom:18px}
  .chapter-detail{font-size:.59rem;margin-top:20px}
  .motion-home .grid,.motion-home #outils .grid{grid-template-columns:1fr}
  .motion-home .card,.motion-home #outils .card{padding:28px}
  .motion-home #ecole{padding-top:10px}
  .motion-home .band{padding:38px 24px;border-radius:22px}
  .motion-home .band h2{font-size:2rem}
  .motion-home .band p,.motion-home .band li{font-size:.8rem}
  .motion-home .mini-phone{width:clamp(105px,31vw,150px);border-width:4px;border-radius:19px}
  .motion-home .band-visual{gap:12px}
  .motion-home .tuto-tabs{gap:7px}
  .motion-home .tuto-tab{font-size:.61rem;padding:10px 12px}
  .motion-home .tuto-links{font-size:.65rem;line-height:1.9}
  .motion-home .shot{width:190px}
  .manifesto{padding:45px 22px 65px}
  .manifesto .quote .q{font-size:1.8rem}
  .manifesto .quote .t{font-size:.75rem}
  .motion-home .badges{gap:12px}
  .motion-home .badge{min-width:218px;justify-content:center}
  .motion-home .qa summary{font-size:.81rem}
}
@media(prefers-reduced-motion:reduce){
  html{scroll-behavior:auto!important}
  .motion-home *, .motion-home *::before, .motion-home *::after{animation:none!important;transition:none!important}
  .motion-home .phone-wrap,.motion-home .band-visual{transform:none}
}