/* Variante d’accueil : composition immersive, limitée à la hero et sa navigation. */
@font-face{font-family:'Instrument Serif';font-style:normal;font-weight:400;font-display:swap;src:url('assets/fonts/InstrumentSerif-Regular.ttf') format('truetype')}
@font-face{font-family:'Instrument Serif';font-style:italic;font-weight:400;font-display:swap;src:url('assets/fonts/InstrumentSerif-Italic.ttf') format('truetype')}
.immersive-home {
  --surface-hero-night: oklch(.25 .055 255);
  --surface-glass-nav: oklch(.24 .035 255 / .63);
  --surface-glass-action: oklch(.98 .005 250 / .12);
  --line-glass: oklch(.98 .005 250 / .25);
  --text-hero: oklch(.99 .004 85);
  --text-hero-muted: oklch(.94 .012 250);
  --font-hero-editorial: 'Instrument Serif', Georgia, serif;
}
.version-four.immersive-home .topbar {
  position: fixed; top: 16px; left: 28px; right: 28px; width: auto;
  border: 1px solid var(--line-glass); border-radius: 20px;
  background: var(--surface-glass-nav); backdrop-filter: blur(18px);
  -webkit-backdrop-filter: blur(18px); box-shadow: var(--elevation-lg);
}
.version-four.immersive-home .topbar-in {width:100%;max-width:none;padding-inline:24px;min-height:68px;gap:1.2rem}
.version-four.immersive-home .topnav {gap:1rem}
.version-four.immersive-home .topnav>a,.immersive-home .nav-trigger {color:var(--text-hero-muted)}
.version-four.immersive-home .login-link {border-color:var(--line-glass);border-radius:10px}
.version-four.immersive-home .nav-trial {border-radius:10px}
.version-four.immersive-home .mega-panel {top:calc(100% + 10px);border-radius:16px}
.version-four.immersive-home .hero-immersive {
  position:relative; isolation:isolate; width:100%; max-width:none; margin:0;
  padding:0; border-radius:0; overflow:hidden; min-height:820px;
  height:min(1000px,100svh); background:var(--surface-hero-night); color:var(--text-hero);
}
.immersive-backdrop {position:absolute;inset:0;z-index:-2;width:100%;height:100%;object-fit:cover;object-position:center 64%}
.hero-immersive::after {content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,color-mix(in oklch,var(--surface-hero-night) 34%,transparent),color-mix(in oklch,var(--surface-hero-night) 32%,transparent) 48%,transparent 78%)}
.immersive-copy {text-align:center;padding-top:clamp(175px,23vh,255px);padding-bottom:300px}
.immersive-copy>.eyebrow {font-size:.65rem;letter-spacing:.15em;color:var(--text-hero-muted);margin:0 auto 1.65rem;max-width:none}
.version-four .hero-immersive h1 {text-align:center;font-family:var(--font-hero-editorial);font-size:clamp(3.1rem,5.25vw,5.4rem);font-weight:400;letter-spacing:-.055em;line-height:1.06;max-width:none;margin:0 auto;color:var(--text-hero)}
.hero-immersive h1 em {font-weight:400;font-style:italic}
.version-four .hero-immersive .hero-sub {text-align:center;font-size:1rem;line-height:1.7;max-width:52ch;margin:1.6rem auto 0;color:var(--text-hero-muted)}
.version-four .hero-immersive .hero-cta {display:flex;justify-content:center;align-items:center;gap:.75rem;margin:1.75rem auto 0;flex-wrap:wrap}
.hero-immersive .hero-cta>.btn,.immersive-demo {min-height:46px;padding:.8rem 1.2rem;border-radius:30px;font-size:.8125rem;font-weight:600}
.immersive-demo {display:inline-flex;align-items:center;gap:.5rem;border:1px solid var(--line-glass);background:var(--surface-glass-action);backdrop-filter:blur(8px);color:var(--text-hero);text-decoration:none}
.immersive-demo svg {width:20px;height:20px}
.immersive-demo:hover {background:color-mix(in oklch,var(--surface-glass-action) 80%,var(--text-hero) 20%)}
@media(min-width:1600px){.version-four.immersive-home .topbar{left:calc((100% - 1480px)/2);right:calc((100% - 1480px)/2)}}
@media(max-width:1180px){.version-four.immersive-home .topbar-in{padding-inline:18px;gap:1rem}.version-four.immersive-home .topnav{gap:.75rem}.immersive-copy{padding-top:185px}}
@media(max-width:960px){.version-four.immersive-home .topbar{left:16px;right:16px;top:12px;border-radius:16px}.version-four.immersive-home .topbar-in{min-height:64px}.version-four.immersive-home .topnav{top:calc(100% + 10px);border-radius:16px;max-height:calc(100dvh - 104px)}.version-four.immersive-home .mega-panel{position:static;margin-top:.3rem}.version-four.immersive-home .hero-immersive{height:860px;min-height:0}.immersive-copy{padding-top:190px}.immersive-backdrop{object-position:58% center}}
@media(max-width:700px){.version-four.immersive-home .topbar{left:10px;right:10px;top:10px}.version-four.immersive-home .topbar-in{min-height:60px;padding-inline:12px;gap:.5rem}.version-four.immersive-home .hero-immersive{height:790px}.immersive-copy{padding-top:157px;padding-bottom:280px}.immersive-copy>.eyebrow{max-width:30ch;font-size:.5625rem;line-height:1.7;margin-bottom:1.3rem}.version-four .hero-immersive h1{font-size:clamp(2.65rem,7.6vw,3.7rem);letter-spacing:-.055em;line-height:1.1}.version-four .hero-immersive .hero-sub{font-size:.875rem;max-width:35ch;margin-top:1.3rem}.hero-immersive .hero-sub br{display:none}.version-four .hero-immersive .hero-cta{gap:.65rem;margin-top:1.4rem}.hero-immersive .hero-cta>.btn,.immersive-demo{font-size:.75rem;padding:.75rem 1rem}.immersive-backdrop{object-position:86% center}.hero-immersive::after{background:linear-gradient(180deg,color-mix(in oklch,var(--surface-hero-night) 68%,transparent),color-mix(in oklch,var(--surface-hero-night) 48%,transparent) 53%,transparent 80%)}}
@media(max-width:380px){.version-four.immersive-home .topbar-in{padding-inline:9px;gap:.35rem}.version-four .hero-immersive h1{font-size:2.35rem}.immersive-copy{padding-top:145px}.version-four .hero-immersive .hero-sub{font-size:.8125rem}.hero-immersive .hero-cta>.btn,.immersive-demo{font-size:.6875rem;padding-inline:.8rem}.version-four.immersive-home .hero-immersive{height:755px}}
/* Ciel discret et navigation qui se resserre une fois la hero passée. */
.immersive-home{--tone-star:oklch(.94 .11 90);--tone-star-clear:oklch(.94 .11 90 / 0)}
.version-four .hero-immersive h1{letter-spacing:-.025em;font-size:clamp(3.4rem,5.8vw,5.7rem)}
.hero-sky{position:absolute;inset:0;z-index:0;pointer-events:none;overflow:hidden;mask-image:linear-gradient(90deg,transparent 8%,var(--text) 22%,var(--text) 78%,transparent 92%)}
.immersive-copy{position:relative;z-index:1}
.shooting-star{position:absolute;width:140px;height:1.5px;opacity:0;border-radius:50%;background:linear-gradient(90deg,var(--tone-star-clear),var(--tone-star));transform:rotate(28deg);animation:tempo-shooting-star 12s linear infinite;animation-play-state:paused}
.shooting-star::after{content:'';position:absolute;right:0;top:-.5px;width:3px;height:3px;box-shadow:0 0 7px 2px var(--tone-star);background:var(--tone-star);border-radius:50%}
.star-one{left:64%;top:15%;animation-delay:1s}
.star-two{left:22%;top:11%;width:100px;animation-duration:16s;animation-delay:5s}
.star-three{left:73%;top:25%;width:110px;animation-duration:19s;animation-delay:9s}
.star-four{left:35%;top:9%;width:85px;animation-duration:23s;animation-delay:14s}
.hero-immersive[data-sky-active=true] .shooting-star{animation-play-state:running}
@keyframes tempo-shooting-star{0%,1%{opacity:0;transform:translate(0,0) rotate(28deg)}2.4%{opacity:.95}4.5%{opacity:.7}6%{opacity:1}12%{opacity:0;transform:translate(215px,114px) rotate(28deg)}100%{opacity:0;transform:translate(215px,114px) rotate(28deg)}}
.version-four.immersive-home .topbar{left:50%;right:auto;width:min(1160px,calc(100% - 64px));transform:translateX(-50%);border-radius:17px;transition:width .48s cubic-bezier(.22,1,.36,1),background .35s,border-radius .4s}
.version-four.immersive-home .topbar-in{min-height:60px;padding-inline:20px;gap:1rem;transition:min-height .4s,padding .4s,gap .4s}
.version-four.immersive-home .topbar .brand img{width:84px}
.version-four.immersive-home .topbar .brand>span{display:none}
.version-four.immersive-home .topbar .brand{transition:opacity .2s}
.version-four.immersive-home .topnav{transition:opacity .2s}
.version-four.immersive-home .mega-panel{max-height:calc(100dvh - 108px);overflow:auto;left:80px}
.version-four.immersive-home .topbar.is-compact{width:min(940px,calc(100% - 96px));border-radius:16px;background:var(--surface-glass-nav)}
.version-four.immersive-home .topbar.is-compact .topbar-in{padding-inline:22px;min-height:56px;gap:1rem;justify-content:space-between}
.version-four.immersive-home .topbar.is-compact .topnav,.version-four.immersive-home .topbar.is-compact .menu-toggle{position:absolute;visibility:hidden;opacity:0;pointer-events:none}
.version-four.immersive-home .topbar.is-compact .nav-actions{margin-left:auto;gap:.6rem}
.version-four.immersive-home .topbar.is-compact .login-link{display:inline-flex;align-items:center}
@media(max-width:1100px) and (min-width:961px){.version-four.immersive-home .topbar{width:calc(100% - 32px)}.version-four.immersive-home .topbar-in{padding-inline:14px;gap:.75rem}.version-four.immersive-home .topnav{gap:.65rem}.version-four.immersive-home .topnav>a,.immersive-home .nav-trigger{font-size:.75rem}}
@media(max-width:960px){.version-four.immersive-home .topbar{width:min(680px,calc(100% - 28px))}.version-four.immersive-home .topbar-in{min-height:58px;padding-inline:16px}.version-four.immersive-home .mega-panel{max-height:none}.version-four.immersive-home .topbar.is-compact{width:min(620px,calc(100% - 36px))}}
@media(max-width:700px){.version-four.immersive-home .topbar{width:calc(100% - 24px)}.version-four.immersive-home .topbar-in{min-height:54px;padding-inline:10px;gap:.4rem}.version-four.immersive-home .topbar .brand img{width:68px}.version-four .hero-immersive h1{font-size:clamp(2.8rem,8.7vw,3.8rem);letter-spacing:-.025em}.shooting-star{width:70px}.star-one{left:55%;top:12%}.star-two{left:16%;top:16%}.version-four.immersive-home .topbar.is-compact{width:calc(100% - 28px)}.version-four.immersive-home .topbar.is-compact .login-link{font-size:.6875rem;padding:.6rem .55rem}.version-four.immersive-home .topbar.is-compact .nav-trial{font-size:.6875rem;padding:.65rem .6rem}}
@media(max-width:380px){.version-four.immersive-home .topbar .brand img{width:58px}.version-four .hero-immersive h1{font-size:2.65rem}.version-four.immersive-home .topbar.is-compact .login-link,.version-four.immersive-home .topbar.is-compact .nav-trial{font-size:.6875rem}}
@media(prefers-reduced-motion:reduce){.shooting-star{display:none;animation:none}.version-four.immersive-home .topbar,.version-four.immersive-home .topbar-in,.version-four.immersive-home .topbar .brand,.version-four.immersive-home .topnav{transition:none}}

@media(max-width:700px){.version-four.immersive-home .topbar.is-compact .topbar-in{padding-inline:10px;gap:.4rem}.version-four.immersive-home .topbar.is-compact .nav-actions{gap:.4rem}.version-four.immersive-home .topbar.is-compact .brand img{width:60px}.star-three{left:67%;top:22%}.star-four{left:29%;top:8%}}
@media(max-width:380px){.version-four.immersive-home .topbar.is-compact .brand img{width:48px}.version-four.immersive-home .topbar.is-compact .login-link,.version-four.immersive-home .topbar.is-compact .nav-trial{font-size:.625rem;padding-inline:.45rem}}

.version-four.immersive-home .login-link{text-decoration:none}