:root {--asset-rev:"sbz-8f31d6a4-56ro-2026";--bg-deep: #081120;--bg-navy: #0d1b30;--navy: #14385c;--card: #112544;--orange: #e07030;--orange-hot: #f0913c;--cream: #f6f1ea;--ink: #1a2333;--ink-soft: #5a6a80;--line: rgba(240, 145, 60, .25);--glass: rgba(255, 255, 255, .05);--glass-border: rgba(255, 255, 255, .1);}* { box-sizing: border-box; margin: 0; padding: 0; }html { scroll-behavior: smooth; }html.lenis { scroll-behavior: auto; }html.lenis, html.lenis body { height: auto; }.lenis:not(.lenis-autoToggle).lenis-stopped { overflow: clip; }.lenis [data-lenis-prevent], .lenis [data-lenis-prevent-wheel], .lenis [data-lenis-prevent-touch], .lenis [data-lenis-prevent-vertical], .lenis [data-lenis-prevent-horizontal] { overscroll-behavior: contain; }.lenis.lenis-smooth iframe { pointer-events: none; }.lenis.lenis-autoToggle { transition-property: overflow; transition-duration: 1ms; transition-behavior: allow-discrete; }.sr-only {position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px;overflow: hidden; clip: rect(0 0 0 0); clip-path: inset(50%); white-space: nowrap; border: 0;}body {font-family: "Segoe UI", -apple-system, BlinkMacSystemFont, Arial, sans-serif;background: var(--bg-deep);color: #e8eef5;line-height: 1.65;overflow-x: hidden;}::selection { background: var(--orange); color: #fff; }.container { max-width: 1280px; margin: 0 auto; padding: 0 24px; }#monde {position: fixed; top: 0; left: 0; z-index: -1;width: 100%; height: 100vh; height: 100lvh;display: block; pointer-events: none;opacity: 0; transition: opacity 1.6s ease;}#monde.is-live { opacity: 1; }html.monde-actif #stars { display: none; }html.monde-actif .communes {background: linear-gradient(180deg, rgba(8, 17, 32, 0) 0%, rgba(240, 145, 60, .05) 50%, rgba(8, 17, 32, 0) 100%), rgba(7, 15, 28, .72);-webkit-mask-image: linear-gradient(90deg, transparent, #000 clamp(48px, 10vw, 140px), #000 calc(100% - clamp(48px, 10vw, 140px)), transparent);mask-image: linear-gradient(90deg, transparent, #000 clamp(48px, 10vw, 140px), #000 calc(100% - clamp(48px, 10vw, 140px)), transparent);}html.monde-actif .communes::before,html.monde-actif .communes::after { display: none; }html.monde-actif .bande-mobile {background:
radial-gradient(120% 90% at 78% 40%, rgba(240, 145, 60, .14), rgba(240, 145, 60, 0) 62%),linear-gradient(180deg, rgba(6, 13, 26, .8) 0%, rgba(10, 21, 38, .66) 55%, rgba(6, 13, 26, .8) 100%);}html.monde-actif .nfc-section {background:
radial-gradient(900px 480px at 85% 10%, rgba(224, 112, 48, .12), transparent 60%),radial-gradient(700px 420px at 10% 90%, rgba(20, 56, 92, .45), transparent 65%),rgba(13, 27, 48, .7);}html.monde-actif .parcours { background: linear-gradient(180deg, rgba(8, 17, 32, .76), rgba(13, 27, 48, .64) 40%, rgba(8, 17, 32, .76)); }html.monde-actif .emails { background: linear-gradient(180deg, rgba(13, 27, 48, .66), rgba(8, 17, 32, .76)); }html.monde-actif .options { background: linear-gradient(180deg, rgba(8, 17, 32, .62), rgba(13, 27, 48, .48) 50%, rgba(8, 17, 32, .62)); }html.monde-actif #realisation,html.monde-actif #faq { background: rgba(8, 17, 32, .38); }html.monde-actif .cta-band {background:
radial-gradient(600px 280px at 85% 20%, rgba(240, 145, 60, .22), transparent 60%),linear-gradient(135deg, rgba(10, 22, 40, .74) 0%, rgba(17, 37, 68, .62) 55%, rgba(13, 27, 48, .74) 100%) !important;}#progress {position: fixed; top: 0; left: 0; height: 3px; width: 0%;background: linear-gradient(90deg, var(--orange), var(--orange-hot));z-index: 1000; box-shadow: 0 0 12px rgba(240, 145, 60, .8);}header {position: fixed; top: 0; left: 0; right: 0; z-index: 900;padding: 18px 0; transition: padding .35s ease, background .35s ease, border-color .35s ease, box-shadow .35s ease;}header.scrolled {background: rgba(8, 17, 32, .88);backdrop-filter: blur(18px) saturate(1.2);-webkit-backdrop-filter: blur(18px) saturate(1.2);padding: 10px 0;border-bottom: 1px solid rgba(240, 145, 60, .18);box-shadow: 0 12px 40px rgba(0, 0, 0, .35);}.header-inner {display: grid; grid-template-columns: minmax(max-content, 1fr) auto minmax(max-content, 1fr);align-items: center; gap: 24px;max-width: none; margin: 0; padding: 0 clamp(16px, 3vw, 40px); position: relative;}.brand-cluster {display: flex; align-items: center; gap: 12px; flex-shrink: 0; min-width: 0;}.brand {display: inline-flex; align-items: center; gap: 12px;font-weight: 800; font-size: 22px; color: #fff; text-decoration: none; letter-spacing: -.02em;white-space: nowrap; line-height: 1;}.brand-mark {width: 56px; height: 56px; border-radius: 50%;flex-shrink: 0; display: block; object-fit: cover;box-shadow: 0 0 0 2px rgba(240, 145, 60, .4), 0 8px 22px rgba(0, 0, 0, .4);transition: transform .3s cubic-bezier(.2,.7,.2,1), box-shadow .3s ease, width .25s ease, height .25s ease;}.brand:hover .brand-mark {transform: translateY(-2px) scale(1.05);box-shadow: 0 0 0 2px rgba(240, 145, 60, .7), 0 12px 28px rgba(224, 112, 48, .35);}.brand-name { display: inline-flex; align-items: baseline; white-space: nowrap; }.brand-name em,.brand em { font-style: normal; color: var(--orange-hot); }header.scrolled .brand-mark { width: 48px; height: 48px; }header.scrolled .brand { font-size: 20px; }@media (max-width: 520px) {.brand { font-size: 18px; gap: 10px; }.brand-mark { width: 44px; height: 44px; }header.scrolled .brand-mark { width: 40px; height: 40px; }}nav { display: flex; gap: 12px; align-items: center; flex-wrap: nowrap; flex-shrink: 0; }nav a { color: #b9c8d8; text-decoration: none; font-size: 13px; position: relative; white-space: nowrap; }nav a::after {content: ""; position: absolute; left: 0; bottom: -4px; width: 0%; height: 2px;background: var(--orange-hot); transition: width .3s ease;}nav a:hover { color: #fff; }nav a:hover::after { width: 100%; }.nav-toggle {display: none; flex-direction: column; justify-content: center; gap: 5px;width: 42px; height: 42px; border-radius: 10px; border: 1px solid var(--glass-border);background: var(--glass); cursor: var(--curseur-main); padding: 10px; flex-shrink: 0;}.nav-toggle span {display: block; height: 2px; width: 100%; background: #e8eef5; border-radius: 2px;transition: transform .25s ease, opacity .25s ease;}.nav-toggle.open span:nth-child(1) { transform: translateY(7px) rotate(45deg); }.nav-toggle.open span:nth-child(2) { opacity: 0; }.nav-toggle.open span:nth-child(3) { transform: translateY(-7px) rotate(-45deg); }.header-cta-group { display: flex; align-items: center; gap: 10px; flex-shrink: 0; justify-self: end; }.header-cta {display: inline-flex; align-items: center; gap: 8px;background: linear-gradient(135deg, var(--orange), var(--orange-hot));color: #fff; text-decoration: none; font-weight: 700; font-size: 14px; line-height: 1.2;padding: 10px 20px; border-radius: 999px; white-space: nowrap;box-shadow: 0 4px 18px rgba(224, 112, 48, .35);transition: transform .25s ease, box-shadow .25s ease, border-color .25s ease, color .25s ease;border: 1.5px solid transparent;}.header-cta:hover { transform: translateY(-2px); box-shadow: 0 8px 26px rgba(224, 112, 48, .5); }.header-cta--contour {background: transparent; box-shadow: none;border-color: rgba(255,255,255,.3); color: #e8eef5;}.header-cta--contour:hover { border-color: var(--orange-hot); color: var(--orange-hot); box-shadow: none; }@media (max-width: 520px) {.header-cta { font-size: 12px; padding: 8px 12px; }}.hero { position: relative; min-height: 100svh; display: flex; align-items: center; overflow: hidden; }#stars { position: absolute; inset: 0; width: 100%; height: 100%; }.hero-glow {position: absolute; inset: -10% -5%; pointer-events: none; z-index: 1;background:
radial-gradient(700px 420px at 78% 28%, rgba(240, 145, 60, .22), transparent 62%),radial-gradient(560px 380px at 12% 78%, rgba(20, 56, 92, .65), transparent 70%),radial-gradient(420px 280px at 48% 8%, rgba(224, 112, 48, .1), transparent 60%);animation: glowPulse 8s ease-in-out infinite alternate;}@keyframes glowPulse {from { opacity: .85; transform: scale(1); }to { opacity: 1; transform: scale(1.04); }}.hero::after {content: ""; position: absolute; inset: 0; z-index: 1;background: linear-gradient(180deg, rgba(8,17,32,.15), transparent 35%, rgba(8,17,32,.55));pointer-events: none;}.hero .container { position: relative; z-index: 3; display: grid; grid-template-columns: 1.1fr .9fr; gap: 40px; align-items: center; padding-top: 124px; padding-bottom: 64px; }@media (max-width: 960px) { .hero .container { grid-template-columns: 1fr; padding-top: 100px; padding-bottom: 48px; } }.hero h1 { font-size: clamp(34px, 5.2vw, 58px); line-height: 1.08; font-weight: 800; letter-spacing: -1px; }.hero h1 .accent,h2 .accent,.accent {background: linear-gradient(90deg, var(--orange-hot), #ffc178);-webkit-background-clip: text; background-clip: text; color: transparent;}.hero .lead { margin: 22px 0 30px; font-size: 17.5px; color: #a9bccf; max-width: 520px; }.btn {display: inline-block; border: none; cursor: var(--curseur-main);background: linear-gradient(135deg, var(--orange), var(--orange-hot));color: #fff; text-decoration: none; font-weight: 700; font-size: 16px;padding: 15px 32px; border-radius: 30px;box-shadow: 0 6px 24px rgba(224, 112, 48, .4);transition: transform .25s ease, box-shadow .25s ease;}.btn:hover { transform: translateY(-3px) scale(1.02); box-shadow: 0 12px 34px rgba(224, 112, 48, .55); }.btn.ghost {background: transparent; border: 1.5px solid rgba(255,255,255,.28);box-shadow: none; margin-left: 12px; color: #dbe6f1;}.btn.ghost:hover { border-color: var(--orange-hot); color: var(--orange-hot); }.hero .trust { margin-top: 30px; font-size: 13px; color: #7d93ad; display: flex; gap: 22px; flex-wrap: wrap; }.hero .trust span::before { content: "✓ "; color: var(--orange-hot); font-weight: 700; }.hero [data-stagger] { opacity: 0; transform: translateY(26px); animation: rise .8s cubic-bezier(.2,.7,.2,1) forwards; }.hero [data-stagger="2"] { animation-delay: .15s; }.hero [data-stagger="3"] { animation-delay: .3s; }.hero [data-stagger="4"] { animation-delay: .45s; }.hero [data-stagger="5"] { animation-delay: .6s; }@keyframes rise { to { opacity: 1; transform: none; } }.hero-brand-banner {justify-self: center;width: min(100%, 380px);text-align: center;}.hero-brand-frame {position: relative;width: 100%;aspect-ratio: 1 / 1;border-radius: 50%;overflow: visible;background: transparent;border: none;box-shadow: none;transform: rotateY(-8deg) rotateX(4deg);transform-style: preserve-3d;animation: brandFloat 7s ease-in-out infinite;will-change: transform;filter: drop-shadow(0 18px 40px rgba(0, 0, 0, .45)) drop-shadow(0 0 28px rgba(240, 145, 60, .28));}@keyframes brandFloat {0%, 100% { transform: rotateY(-8deg) rotateX(4deg) translateY(0); }50% { transform: rotateY(-5deg) rotateX(2deg) translateY(-12px); }}.hero-brand-frame canvas,.hero-brand-fallback {position: absolute;inset: 0;width: 100% !important;height: 100% !important;display: block;object-fit: contain;border-radius: 50%;}.hero-brand-frame.is-live .hero-brand-fallback {opacity: 0;visibility: hidden;}html.logo-3d .hero-brand-fallback { opacity: 0; }.hero-brand-frame canvas {inset: -30%;width: 160% !important;height: 160% !important;border-radius: 0;pointer-events: none;}.hero-brand-frame.is-live {animation: none !important;transform: none !important;filter: none;}.logo-poussiere {display: none;position: absolute;inset: 0;font-size: 3.8px;pointer-events: none;transition: opacity .9s ease, visibility 0s linear .9s;}html.logo-3d .logo-poussiere { display: block; }html.logo-3d .hero .hero-brand-banner[data-stagger] { animation-delay: 0s; }.hero-brand-frame.is-live .logo-poussiere { opacity: 0; visibility: hidden; }.logo-poussiere::before,.logo-poussiere::after {content: "";position: absolute;left: 50%;top: 50%;width: .8em;height: .8em;margin: -.4em;border-radius: 50%;animation: poussiereTourne 40s linear infinite, poussiereScintille 1.7s ease-in-out infinite alternate, poussiereResserre 3.5s cubic-bezier(.2, .7, .2, 1) both;}.logo-poussiere::before {box-shadow:
41.5em -5.4em 0 -0.2em #e07030,-11.7em -22.8em 0 -0.2em #f6f1ea,42.7em 13.9em 0 0 #f0913c,-32.6em -17.3em 0 0 #f0913c,31.1em 2.8em 0.5em 0.3em #e07030,10.5em -9.4em 0 -0.2em #f6f1ea,-24.6em 46.9em 0 -0.2em #e07030,-28.0em 36.5em 0 0 #f6f1ea,-6.6em 23.7em 0 0 #f6f1ea,-16.8em 18.8em 0 -0.2em #e07030,18.0em 23.0em 0 -0.2em #f0913c,19.8em 30.6em 0 0 #f0913c,-55.0em -3.7em 0.5em 0.3em #f0913c,15.6em 27.0em 0 0 #f6f1ea,-14.1em 12.8em 0 -0.2em #f0913c,2.7em 36.1em 0 -0.2em #f6f1ea,16.4em 23.8em 0 -0.2em #f6f1ea,-38.8em -23.1em 0 -0.2em #f0913c,-47.4em 21.6em 0 -0.2em #f0913c,-26.8em 22.4em 0.5em 0.3em #f6f1ea,28.1em 3.5em 0 0 #f0913c,34.8em -19.2em 0.5em 0.3em #f0913c,-11.6em 9.5em 0 -0.2em #e07030,35.8em 42.3em 0 -0.2em #f6f1ea,16.3em 21.1em 0 -0.2em #e07030,14.8em -41.6em 0 -0.2em #f6f1ea,38.1em -15.6em 0 -0.2em #f0913c,-35.0em 0.1em 0.5em 0.3em #e07030,4.1em 44.3em 0 0 #f0913c,-32.6em 18.0em 0 0 #f0913c,-37.2em -21.7em 0 -0.2em #f6f1ea,-13.5em -37.5em 0 -0.2em #f0913c,18.8em -12.1em 0 -0.2em #f0913c,38.9em 19.7em 0 0 #e07030,1.3em 31.1em 0 0 #f0913c,-38.8em 4.1em 0 -0.2em #f0913c,-23.8em 35.6em 0 0 #f0913c,37.4em -15.1em 0.5em 0.3em #f6f1ea,-24.4em 33.8em 0 -0.2em #f0913c,29.8em -2.8em 0 -0.2em #e07030,6.7em 9.7em 0.5em 0.3em #f0913c,34.4em -14.9em 0 -0.2em #f0913c,5.0em -1.8em 0.5em 0.3em #e07030,23.6em 30.3em 0 0 #e07030,-40.0em -17.7em 0 0 #f6f1ea,30.1em 11.5em 0.5em 0.3em #f0913c;}.logo-poussiere::after {box-shadow:
-11.0em 1.9em 0.5em 0.3em #f0913c,4.9em 29.6em 0 -0.2em #f6f1ea,3.0em 28.6em 0 0 #f6f1ea,-21.2em -24.1em 0.5em 0.3em #f6f1ea,13.4em 32.8em 0.5em 0.3em #f6f1ea,31.4em -8.1em 0 0 rgba(246,241,234,.6),-1.7em 25.1em 0.5em 0.3em #f6f1ea,-9.7em 33.2em 0 0 #f6f1ea,-40.7em 15.4em 0 -0.2em rgba(246,241,234,.6),-10.1em 44.0em 0 0 #f6f1ea,-6.0em 43.5em 0 -0.2em #f0913c,-10.2em -17.0em 0 0 #f6f1ea,1.5em 35.3em 0 -0.2em #f6f1ea,0.1em -18.2em 0 -0.2em #f0913c,-39.9em -25.3em 0 -0.2em #f0913c,16.2em 4.6em 0.5em 0.3em rgba(246,241,234,.6),15.2em -30.7em 0 0 #f0913c,37.3em 7.5em 0 0 #f6f1ea,28.6em -30.8em 0 0 rgba(246,241,234,.6),-31.8em -23.5em 0 0 #f6f1ea,20.5em 35.2em 0 -0.2em #f6f1ea,25.4em 48.3em 0 -0.2em #f0913c,-0.5em -40.1em 0 0 rgba(246,241,234,.6),23.8em -46.7em 0 -0.2em #f6f1ea,-8.5em -19.1em 0 0 rgba(246,241,234,.6),-38.2em 11.6em 0 -0.2em #f0913c,-5.4em 6.8em 0.5em 0.3em #f6f1ea,-3.8em 30.1em 0 -0.2em #f6f1ea,-57.9em -2.5em 0 -0.2em #f6f1ea,23.1em 1.6em 0 0 #f6f1ea,0.8em -41.0em 0 0 #f6f1ea,34.5em -46.1em 0 0 #f6f1ea,21.3em 13.7em 0.5em 0.3em #f6f1ea,-3.0em -3.0em 0 -0.2em #f6f1ea,-7.7em -7.3em 0.5em 0.3em rgba(246,241,234,.6),8.6em 35.1em 0 -0.2em rgba(246,241,234,.6),34.7em 20.7em 0 -0.2em #f6f1ea,-9.0em 31.8em 0 -0.2em #f6f1ea,11.0em -33.9em 0 -0.2em #f6f1ea,31.1em -20.3em 0 -0.2em #f6f1ea;animation-duration: 56s, 2.4s, 3.5s;animation-direction: reverse, alternate, normal;animation-delay: 0s, -1.2s, 0s;}@keyframes poussiereTourne { to { rotate: 360deg; } }@keyframes poussiereScintille { from { opacity: .45; } to { opacity: 1; } }@keyframes poussiereResserre { from { scale: 1.3; } }@media (max-width: 960px) {.hero-brand-banner { width: min(100%, 280px); margin-top: 8px; }.hero-brand-frame { transform: none; }.hero-brand-frame canvas { inset: -15%; width: 130% !important; height: 130% !important; }.logo-poussiere { font-size: 2.8px; }}.mock-scene { perspective: 1200px; display: none; }.mockup {transform: rotateY(-14deg) rotateX(7deg);transform-style: preserve-3d;animation: floaty 7s ease-in-out infinite;border-radius: 16px;background: #0f2038;border: 1px solid rgba(240, 145, 60, .22);box-shadow:
30px 50px 80px rgba(0, 0, 0, .55),0 0 60px rgba(224, 112, 48, .18),0 0 0 1px rgba(255,255,255,.04) inset;overflow: hidden;transition: transform .4s ease;will-change: transform;}@keyframes floaty {0%, 100% { transform: rotateY(-14deg) rotateX(7deg) translateY(0); }50% { transform: rotateY(-11deg) rotateX(5deg) translateY(-16px); }}.mock-bar { display: flex; align-items: center; gap: 6px; padding: 10px 14px; background: rgba(255,255,255,.06); border-bottom: 1px solid var(--glass-border); }.mock-bar i { width: 10px; height: 10px; border-radius: 50%; display: block; }.mock-bar i:nth-child(1) { background: #ff5f57; } .mock-bar i:nth-child(2) { background: #febc2e; } .mock-bar i:nth-child(3) { background: #28c840; }.mock-bar .url { flex: 1; margin-left: 10px; background: rgba(255,255,255,.08); border-radius: 12px; font-size: 11px; color: #9fb4c9; padding: 3px 12px; }.mock-body { padding: 18px; }.mock-hero { border-radius: 8px; padding: 22px 18px; background: linear-gradient(135deg, #23486e, #14385c); margin-bottom: 12px; }.mock-hero b { font-size: 15px; color: #fff; display: block; }.mock-hero span { font-size: 11px; color: #a9bccf; }.mock-hero .mock-btn { display: inline-block; margin-top: 10px; background: var(--orange-hot); color: #081120; font-size: 10px; font-weight: 700; padding: 4px 12px; border-radius: 12px; }.mock-cards { display: grid; grid-template-columns: repeat(3, 1fr); gap: 8px; }.mock-card { border-radius: 6px; background: rgba(255,255,255,.07); padding: 10px 8px; }.mock-card i { display: block; height: 30px; border-radius: 4px; background: linear-gradient(135deg, rgba(240,145,60,.35), rgba(240,145,60,.12)); margin-bottom: 6px; }.mock-card b { display: block; height: 5px; width: 70%; border-radius: 3px; background: rgba(255,255,255,.35); margin-bottom: 4px; }.mock-card span { display: block; height: 4px; width: 90%; border-radius: 3px; background: rgba(255,255,255,.14); }.mock-caption { text-align: center; margin-top: 18px; font-size: 12.5px; color: #7d93ad; }.mock-caption a { color: var(--orange-hot); text-decoration: none; font-weight: 600; }@media (max-width: 960px) { .mock-scene { max-width: 460px; margin: 0 auto; } }section { padding: 96px 0; position: relative; scroll-margin-top: 88px; }@media (max-width: 520px) {.hero .btn { display: block; width: 100%; text-align: center; }.hero .btn.ghost { margin-left: 0; margin-top: 10px; }}.kicker { font-size: 12px; letter-spacing: 3.5px; text-transform: uppercase; color: var(--orange-hot); font-weight: 700; margin-bottom: 14px; }h2 { font-size: clamp(28px, 3.6vw, 42px); font-weight: 800; letter-spacing: -0.5px; line-height: 1.15; }.section-sub { color: #a9bccf; margin: 16px 0 0; max-width: 620px; font-size: 16px; }section.light { background: var(--cream); color: var(--ink); }section.light h2 { color: var(--navy); }section.light .section-sub { color: var(--ink-soft); }.reveal {opacity: 0;transform: translateY(22px);filter: blur(2px);transition:
opacity .55s cubic-bezier(.2,.7,.2,1),transform .55s cubic-bezier(.2,.7,.2,1),filter .4s ease;transition-delay: 0s;}.reveal.in {opacity: 1;transform: none;filter: none;}.reveal.in[data-delay="1"] { transition-delay: .06s; }.reveal.in[data-delay="2"] { transition-delay: .12s; }.reveal.in[data-delay="3"] { transition-delay: .18s; }.reveal.in[data-delay="4"] { transition-delay: .24s; }.reveal:not(.in) { transition-delay: 0s; }@media (max-width: 700px) {.reveal { transform: translateY(16px); filter: blur(1px); }.reveal.in[data-delay="1"] { transition-delay: .04s; }.reveal.in[data-delay="2"] { transition-delay: .08s; }.reveal.in[data-delay="3"] { transition-delay: .12s; }.reveal.in[data-delay="4"] { transition-delay: .16s; }}.stats { display: grid; grid-template-columns: repeat(2, 1fr); gap: 20px; margin-top: 48px; }@media (max-width: 560px) { .stats { grid-template-columns: 1fr; } }.stat {text-align: center; padding: 28px 14px; border-radius: 16px;background: linear-gradient(180deg, rgba(255,255,255,.06), rgba(255,255,255,.02));border: 1px solid rgba(240, 145, 60, .16);box-shadow: 0 10px 30px rgba(0,0,0,.18);transition: transform .35s ease, border-color .35s ease, box-shadow .35s ease;}.stat:hover {transform: translateY(-6px);border-color: rgba(240, 145, 60, .4);box-shadow: 0 18px 40px rgba(224, 112, 48, .15);}.stat .num { font-size: clamp(30px, 4vw, 44px); font-weight: 800; color: var(--orange-hot); }.stat .num sup { font-size: .45em; }.stat p { font-size: 13.5px; color: #a9bccf; margin-top: 4px; }.stat-note { display: block; font-size: 11px; color: #7d93ad; font-style: italic; margin-top: 4px; }section.light .stat {background: #fff; border-color: #e5dfd6;box-shadow: 0 10px 30px rgba(20, 56, 92, .08);}section.light .stat:hover { border-color: rgba(224,112,48,.35); box-shadow: 0 18px 40px rgba(20,56,92,.14); }section.light .stat p { color: var(--ink-soft); }.pains { display: grid; grid-template-columns: repeat(auto-fit, minmax(240px, 1fr)); gap: 18px; margin-top: 50px; }.pain {background: #fff; border: 1px solid #e5dfd6; border-radius: 14px; padding: 26px 22px;transition: transform .3s ease, box-shadow .3s ease;}.pain:hover { transform: translateY(-6px); box-shadow: 0 18px 40px rgba(20, 56, 92, .12); }.pain .emoji { font-size: 30px; }.pain h3 { color: var(--navy); font-size: 16.5px; margin: 10px 0 6px; }.pain p { font-size: 14px; color: var(--ink-soft); }.parcours { overflow-x: clip; background: linear-gradient(180deg, var(--bg-deep), var(--bg-navy) 40%, var(--bg-deep)); }.timeline { position: relative; margin-top: 70px; }.timeline .rail {position: absolute; left: 50%; top: 0; bottom: 0; width: 3px; transform: translateX(-50%);background: rgba(255,255,255,.08); border-radius: 3px;}.timeline .rail .fill {position: absolute; top: 0; left: 0; width: 100%; height: 0%;background: linear-gradient(180deg, var(--orange), var(--orange-hot));border-radius: 3px; box-shadow: 0 0 16px rgba(240,145,60,.6);}.step { position: relative; display: grid; grid-template-columns: 1fr 80px 1fr; align-items: center; margin-bottom: 54px; }.step .node {grid-column: 2; justify-self: center; z-index: 2;width: 18px; height: 18px; border-radius: 50%;background: var(--bg-deep); border: 3px solid rgba(255,255,255,.25);transition: all .5s ease;}.step.active .node {border-color: var(--orange-hot); background: var(--orange-hot);box-shadow: 0 0 0 7px rgba(240,145,60,.18), 0 0 22px rgba(240,145,60,.7);}.step-card {background: var(--glass); border: 1px solid var(--glass-border);backdrop-filter: blur(8px); -webkit-backdrop-filter: blur(8px);border-radius: 16px; padding: 26px 28px;opacity: 0; transition: opacity .7s cubic-bezier(.2,.7,.2,1), transform .7s cubic-bezier(.2,.7,.2,1);}.step:nth-child(odd) .step-card { grid-column: 1; transform: translateX(-46px); }.step:nth-child(even) .step-card { grid-column: 3; transform: translateX(46px); }.step.active .step-card { opacity: 1; transform: translateX(0); }.step-card .jour {display: inline-block; font-size: 11px; font-weight: 800; letter-spacing: 2px;color: #081120; background: var(--orange-hot); padding: 3px 12px; border-radius: 12px; margin-bottom: 12px;}.step-card h3 { font-size: 19px; color: #fff; margin-bottom: 8px; }.step-card p { font-size: 14.5px; color: #a9bccf; }.step-card .detail { margin-top: 10px; font-size: 13px; color: #7d93ad; font-style: italic; }.step-card a {color: #fff; font-weight: 600; text-decoration: none;border-bottom: 1px solid rgba(240, 145, 60, .5); transition: color .25s ease, border-color .25s ease;}.step-card a:hover { color: var(--orange-hot); border-color: var(--orange-hot); }.step-card a:focus-visible { outline: 2px solid var(--orange-hot); outline-offset: 3px; border-radius: 3px; }@media (max-width: 760px) {.timeline .rail { left: 12px; }.step { grid-template-columns: 40px 1fr; margin-bottom: 34px; }.step .node { grid-column: 1; grid-row: 1; }.step:nth-child(odd) .step-card, .step:nth-child(even) .step-card { grid-column: 2; transform: translateY(30px); }.step.active .step-card { transform: none; }}.offer-include {margin-top: 22px; padding: 12px 16px; border-radius: 12px;background: rgba(224, 112, 48, .08); border: 1px solid rgba(224, 112, 48, .28);color: var(--navy); font-size: 14px; font-weight: 600; max-width: 720px;}section:not(.light) .offer-include { color: #e8eef5; background: rgba(224, 112, 48, .12); }.cards { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 28px; margin-top: 36px; padding-top: 16px; align-items: stretch; }.tilt-wrap { perspective: 900px; }@media (min-width: 960px) {.cards .tilt-wrap.is-featured {z-index: 2;transform: scale(1.04);}}.card {position: relative; height: 100%;display: flex; flex-direction: column;background: #fff; border: 1px solid #e5dfd6; border-radius: 18px; padding: 26px 22px;transform-style: preserve-3d; transition: transform .18s ease-out, box-shadow .3s ease;will-change: transform;}.tilt-wrap:hover .card { box-shadow: 0 26px 60px rgba(20, 56, 92, .18); }.card .shine {position: absolute; inset: 0; border-radius: inherit; pointer-events: none; opacity: 0;background: radial-gradient(480px circle at var(--mx, 50%) var(--my, 50%), rgba(240,145,60,.28), transparent 42%);transition: opacity .35s ease; z-index: 1;}.tilt-wrap:hover .card .shine { opacity: 1; }.card.featured .shine {background: radial-gradient(520px circle at var(--mx, 50%) var(--my, 50%), rgba(240,145,60,.34), rgba(240,145,60,.06) 38%, transparent 52%);}.card h3 { color: var(--navy); font-size: 21px; }.card .tag { font-size: 13.5px; color: var(--ink-soft); margin: 4px 0 10px; }.card .price { font-size: 36px; font-weight: 800; color: var(--orange); letter-spacing: -1px; }.card .psub { font-size: 12px; color: var(--ink-soft); padding-bottom: 12px; border-bottom: 1px solid #eee7dc; margin-bottom: 12px; }.card ul { list-style: none; flex: 1; }.card li { padding: 5px 0 5px 24px; position: relative; font-size: 13.5px; color: #3a4a5f; border-bottom: 1px solid #f4efe8; }.card li:last-child { border: none; }.card li::before { content: "✓"; position: absolute; left: 0; color: var(--orange); font-weight: 800; }.card li.off { opacity: .42; }.card li.off::before { content: "–"; color: #8a97a8; font-weight: 600; }.card .opt { font-size: 12.5px; font-style: italic; color: var(--orange); margin-top: 8px; }.card .opt + .opt { margin-top: 4px; }.card .opt a { color: inherit; }.card .plan-cta {display: block; width: 100%; box-sizing: border-box;margin: 14px 0 0; text-align: center;font-size: 14px; padding: 11px 16px;}.card .btn.ghost.plan-cta {margin-left: 0;color: var(--navy);border-color: #c8d2de;}.card .btn.ghost.plan-cta:hover { color: var(--orange); border-color: var(--orange-hot); }.card.featured { background: linear-gradient(160deg, #16395e, #0e2a48); border-color: #23486e; box-shadow: 0 18px 44px rgba(8, 17, 32, .28); }.card.featured h3, .card.featured li { color: #fff; }.card.featured .tag, .card.featured .psub { color: #a9bccf; }.card.featured .price { color: var(--orange-hot); }.card.featured li { border-bottom-color: rgba(255,255,255,.09); }.card.featured li::before { color: var(--orange-hot); }.card.featured li.off { opacity: .4; color: #c5d4e4; }.card.featured li.off::before { content: "–"; color: #7d93ad; font-weight: 600; }.card a:not(.btn) { color: var(--orange); }.card.featured a:not(.btn) { color: var(--orange-hot); }.card.featured .btn.ghost.plan-cta { color: #dbe6f1; border-color: rgba(255,255,255,.28); }.card.featured .btn.ghost.plan-cta:hover { color: var(--orange-hot); border-color: var(--orange-hot); }.badge {position: absolute; top: -13px; left: 50%; transform: translateX(-50%);background: linear-gradient(135deg, var(--orange), var(--orange-hot));color: #fff; font-size: 11px; font-weight: 800; letter-spacing: 1.5px;padding: 5px 18px; border-radius: 14px; white-space: nowrap;box-shadow: 0 6px 18px rgba(224,112,48,.45);}.pricing-note { text-align: center; font-size: 13.5px; color: var(--ink-soft); margin-top: 30px; }.parcours .pricing-note { color: #a9bccf; font-size: 14.5px; letter-spacing: .04em; margin-top: 44px; }.options { padding: 72px 0 64px; background: linear-gradient(180deg, var(--bg-deep), var(--bg-navy) 50%, var(--bg-deep)); }.options .section-sub { margin-top: 10px; }.opts-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 22px; margin-top: 18px; }.opts-panel {background: var(--glass); border: 1px solid var(--glass-border); border-radius: 18px;backdrop-filter: blur(8px); -webkit-backdrop-filter: blur(8px);padding: 18px 20px 2px;}.opts-family {display: flex; align-items: center; gap: 10px;color: #e8eef5; font-size: 12px; font-weight: 800; letter-spacing: .14em; text-transform: uppercase;margin-bottom: 2px;}.opts-family::before { content: ""; width: 22px; height: 2px; background: var(--orange-hot); border-radius: 2px; }.opts-list { list-style: none; }.opts-list li { padding: 8px 0; border-bottom: 1px solid rgba(255, 255, 255, .07); }.opts-list li:last-child { border-bottom: none; }.opts-line { display: flex; align-items: baseline; gap: 8px; }.opts-name { color: #fff; font-size: 15px; font-weight: 700; }.opts-dots { flex: 1; min-width: 14px; border-bottom: 2px dotted rgba(255, 255, 255, .18); }.opts-price { color: var(--orange-hot); font-size: 18px; font-weight: 800; white-space: nowrap; }.opts-detail { margin-top: 2px; color: #8fa6bd; font-size: 13px; line-height: 1.4; }.opts-detail a {color: #fff; font-weight: 600; text-decoration: none;border-bottom: 1px solid rgba(240, 145, 60, .5); transition: color .25s ease, border-color .25s ease;}.opts-detail a:hover { color: var(--orange-hot); border-color: var(--orange-hot); }.opts-detail a:focus-visible { outline: 2px solid var(--orange-hot); outline-offset: 3px; border-radius: 3px; }.options .pricing-note { color: #a9bccf; margin-top: 18px; }.options .pricing-note b { color: #fff; }@media (max-width: 1024px) { .opts-grid { grid-template-columns: 1fr; max-width: 600px; gap: 14px; } }.emails { background: linear-gradient(180deg, var(--bg-navy), var(--bg-deep)); }.emails h2 .accent {background: linear-gradient(90deg, var(--orange-hot), #ffc178);-webkit-background-clip: text; background-clip: text; color: transparent;font-size: .82em; word-break: break-word;}.emails-wrap { display: grid; grid-template-columns: 1.05fr .95fr; gap: 50px; margin-top: 56px; align-items: center; }@media (max-width: 860px) { .emails-wrap { grid-template-columns: minmax(0, 1fr); gap: 36px; } }.mail-row {display: flex; align-items: center; gap: 14px;background: var(--glass); border: 1px solid var(--glass-border);border-radius: 14px; padding: 16px 18px; margin-bottom: 14px;}.mail-row.bad { opacity: .65; }.mail-row.good {border-color: var(--line);box-shadow: 0 10px 34px rgba(240, 145, 60, .12);}.mail-row .avatar {width: 42px; height: 42px; border-radius: 50%; flex-shrink: 0;display: flex; align-items: center; justify-content: center;font-weight: 800; font-size: 13px;}.mail-row.bad .avatar { background: rgba(255,255,255,.1); color: #7d93ad; }.mail-row.good .avatar { background: linear-gradient(135deg, var(--orange), var(--orange-hot)); color: #fff; }.mail-row > div { flex: 1; min-width: 0; }.mail-row b { display: block; font-size: 14px; color: #fff; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }.mail-row span:not(.avatar) { display: block; font-size: 12.5px; color: #7d93ad; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }.mail-row i { font-style: normal; font-size: 18px; font-weight: 800; flex-shrink: 0; }.mail-row.bad i { color: #ff5f57; }.mail-row.good i { color: var(--orange-hot); }.mail-caption { text-align: center; font-size: 12.5px; color: #7d93ad; font-style: italic; margin-top: 4px; }.emails-info ul { list-style: none; }.emails-info li { padding: 9px 0 9px 26px; position: relative; font-size: 14.5px; color: #a9bccf; border-bottom: 1px solid rgba(255,255,255,.07); }.emails-info li:last-child { border: none; }.emails-info li::before { content: "✓"; position: absolute; left: 0; color: var(--orange-hot); font-weight: 800; }.emails-info li b { color: #e8eef5; }.emails-price {margin-top: 22px; padding: 18px 20px; border-radius: 14px;background: var(--glass); border: 1px solid var(--line);font-size: 14px; color: #a9bccf;}.emails-price span { font-size: 26px; font-weight: 800; color: var(--orange-hot); margin-right: 8px; vertical-align: -2px; }.realisation-grid {display: grid; grid-template-columns: 1fr 1fr; gap: 36px; margin-top: 48px; align-items: start;}@media (max-width: 860px) { .realisation-grid { grid-template-columns: 1fr; } }.realisation-tag {display: inline-block; font-size: 11px; font-weight: 800; letter-spacing: 2px;text-transform: uppercase; color: var(--orange-hot); margin-bottom: 14px;border: 1px solid rgba(240,145,60,.3); border-radius: 16px; padding: 5px 12px;}.realisation-tag.nfc {color: #fff; background: linear-gradient(135deg, var(--orange), var(--orange-hot)); border: none;}.realisation-scene { perspective: 1400px; margin-top: 0; }.browser {border-radius: 16px; overflow: hidden;background: #0f2038; border: 1px solid var(--glass-border);box-shadow: 0 40px 90px rgba(0,0,0,.5);transform: rotateX(6deg); transform-style: preserve-3d;transition: transform .5s ease, box-shadow .5s ease;}.realisation-scene:hover .browser { transform: rotateX(0deg) scale(1.015); box-shadow: 0 30px 70px rgba(224,112,48,.18), 0 40px 90px rgba(0,0,0,.5); }.browser .mock-body { padding: 0; }.bs-hero { padding: 54px 40px; background: linear-gradient(135deg, #33261c, #57402a); }.bs-hero b { font-size: 26px; color: #f4e8d8; display: block; font-family: Georgia, serif; }.bs-hero span { color: #c9b394; font-size: 14px; }.bs-hero .mock-btn { display: inline-block; margin-top: 14px; background: var(--orange-hot); color: #241811; font-size: 12px; font-weight: 700; padding: 7px 18px; border-radius: 16px; }.bs-strip { display: grid; grid-template-columns: repeat(4, 1fr); gap: 12px; padding: 22px 40px 30px; }.bs-strip i { display: block; height: 68px; border-radius: 8px; background: linear-gradient(135deg, rgba(240,145,60,.30), rgba(240,145,60,.08)); border: 1px solid rgba(240,145,60,.2); }.mag-hero { padding: 54px 40px; background: linear-gradient(135deg, #16202e, #22394b); }.mag-hero b { font-size: 26px; color: #eef4fa; display: block; font-family: Georgia, serif; }.mag-hero span { color: #9fb8cc; font-size: 14px; }.mag-hero .mock-btn { display: inline-block; margin-top: 14px; background: #e8b14a; color: #1b1408; font-size: 12px; font-weight: 700; padding: 7px 18px; border-radius: 16px; }.mag-strip { display: grid; grid-template-columns: repeat(4, 1fr); gap: 12px; padding: 22px 40px 30px; }.mag-strip i { display: block; height: 68px; border-radius: 8px; background: linear-gradient(135deg, rgba(232,177,74,.28), rgba(232,177,74,.07)); border: 1px solid rgba(232,177,74,.2); }.avis {margin: 22px 0 0; padding: 20px 24px; border: 1px solid var(--glass-border);border-radius: 14px; background: var(--glass);}.avis-stars { color: #f0b429; font-size: 14px; letter-spacing: 3px; }.avis blockquote { margin: 10px 0 0; color: #c5d4e4; font-size: 14.5px; line-height: 1.65; font-style: italic; }.avis blockquote::before { content: "« "; } .avis blockquote::after { content: " »"; }.avis-auteur { display: block; margin-top: 12px; font-size: 13px; color: #8fa6bd; font-style: normal; }.avis-auteur b { color: #fff; font-weight: 700; }.realisation-caption { display: flex; justify-content: space-between; align-items: center; gap: 20px; margin-top: 26px; flex-wrap: wrap; }.realisation-caption p { color: #a9bccf; font-size: 14.5px; max-width: 640px; }.realisation-caption p b { color: #fff; }.maint-cards { display: grid; grid-template-columns: repeat(auto-fit, minmax(240px, 1fr)); gap: 20px; margin-top: 50px; }.maint {border-radius: 16px; padding: 28px 24px; background: #fff; border: 1px solid #e5dfd6;transition: transform .3s ease, box-shadow .3s ease;}.maint:hover { transform: translateY(-6px); box-shadow: 0 18px 44px rgba(20,56,92,.13); }.maint h3 { color: var(--navy); font-size: 17px; }.maint .price { font-size: 26px; font-weight: 800; color: var(--orange); margin: 6px 0 2px; }.maint .psub { font-size: 12px; color: var(--ink-soft); margin-bottom: 12px; }.maint p { font-size: 13.5px; color: #3a4a5f; }.maint-note { font-size: 12.5px; color: var(--ink-soft); font-style: italic; margin-top: 22px; text-align: center; }.faq-list { margin: 50px auto 0; max-width: 960px; }.faq-item { border: 1px solid var(--glass-border); border-radius: 14px; margin-bottom: 12px; background: var(--glass); overflow: hidden; }.faq-q {width: 100%; text-align: left; background: none; border: none; cursor: var(--curseur-main);padding: 20px 26px; font-size: 16.5px; font-weight: 700; color: #fff; font-family: inherit;display: flex; justify-content: space-between; align-items: center; gap: 14px;}.faq-q .chev { transition: transform .35s ease; color: var(--orange-hot); font-size: 18px; flex-shrink: 0; }.faq-item.open .faq-q .chev { transform: rotate(45deg); }.faq-a { max-height: 0; overflow: hidden; transition: max-height .45s cubic-bezier(.2,.7,.2,1); }.faq-a p { padding: 0 26px 20px; font-size: 15.5px; color: #a9bccf; }.cta-band {text-align: center; padding: 110px 24px; position: relative; overflow: hidden;background: linear-gradient(140deg, #16395e, #0d1b30 55%, #22160c);}.cta-band::before {content: ""; position: absolute; width: 560px; height: 560px; border-radius: 50%;background: radial-gradient(circle, rgba(240,145,60,.22), transparent 65%);top: -180px; right: -120px; animation: pulseGlow 6s ease-in-out infinite;}@keyframes pulseGlow { 0%,100% { opacity: .7; transform: scale(1); } 50% { opacity: 1; transform: scale(1.15); } }.cta-band h2 { color: #fff; position: relative; }.cta-band p { color: #a9bccf; margin: 14px 0 34px; position: relative; }.cta-band-actions {position: relative; display: flex; flex-wrap: wrap; gap: 12px;justify-content: center; align-items: center;}.cta-band-actions .btn.ghost { margin-left: 0; }[hidden] { display: none !important; }.nfc-section {position: relative;scroll-margin-top: 88px;background:
radial-gradient(900px 480px at 85% 10%, rgba(224, 112, 48, .12), transparent 60%),radial-gradient(700px 420px at 10% 90%, rgba(20, 56, 92, .45), transparent 65%),var(--bg-navy);}.nfc-section { overflow-x: clip; }.nfc-section .section-sub b { color: #fff; font-weight: 700; }.nfc-demo {display: flex; align-items: center; justify-content: center; gap: 18px;margin: 0; flex-wrap: wrap; max-width: 560px;}.nfc-phone {width: 148px; border-radius: 22px; padding: 10px 8px 14px;background: linear-gradient(160deg, #1a2d48, #0c1728);border: 1px solid var(--glass-border);box-shadow: 0 24px 50px rgba(0,0,0,.45);}.nfc-phone-notch {width: 48px; height: 6px; border-radius: 6px; background: rgba(255,255,255,.12);margin: 2px auto 10px;}.nfc-phone-screen {border-radius: 14px; padding: 18px 12px 16px; text-align: center;background: linear-gradient(165deg, #f6f1ea, #fff);min-height: 150px;}.nfc-phone-label { display: block; font-size: 11px; color: var(--ink-soft); letter-spacing: .5px; }.nfc-phone-screen b { display: block; margin-top: 8px; font-size: 16px; color: var(--navy); }.nfc-phone-sub { display: block; margin-top: 6px; font-size: 11.5px; color: var(--ink-soft); line-height: 1.35; }.nfc-stars { margin-top: 12px; color: var(--orange); letter-spacing: 2px; font-size: 15px; }.nfc-wave {display: flex; flex-direction: column; align-items: center; gap: 6px;width: 36px;}.nfc-wave span {display: block; width: 22px; height: 22px; border-radius: 50%;border: 2px solid rgba(240, 145, 60, .55);animation: nfcPulse 1.8s ease-out infinite;}.nfc-wave span:nth-child(2) { animation-delay: .35s; width: 16px; height: 16px; }.nfc-wave span:nth-child(3) { animation-delay: .7s; width: 10px; height: 10px; background: var(--orange-hot); border-color: var(--orange-hot); }@keyframes nfcPulse {0% { opacity: .15; transform: scale(.75); }50% { opacity: 1; }100% { opacity: .15; transform: scale(1.05); }}.nfc-card-visual {width: 168px; border-radius: 14px; padding: 22px 18px;background: linear-gradient(145deg, #16395e, #0e243f);border: 1px solid rgba(240, 145, 60, .35);box-shadow: 0 18px 44px rgba(0,0,0,.4), 0 0 0 1px rgba(255,255,255,.04) inset;position: relative;}.nfc-card-visual.paper {background: linear-gradient(165deg, #fbf8f3, #efe6d8);border: 1px solid #d9cbb6;box-shadow: 0 18px 44px rgba(0,0,0,.28), inset 0 1px 0 #fff;}.nfc-card-visual.paper b { color: #14385c; }.nfc-card-visual.paper span { color: #5a6a80; }.nfc-card-visual.paper em { color: var(--orange); }.nfc-card-visual b { display: block; color: #fff; font-size: 16px; }.nfc-card-visual span { display: block; margin-top: 6px; font-size: 12px; color: #a9bccf; }.nfc-card-visual em { display: block; margin-top: 14px; font-style: normal; font-size: 11px; color: var(--orange-hot); font-weight: 700; letter-spacing: .3px; }.nfc-card-visual canvas {position: absolute; left: -22%; top: -30%;width: 144% !important; height: 160% !important;pointer-events: none; visibility: visible;}.nfc-card-visual.is-live { visibility: hidden; }.nfc-intro {display: grid; grid-template-columns: minmax(0, 1fr) auto;gap: 56px; align-items: center;}.nfc-offers {display: grid;grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) 1px minmax(0, 1fr);column-gap: 28px; row-gap: 28px;margin-top: 72px;}.nfc-group {grid-row: 1; grid-column: 1 / 3;display: flex; align-items: center; gap: 14px;font-size: 12px; font-weight: 700; letter-spacing: 2.5px; text-transform: uppercase;color: #a9bccf;}.nfc-group::after {content: ""; flex: 1; height: 1px;background: linear-gradient(90deg, rgba(255,255,255,.18), transparent);}.nfc-group-poche { grid-column: 4; }.nfc-sep {grid-row: 1 / 3; grid-column: 3;background: linear-gradient(180deg, transparent, rgba(255,255,255,.16) 20%, rgba(255,255,255,.16) 80%, transparent);}.nfc-offer { grid-row: 2; }.nfc-offer-poche { grid-column: 4; }.nfc-offers .card.nfc-reco {border: 2px solid var(--orange-hot);box-shadow: 0 0 0 5px rgba(240, 145, 60, .14), 0 22px 54px rgba(0, 0, 0, .3);}@media (min-width: 961px) {.nfc-offers .tilt-wrap.is-featured { z-index: 2; transform: scale(1.04); }}.nfc-offer-actions {display: grid; grid-template-columns: repeat(auto-fit, minmax(128px, 1fr));gap: 10px; margin-top: 14px;}.nfc-offer-actions .plan-cta { margin: 0; }@media (max-width: 960px) {.nfc-intro { grid-template-columns: minmax(0, 1fr); gap: 40px; }.nfc-offers { grid-template-columns: minmax(0, 1fr); max-width: 440px; margin-left: auto; margin-right: auto; row-gap: 22px; }.nfc-group, .nfc-offer { grid-column: 1; grid-row: auto; }.nfc-group-poche { margin-top: 18px; }.nfc-sep { display: none; }}.nfc-cross {margin-top: 48px; padding: 28px 30px; border-radius: 18px;display: flex; align-items: center; justify-content: space-between; gap: 24px; flex-wrap: wrap;background: linear-gradient(135deg, rgba(224,112,48,.14), rgba(20,56,92,.35));border: 1px solid rgba(240, 145, 60, .3);}.nfc-cross h3 { color: #fff; font-size: 18px; margin-bottom: 8px; }.nfc-cross p { color: #a9bccf; font-size: 14.5px; max-width: 560px; }.nfc-cross p b { color: #fff; }.nfc-cross-actions { display: flex; flex-wrap: wrap; gap: 10px; align-items: center; }.nfc-cross-actions .btn.ghost { margin-left: 0; }.bande-mobile {position: relative;overflow: hidden;padding: clamp(72px, 10vw, 128px) 0;background:
radial-gradient(120% 90% at 78% 40%, rgba(240, 145, 60, .14), rgba(240, 145, 60, 0) 62%),linear-gradient(180deg, #060d1a 0%, #0a1526 55%, #060d1a 100%);border-top: 1px solid var(--glass-border);border-bottom: 1px solid var(--glass-border);}.bande-mobile-grille {display: grid;grid-template-columns: 1fr;gap: clamp(44px, 6vw, 72px);align-items: center;}@media (min-width: 900px) {.bande-mobile-grille { grid-template-columns: 1.05fr .95fr; }}.bande-mobile-texte h2 { margin-bottom: 18px; }.bande-mobile-points {list-style: none; margin: 26px 0 0; padding: 0;display: grid; gap: 12px;}.bande-mobile-points li {display: flex; align-items: baseline; gap: 10px;font-size: clamp(14.5px, 1.5vw, 16px);color: #b6c7d9;}.bande-mobile-points li span { color: var(--orange-hot); font-size: .85em; }.telephone-scene {position: relative;display: flex; justify-content: center;perspective: 1200px;perspective-origin: 50% 45%;}.telephone-scene canvas {position: absolute; left: -12%; top: -16%;width: 124% !important; height: 132% !important;pointer-events: none;}.telephone-scene.is-live .telephone { visibility: hidden; animation: none; }.telephone-scene.is-live .mini-site { animation: none; }.telephone {position: relative;width: clamp(208px, 25vw, 268px);transform-style: preserve-3d;transform: rotateX(-4deg) rotateY(-13deg);animation: telephoneFlotte 7s ease-in-out infinite;}@keyframes telephoneFlotte {0%, 100% { transform: translateY(0) rotateX(-4deg) rotateY(-13deg); }50% { transform: translateY(-14px) rotateX(-1deg) rotateY(-7deg); }}.telephone-cadre {position: relative;aspect-ratio: 9 / 19.2;border-radius: 34px;padding: 9px;background: linear-gradient(155deg, #33404f 0%, #131c28 38%, #0a121d 62%, #2b3745 100%);box-shadow:
0 0 0 1px rgba(255, 255, 255, .09),0 34px 70px rgba(0, 0, 0, .58),0 0 44px rgba(240, 145, 60, .18);transform-style: preserve-3d;}.telephone-encoche {position: absolute; z-index: 3; top: 9px; left: 50%;width: 34%; height: 18px;transform: translateX(-50%);background: #0a121d;border-radius: 0 0 12px 12px;}.telephone-ecran {position: relative;height: 100%;overflow: hidden;border-radius: 26px;background: #0b1524;}.telephone-reflet {position: absolute; inset: 9px; z-index: 4;border-radius: 26px; pointer-events: none;background: linear-gradient(118deg,rgba(255, 255, 255, .17) 0%,rgba(255, 255, 255, .04) 26%,rgba(255, 255, 255, 0) 48%);opacity: .75;}.telephone-ombre {position: absolute; z-index: -1; left: 50%; bottom: -34px;width: 78%; height: 34px;transform: translateX(-50%) translateZ(-60px);background: radial-gradient(50% 50% at 50% 50%, rgba(0, 0, 0, .62), rgba(0, 0, 0, 0) 72%);filter: blur(6px);}.mini-site {display: grid;grid-template-rows: auto auto auto auto 1fr auto auto;min-height: 118%;gap: 9px;padding: 0 9px 9px;background: linear-gradient(180deg, #0e1a2b 0%, #0b1524 100%);animation: miniDefile 14s ease-in-out infinite;}@keyframes miniDefile {0%, 18%, 100% { transform: translateY(0); }50%, 68% { transform: translateY(-15%); }}.mini-statut {display: flex; align-items: center; justify-content: space-between;padding: 7px 4px 3px;font-size: 7.5px; font-weight: 700; color: #8fa6bd;}.mini-jauges { width: 26px; height: 4px; border-radius: 2px; background: #8fa6bd; opacity: .5; }.mini-entete {display: flex; align-items: center; justify-content: space-between;padding: 6px 0; border-bottom: 1px solid rgba(255, 255, 255, .07);}.mini-marque { width: 44px; height: 9px; border-radius: 3px; background: linear-gradient(90deg, var(--orange-hot), rgba(240, 145, 60, .35)); }.mini-burger { width: 13px; height: 9px; border-top: 2px solid #7d93aa; border-bottom: 2px solid #7d93aa; }.mini-hero { display: grid; gap: 6px; padding: 12px 0 8px; }.mini-titre { height: 10px; border-radius: 3px; background: rgba(232, 238, 245, .82); }.mini-titre.court { width: 62%; background: rgba(232, 238, 245, .5); }.mini-cta {justify-self: start; margin-top: 5px;padding: 5px 13px; border-radius: 999px;background: var(--orange-hot); color: #0b1524;font-size: 8px; font-weight: 800; letter-spacing: .04em;}.mini-cartes { display: grid; grid-template-columns: repeat(3, 1fr); gap: 6px; }.mini-cartes span { height: 34px; border-radius: 6px; background: rgba(255, 255, 255, .07); border: 1px solid rgba(255, 255, 255, .06); }.mini-bloc { min-height: 52px; border-radius: 8px; background: linear-gradient(140deg, rgba(240, 145, 60, .22), rgba(255, 255, 255, .05)); }.mini-pied { height: 20px; border-radius: 6px; background: rgba(255, 255, 255, .05); }@media (prefers-reduced-motion: reduce) {.telephone { animation: none; }.mini-site { animation: none; }}.communes {position: relative;overflow: hidden;padding: 0;background:
linear-gradient(180deg, rgba(8, 17, 32, 0) 0%, rgba(240, 145, 60, .05) 50%, rgba(8, 17, 32, 0) 100%),#070f1c;border-top: 1px solid var(--glass-border);border-bottom: 1px solid var(--glass-border);}.communes::before,.communes::after {content: "";position: absolute; top: 0; bottom: 0; width: clamp(48px, 10vw, 140px);z-index: 2; pointer-events: none;}.communes::before { left: 0; background: linear-gradient(90deg, #070f1c, rgba(7, 15, 28, 0)); }.communes::after { right: 0; background: linear-gradient(270deg, #070f1c, rgba(7, 15, 28, 0)); }.communes-piste {display: flex;width: max-content;animation: communes-defile 69s linear infinite;}@keyframes communes-defile {from { transform: translate3d(0, 0, 0); }to   { transform: translate3d(-50%, 0, 0); }}.communes-serie {display: flex; align-items: center;margin: 0; padding: 0; list-style: none;}.communes-serie li {display: flex; align-items: center;padding: 18px 0;font-size: clamp(14px, 1.5vw, 17px);font-weight: 700; letter-spacing: .06em; text-transform: uppercase;color: #9db2c8;white-space: nowrap;}.communes-serie li::after {content: "";width: 6px; height: 6px; border-radius: 50%;margin: 0 30px;background: var(--orange-hot);box-shadow: 0 0 10px rgba(240, 145, 60, .55);opacity: .8;flex: none;}@media (prefers-reduced-motion: reduce) {.communes-piste { animation: none; width: 100%; }.communes-serie:last-child { display: none; }.communes-serie { flex-wrap: wrap; justify-content: center; padding: 8px 16px; }.communes-serie li { padding: 10px 0; }.communes-serie li:nth-child(n+13) { display: none; }.communes-serie li:nth-child(12)::after { display: none; }}footer { background: #060d18; color: #6f87a1; padding: 46px 0 34px; font-size: 13px; border-top: 1px solid var(--glass-border); }footer .container { display: flex; flex-direction: column; align-items: center; text-align: center; gap: 22px; }footer a { color: #a9bccf; text-decoration: none; }footer a:hover { color: var(--orange-hot); }.footer-brand {display: flex; flex-direction: column; align-items: center; gap: 10px;color: #a9bccf; text-decoration: none;}.footer-brand .brand-mark-img {width: 48px; height: 48px; border-radius: 50%;box-shadow: 0 0 0 1.5px rgba(240, 145, 60, .35);}.footer-brand .brand-name {color: #e8eef5; font-size: 19px; font-weight: 800; letter-spacing: -.02em; white-space: nowrap;}.footer-brand .brand-name em { font-style: normal; color: var(--orange-hot); }.footer-meta { font-size: 12px; color: #6f87a1; }.footer-nav {display: flex; flex-wrap: wrap; justify-content: center; align-items: center;gap: 4px 0; max-width: 760px;}.footer-nav a {position: relative;padding: 4px 15px;font-size: 12.5px; font-weight: 600; letter-spacing: .015em;color: #b9c8d8;transition: color .25s ease;}.footer-nav a + a::before {content: ""; position: absolute; left: 0; top: 50%;width: 1px; height: 11px; margin-top: -6px;background: rgba(255, 255, 255, .16);}.footer-nav a:hover { color: var(--orange-hot); }.footer-links {display: flex; flex-wrap: wrap; justify-content: center; align-items: center;gap: 6px 18px;width: 100%; max-width: 760px;padding-top: 16px;border-top: 1px solid rgba(255, 255, 255, .07);font-size: 11.5px; letter-spacing: .02em;}.footer-links a { color: #8fa6bd; }@media (max-width: 560px) {.footer-nav a { padding: 4px 11px; font-size: 12px; }.footer-nav a + a::before { display: none; }}.line-reveal .line {display: block;overflow: hidden;}.line-reveal .line > span {display: block;transform: translateY(105%);opacity: 0;transition: transform .48s cubic-bezier(.2,.7,.2,1), opacity .48s ease;transition-delay: 0s;}html:not(.js) .line-reveal .line > span {opacity: 1;transform: none;}.line-reveal.in .line > span {transform: none;opacity: 1;}.line-reveal:not(.in) .line > span { transition-delay: 0s !important; }.hero h1.line-reveal.in .line > span {opacity: 1;transform: none;}.line-reveal.in .line:nth-child(2) > span { transition-delay: .07s; }.line-reveal.in .line:nth-child(3) > span { transition-delay: .14s; }.line-reveal.in .line:nth-child(4) > span { transition-delay: .2s; }.line-reveal.decoupe .line { overflow: visible; }.line-reveal.decoupe .line > span,.line-reveal.decoupe.in .line > span {position: relative;transform: none; opacity: 1; transition: none;}.hero h1.line-reveal.decoupe[data-stagger] { animation: none; opacity: 1; transform: none; }.line-reveal .mot { display: inline-block; white-space: nowrap; }.line-reveal .l {display: inline-block;opacity: 0;transform: perspective(600px) translate3d(0, .4em, -140px) rotateX(-65deg);filter: blur(8px);transition: transform .3s ease, opacity .3s ease, filter .3s ease;}.line-reveal.in .l {opacity: 1;transform: none;filter: none;transition: transform 1s cubic-bezier(.16,.84,.24,1), opacity .7s ease, filter .8s ease;transition-delay: calc(var(--ld, 0ms) + var(--i, 0) * 18ms);}.line-reveal.decoupe .accent { background: none; }.line-reveal.decoupe .accent .l {background-image: linear-gradient(90deg, var(--orange-hot), #ffc178);background-repeat: no-repeat;background-size: var(--aw, 100%) 100%;background-position: calc(var(--ax, 0px) * -1) 0;-webkit-background-clip: text; background-clip: text; color: transparent;}.emails h2.decoupe .accent .mot { display: inline; white-space: normal; }@media (hover: none), (pointer: coarse) {.line-reveal .l { filter: none; }}.btn.magnetic,.header-cta.magnetic {transition: transform .25s ease, box-shadow .25s ease, background .25s ease, border-color .25s ease, color .25s ease, translate .18s ease-out;}.btn-libelle { display: inline-block; transition: translate .18s ease-out; }.magnetic.magnetic-retour {transition: transform .25s ease, box-shadow .25s ease, background .25s ease, border-color .25s ease, color .25s ease, translate .7s cubic-bezier(.3,1.7,.45,1);}.magnetic-retour .btn-libelle { transition: translate .8s cubic-bezier(.3,1.7,.45,1); }:root {--curseur: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' viewBox='0 0 32 32'%3E%3Cg transform='translate(1.2 1.6)' fill='%23081120' fill-opacity='.35'%3E%3Cpath d='M5 3 8 23 11.8 16.2 19.5 14.6Z'/%3E%3C/g%3E%3Cg fill='%23f0913c' stroke='%23fff' stroke-width='1.4' stroke-linejoin='round'%3E%3Cpath d='M5 3 8 23 11.8 16.2 19.5 14.6Z'/%3E%3C/g%3E%3C/svg%3E") 5 3, auto;--curseur-main: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' viewBox='0 0 32 32'%3E%3Cg transform='translate(1.2 1.4)' fill='%23081120' fill-opacity='.35'%3E%3Ccircle cx='16' cy='4.4' r='2.4'/%3E%3Ccircle cx='10.6' cy='7.6' r='2.2'/%3E%3Ccircle cx='21.4' cy='7.6' r='2.2'/%3E%3Cpath d='M16 9C15 14 12.5 19 7.4 26.4L12.4 24 16 30.2 19.6 24 24.6 26.4C19.5 19 17 14 16 9Z'/%3E%3C/g%3E%3Cg fill='%23f0913c' stroke='%23fff' stroke-width='1.3' stroke-linejoin='round'%3E%3Ccircle cx='16' cy='4.4' r='2.4'/%3E%3Ccircle cx='10.6' cy='7.6' r='2.2'/%3E%3Ccircle cx='21.4' cy='7.6' r='2.2'/%3E%3Cpath d='M16 9C15 14 12.5 19 7.4 26.4L12.4 24 16 30.2 19.6 24 24.6 26.4C19.5 19 17 14 16 9Z'/%3E%3C/g%3E%3C/svg%3E") 16 2, pointer;}html { cursor: var(--curseur); }:is(a[href], button, label, summary, select, [role=button]) { cursor: var(--curseur-main); }:is(input:not([type=submit], [type=button], [type=checkbox], [type=radio]), textarea, [contenteditable]) { cursor: text; }@media (prefers-reduced-motion: reduce) {html { scroll-behavior: auto; }*, *::before, *::after { animation-duration: .01ms !important; animation-iteration-count: 1 !important; transition-duration: .01ms !important; }.reveal, .step-card, .hero [data-stagger] { opacity: 1 !important; transform: none !important; }.mockup { transform: none; }.line-reveal .line > span {transform: none !important;opacity: 1 !important;transition: none !important;}.btn.magnetic, .header-cta.magnetic, .btn-libelle { translate: none !important; }.line-reveal .l { opacity: 1 !important; transform: none !important; filter: none !important; }}@media print {#progress, header, .hero, .cta-band, footer, .nav-toggle, .header-cta-group { display: none !important; }body { background: #fff; color: #111; }.reveal, .hero [data-stagger] { opacity: 1 !important; transform: none !important; }section.light { background: #fff; }.geste, .path-card { break-inside: avoid; box-shadow: none; }}.kicker {display: inline-flex; align-items: center; gap: 10px;}.kicker::before {content: ""; width: 18px; height: 2px; border-radius: 2px;background: linear-gradient(90deg, var(--orange), var(--orange-hot));}.cta-band {position: relative; overflow: hidden;background:
radial-gradient(600px 280px at 85% 20%, rgba(240,145,60,.22), transparent 60%),linear-gradient(135deg, #0a1628 0%, #112544 55%, #0d1b30 100%) !important;border-top: 1px solid rgba(240,145,60,.2);border-bottom: 1px solid rgba(240,145,60,.2);}.cta-band::after {content: ""; position: absolute; inset: auto -5% -40% auto; width: 320px; height: 320px;background: url("assets/logo-mark-640.webp") center / contain no-repeat;opacity: .06; pointer-events: none;}.pain, .offer-card, .faq-item, .path-card {transition: transform .35s cubic-bezier(.2,.7,.2,1), box-shadow .35s ease, border-color .35s ease;}section.light .pain:hover {border-color: rgba(224,112,48,.35);box-shadow: 0 22px 44px rgba(20, 56, 92, .14);}.btn {position: relative; overflow: hidden;}.btn::after {content: ""; position: absolute; inset: 0;background: linear-gradient(120deg, transparent 20%, rgba(255,255,255,.22) 50%, transparent 80%);transform: translateX(-120%);transition: transform .55s ease;}.btn:hover::after { transform: translateX(120%); }html.js .hero-brand-banner {transition: transform .2s linear;will-change: transform;}.footer-lockup {display: block;margin-top: 2px;height: 34px;width: auto;max-width: 220px;object-fit: contain;opacity: .9;}@media (prefers-reduced-motion: reduce) {.hero-glow, .hero-brand-frame, .mockup { animation: none !important; }.logo-poussiere { display: none !important; }.reveal { opacity: 1; transform: none; filter: none; transition: none; }.btn::after { display: none; }}.nav {position: relative; gap: 2px; padding: 5px;background: var(--glass); border: 1px solid var(--glass-border); border-radius: 999px;backdrop-filter: blur(12px) saturate(1.15);-webkit-backdrop-filter: blur(12px) saturate(1.15);box-shadow: inset 0 1px 0 rgba(255, 255, 255, .05);}.nav a {z-index: 1; padding: 8px 16px; border-radius: 999px;font-size: 15px; font-weight: 600; line-height: 1.2; letter-spacing: .005em;color: #c4d2e0; transition: color .25s ease;}.nav a::after { display: none; }.nav a:hover, .nav a.actif { color: #fff; }.nav a:focus-visible { outline: 2px solid var(--orange-hot); outline-offset: 2px; color: #fff; }.nav-pastille {position: absolute; top: 5px; bottom: 5px; left: 0; width: 0; z-index: 0;border-radius: 999px; pointer-events: none; opacity: 0;background: linear-gradient(135deg, rgba(224, 112, 48, .32), rgba(240, 145, 60, .18));box-shadow: inset 0 0 0 1px rgba(240, 145, 60, .55), 0 6px 20px rgba(224, 112, 48, .2);transition: transform .5s cubic-bezier(.22, .8, .24, 1), width .5s cubic-bezier(.22, .8, .24, 1), opacity .3s ease;}.nav-pastille.visible { opacity: 1; }.nav-pastille.sur-place { transition: opacity .3s ease; }.cta-fleche { display: inline-block; transition: transform .25s ease; }.header-cta:hover .cta-fleche,.rideau-cta:hover .cta-fleche { transform: translateX(-3px); }.header-cta:focus-visible { outline: 2px solid var(--orange-hot); outline-offset: 3px; }@media (max-width: 1320px) {.header-inner { display: flex; justify-content: space-between; gap: 16px; }.nav a { padding: 8px 13px; }}@media (max-width: 1180px) {.header-inner { display: flex; gap: 12px; }.nav { display: none; }.nav-toggle { display: flex; }.header-cta-group { margin-left: auto; }.header-cta--contour { display: none; }}@media (min-width: 1181px) {.rideau { display: none !important; }}@media (max-width: 420px) {.header-inner { gap: 10px; }}@media (max-width: 384px) {.header-cta-group { display: none; }.nav-toggle { margin-left: auto; }}.rideau {position: fixed; inset: 0; z-index: 890;display: flex; flex-direction: column;padding: 120px clamp(16px, 3vw, 40px) max(28px, env(safe-area-inset-bottom));overflow-y: auto; overscroll-behavior: contain;background:
radial-gradient(520px 360px at 92% 4%, rgba(240, 145, 60, .16), transparent 65%),radial-gradient(640px 460px at 0% 100%, rgba(20, 56, 92, .55), transparent 70%),var(--bg-deep);opacity: 0; visibility: hidden;transition: opacity .35s ease, visibility 0s linear .35s;}.rideau[hidden] { display: none; }.rideau.ouvert { opacity: 1; visibility: visible; transition: opacity .35s ease; }.rideau-nav, .rideau-pied { width: 100%; max-width: 620px; }.rideau-nav { flex-direction: column; align-items: stretch; gap: 0; }.rideau-nav a,.rideau-pied {--delai: calc(90ms + var(--i, 0) * 60ms);opacity: 0; transform: translateY(18px);transition: opacity .45s ease var(--delai), transform .6s cubic-bezier(.2, .8, .2, 1) var(--delai), color .25s ease;}.rideau-nav a:nth-child(2) { --i: 1; }.rideau-nav a:nth-child(3) { --i: 2; }.rideau-nav a:nth-child(4) { --i: 3; }.rideau-nav a:nth-child(5) { --i: 4; }.rideau-pied { --i: 5; }.rideau.ouvert .rideau-nav a,.rideau.ouvert .rideau-pied { opacity: 1; transform: none; }.rideau:not(.ouvert) .rideau-nav a,.rideau:not(.ouvert) .rideau-pied { --delai: 0s; }.rideau-nav a {display: flex; align-items: baseline; gap: 16px;padding: 13px 0; border-bottom: 1px solid rgba(255, 255, 255, .08);font-size: 30px; font-weight: 700; line-height: 1.15; letter-spacing: -.02em;color: #f3f6fa; white-space: normal;}.rideau-nav a::after { display: none; }.rideau-nav a:hover { color: var(--orange-hot); }.rideau-num {min-width: 2.2ch; font-size: 12px; font-weight: 700; letter-spacing: .12em;color: var(--orange-hot); font-variant-numeric: tabular-nums;}.rideau-pied { margin-top: auto; padding-top: 32px; display: grid; gap: 18px; }.rideau-ctas { display: flex; flex-wrap: wrap; gap: 10px; }.rideau-cta {flex: 1 1 150px; display: inline-flex; align-items: center; justify-content: center; gap: 8px;padding: 14px 20px; border-radius: 999px; border: 1.5px solid transparent;font-size: 15px; font-weight: 700; line-height: 1.2; text-decoration: none; white-space: nowrap;transition: border-color .25s ease, color .25s ease;}.rideau-cta--plein {background: linear-gradient(135deg, var(--orange), var(--orange-hot)); color: #fff;box-shadow: 0 6px 22px rgba(224, 112, 48, .35);}.rideau-cta--contour { border-color: rgba(255, 255, 255, .3); color: #e8eef5; }.rideau-cta--contour:hover { border-color: var(--orange-hot); color: var(--orange-hot); }.rideau-tel {display: inline-flex; align-items: center; gap: 10px; justify-self: start;color: #c4d2e0; font-size: 16px; font-weight: 600; letter-spacing: .02em;text-decoration: none; font-variant-numeric: tabular-nums; transition: color .25s ease;}.rideau-tel svg { color: var(--orange-hot); flex-shrink: 0; }.rideau-tel:hover { color: #fff; }.rideau a:focus-visible { outline: 2px solid var(--orange-hot); outline-offset: 4px; border-radius: 8px; }.rideau-cta:focus-visible { border-radius: 999px; }html.rideau-ouvert header.scrolled {background: transparent; border-bottom-color: transparent; box-shadow: none;backdrop-filter: none; -webkit-backdrop-filter: none;}html.rideau-ouvert .header-cta-group { visibility: hidden; opacity: 0; }html.rideau-bloque { overflow: hidden; }@media (max-width: 520px) {.rideau { padding-top: 104px; }}@media (max-height: 640px) {.rideau { padding-top: 96px; }.rideau-nav a { font-size: 28px; padding: 9px 0; }}@media (prefers-reduced-motion: reduce) {.nav-pastille { transition: none; }.rideau, .rideau.ouvert, .rideau * { transition: none; }.rideau-nav a, .rideau-pied { transform: none; transition: none; }}#contact {padding: clamp(96px, 11vw, 144px) 0 clamp(88px, 10vw, 128px);overflow-x: clip;isolation: isolate;background:
radial-gradient(760px 460px at 20% 46%, rgba(240, 145, 60, .12), transparent 62%),radial-gradient(820px 520px at 86% 78%, rgba(20, 56, 92, .55), transparent 66%),linear-gradient(180deg, var(--bg-deep) 0%, var(--bg-navy) 46%, #060d18 100%);}html.monde-actif #contact {background:
radial-gradient(760px 460px at 20% 46%, rgba(240, 145, 60, .1), transparent 62%),linear-gradient(180deg, rgba(8, 17, 32, .38) 0%, rgba(10, 21, 38, .56) 50%, rgba(6, 13, 24, .9) 100%);}#contact::before {content: ""; position: absolute; z-index: -1; pointer-events: none;width: min(760px, 92vw); aspect-ratio: 1 / 1; left: -10%; top: 32%;border-radius: 50%;background: radial-gradient(circle, rgba(240, 145, 60, .14), transparent 64%);animation: pulseGlow 9s ease-in-out infinite;}.contact-intro { max-width: 860px; margin: 0 auto; text-align: center; }.contact-intro .section-sub { margin: 18px auto 0; }.contact-wrap {display: grid; grid-template-columns: minmax(0, 5fr) minmax(0, 7fr);gap: clamp(28px, 4vw, 56px); align-items: stretch;margin-top: clamp(48px, 6vw, 72px);}@media (max-width: 900px) {.contact-wrap { grid-template-columns: minmax(0, 1fr); max-width: 620px; margin-left: auto; margin-right: auto; }}.contact-info { display: flex; flex-direction: column; }.contact-pied { max-width: 760px; margin: clamp(32px, 4vw, 44px) auto 0; }@media (max-width: 900px) { .contact-pied { max-width: 620px; } }.contact-carte-cadre { flex: 1; display: flex; flex-direction: column; perspective: 1100px; }.contact-carte {position: relative; flex: 1;display: flex; flex-direction: column; justify-content: center;padding: clamp(26px, 3vw, 36px) clamp(20px, 2.6vw, 32px) clamp(22px, 2.6vw, 30px);border-radius: 24px;text-align: center;background:
linear-gradient(160deg, rgba(255, 255, 255, .07), rgba(255, 255, 255, .015) 42%),rgba(12, 25, 45, .66);border: 1px solid rgba(255, 255, 255, .11);box-shadow: 0 30px 70px rgba(0, 0, 0, .42), inset 0 1px 0 rgba(255, 255, 255, .08);backdrop-filter: blur(14px) saturate(1.15);-webkit-backdrop-filter: blur(14px) saturate(1.15);transition: transform .5s cubic-bezier(.2, .7, .2, 1), border-color .4s ease;will-change: transform;}.contact-carte::before {content: ""; position: absolute; top: -1px; left: 18%; right: 18%; height: 1px;background: linear-gradient(90deg, transparent, var(--orange-hot), transparent);}.contact-carte::after {content: ""; position: absolute; inset: 0; border-radius: inherit; pointer-events: none;background: radial-gradient(420px circle at var(--mx, 50%) var(--my, 0%), rgba(255, 255, 255, .08), transparent 46%);opacity: 0; transition: opacity .4s ease;}.contact-carte.survolee { border-color: rgba(240, 145, 60, .3); }.contact-carte.survolee::after { opacity: 1; }.contact-carte > :not(.contact-logo) { position: relative; z-index: 1; }.contact-logo {position: relative; width: clamp(200px, 19vw, 240px); aspect-ratio: 1 / 1;margin: 0 auto 16px;}.contact-logo canvas,.contact-logo-secours {position: absolute; inset: 0; width: 100%; height: 100%; display: block;}.contact-logo-secours {border-radius: 50%; object-fit: contain;filter: drop-shadow(0 16px 34px rgba(0, 0, 0, .45)) drop-shadow(0 0 26px rgba(240, 145, 60, .3));transition: opacity .8s ease, visibility 0s linear .8s;}.contact-logo.is-live .contact-logo-secours { opacity: 0; visibility: hidden; }.contact-logo canvas { inset: -30%; width: 160%; height: 160%; pointer-events: none; }@media (max-width: 960px) {.contact-logo canvas { inset: -15%; width: 130%; height: 130%; }}.contact-carte .brand-name {align-self: center; margin: 0; color: #fff; font-size: clamp(26px, 2.4vw, 30px); font-weight: 800;letter-spacing: -.02em; line-height: 1.1;}.contact-lieu {margin-top: 8px; font-size: 12px; font-weight: 700; letter-spacing: 3px;text-transform: uppercase; color: var(--orange-hot);}.contact-actions {display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px;margin: 24px 0 22px;}.contact-action {display: flex; flex-direction: column; align-items: center; gap: 8px;padding: 14px 6px 12px; border-radius: 16px;color: #e8eef5; font-size: 13.5px; font-weight: 700; line-height: 1.2; text-decoration: none;background: rgba(255, 255, 255, .04); border: 1px solid rgba(255, 255, 255, .1);transition: transform .3s cubic-bezier(.2, .7, .2, 1), background .3s ease, border-color .3s ease;}.contact-action-ico {display: grid; place-items: center; width: 42px; height: 42px; border-radius: 50%;color: var(--orange-hot); background: rgba(240, 145, 60, .12); border: 1px solid rgba(240, 145, 60, .3);transition: background .3s ease, color .3s ease, box-shadow .3s ease, border-color .3s ease;}.contact-action svg {width: 20px; height: 20px; fill: none; stroke: currentColor;stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round;}.contact-action:hover { transform: translateY(-3px); background: rgba(240, 145, 60, .08); border-color: rgba(240, 145, 60, .45); }.contact-action:hover .contact-action-ico {color: #fff; border-color: transparent;background: linear-gradient(135deg, var(--orange), var(--orange-hot));box-shadow: 0 8px 22px rgba(224, 112, 48, .45);}.contact-action:focus-visible,.contact-coord a:focus-visible { outline: 2px solid var(--orange-hot); outline-offset: 3px; }.contact-coord {list-style: none; display: grid; gap: 12px; text-align: left;padding-top: 18px; border-top: 1px solid rgba(255, 255, 255, .08);}.contact-coord li {display: grid; grid-template-columns: 86px minmax(0, 1fr); gap: 12px;font-size: 15px; line-height: 1.5; color: #c5d4e4;}.contact-coord li > span {padding-top: 3px; font-size: 11px; font-weight: 700; letter-spacing: 1.6px;text-transform: uppercase; color: #8fa6bd;}.contact-coord a {color: #fff; font-weight: 700; text-decoration: none; overflow-wrap: anywhere;border-bottom: 1px solid rgba(240, 145, 60, .4); transition: color .25s ease, border-color .25s ease;}.contact-coord a:hover { color: var(--orange-hot); border-color: var(--orange-hot); }@media (max-width: 420px) {.contact-coord li { grid-template-columns: minmax(0, 1fr); gap: 0; }.contact-action { font-size: 12.5px; }}.contact-offre {font-size: 14px; font-weight: 700; line-height: 1.45; color: #f6dcc4;text-align: center; text-wrap: balance;}.contact-offre::before {content: ""; display: inline-block; vertical-align: middle; margin: -2px 10px 0 0;width: 7px; height: 7px; border-radius: 50%;background: var(--orange-hot); animation: contactPouls 2.6s ease-in-out infinite;}@keyframes contactPouls {0%, 100% { box-shadow: 0 0 0 3px rgba(240, 145, 60, .24); }50% { box-shadow: 0 0 0 7px rgba(240, 145, 60, 0); }}.contact-zone { margin-top: 10px; font-size: 14.5px; line-height: 1.7; color: #a9bccf; text-align: center; }@property --contact-angle {syntax: "<angle>";inherits: false;initial-value: 0deg;}.contact-panneau { position: relative; isolation: isolate; border-radius: 26px; display: flex; flex-direction: column; }.contact-verre {position: relative; border-radius: inherit;flex: 1; display: flex; flex-direction: column;padding: clamp(22px, 3.2vw, 40px);background:
radial-gradient(520px 260px at 100% 0%, rgba(240, 145, 60, .07), transparent 60%),linear-gradient(160deg, rgba(17, 37, 68, .82), rgba(8, 17, 32, .88));border: 1px solid rgba(255, 255, 255, .08);box-shadow: 0 34px 80px rgba(0, 0, 0, .45), inset 0 1px 0 rgba(255, 255, 255, .06);backdrop-filter: blur(16px) saturate(1.2);-webkit-backdrop-filter: blur(16px) saturate(1.2);}.contact-panneau::before,.contact-panneau::after {content: ""; position: absolute; inset: 0; border-radius: inherit; pointer-events: none;background: conic-gradient(from var(--contact-angle),rgba(240, 145, 60, 0) 0deg, var(--orange-hot) 62deg, #ffc178 82deg, rgba(240, 145, 60, 0) 132deg,rgba(59, 111, 163, .15) 180deg, rgba(86, 140, 196, .95) 242deg, rgba(59, 111, 163, .15) 304deg,rgba(240, 145, 60, 0) 360deg);animation: contactTour 7s linear infinite;}.contact-panneau::before { z-index: -1; inset: 8px; filter: blur(24px); opacity: .5; transition: opacity .5s ease; }.contact-panneau:focus-within::before { opacity: .85; }.contact-panneau::after {z-index: 1; padding: 1.5px;-webkit-mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);-webkit-mask-composite: xor;mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);mask-composite: exclude;}.contact-panneau:not(.in)::before,.contact-panneau:not(.in)::after { animation-play-state: paused; }@keyframes contactTour { to { --contact-angle: 360deg; } }#contactForm { color-scheme: dark; flex: 1; display: flex; flex-direction: column; }#contactForm[hidden] { display: none; }.champs { flex: 1; display: grid; grid-template-columns: minmax(0, 1fr); grid-template-rows: auto auto auto auto 1fr; gap: 14px; }.champ-large { display: flex; flex-direction: column; }.champ-large textarea { flex: 1; }.champ { position: relative; }.champ input,.champ textarea,.champ select {display: block; width: 100%; min-height: 60px;padding: 25px 16px 9px;font: inherit; font-size: 16px; line-height: 1.4; color: #f1f5fa;background: rgba(6, 13, 26, .55);border: 1.5px solid rgba(255, 255, 255, .14); border-radius: 14px;-webkit-appearance: none; appearance: none;transition: border-color .25s ease, box-shadow .3s ease, background-color .25s ease;}.champ textarea { min-height: 136px; padding-top: 29px; resize: vertical; }.champ select {cursor: var(--curseur-main); padding-right: 46px;background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23f0913c' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-repeat: no-repeat; background-position: right 16px center; background-size: 16px;}.champ select:invalid { color: #8fa6bd; }.champ select option { color: #e8eef5; background: #0d1b30; }.champ label {position: absolute; left: 17px; top: 19px;max-width: calc(100% - 34px); overflow: hidden; text-overflow: ellipsis; white-space: nowrap;font-size: 15.5px; font-weight: 600; line-height: 1.3; color: #a9bccf;transform-origin: 0 0; pointer-events: none;transition: transform .28s cubic-bezier(.2, .7, .2, 1), color .25s ease;}.champ input:focus + label,.champ textarea:focus + label,.champ input:not(:placeholder-shown) + label,.champ textarea:not(:placeholder-shown) + label,.champ select + label {transform: translateY(-11px) scale(.74);max-width: calc((100% - 34px) / .74);color: #c5d4e4;}.champ input:-webkit-autofill + label { transform: translateY(-11px) scale(.74); }.champ ::placeholder { color: transparent; opacity: 1; transition: color .25s ease; }.champ textarea:focus::placeholder { color: #7f96ad; }.champ input:hover,.champ textarea:hover,.champ select:hover { border-color: rgba(255, 255, 255, .26); }.champ input:focus,.champ textarea:focus,.champ select:focus {outline: none;border-color: var(--orange-hot);background-color: rgba(6, 13, 26, .74);box-shadow: 0 0 0 4px rgba(240, 145, 60, .16), 0 0 30px rgba(240, 145, 60, .26);}.champ input:focus + label,.champ textarea:focus + label,.champ select:focus + label { color: var(--orange-hot); }.champ input:-webkit-autofill {-webkit-text-fill-color: #f1f5fa; caret-color: #f1f5fa;box-shadow: 0 0 0 40px #0c1a2e inset;}.champ input:-webkit-autofill:focus { box-shadow: 0 0 0 40px #0c1a2e inset, 0 0 0 4px rgba(240, 145, 60, .16); }#contactForm .btn { display: block; width: 100%; margin-top: 22px; padding: 17px 32px; font-size: 16.5px; }#contactForm .btn:disabled { cursor: progress; opacity: .78; transform: none; }#contactForm .btn:focus-visible { outline: 2px solid #fff; outline-offset: 3px; }.form-erreur {margin-top: 14px; padding: 12px 16px; border-radius: 12px;font-size: 14.5px; line-height: 1.5; color: #ffd6c4;background: rgba(224, 80, 48, .12); border: 1px solid rgba(240, 110, 70, .42);}.form-erreur:empty { margin: 0; padding: 0; border: 0; }.form-erreur a { color: #fff; font-weight: 700; white-space: nowrap; }.form-success {display: flex; flex-direction: column; align-items: center; justify-content: center;gap: 12px; min-height: 320px; padding: 24px 8px; text-align: center;animation: contactSuccesIn .5s ease both;}@keyframes contactSuccesIn { from { opacity: 0; } }.form-success-coche {width: 92px; height: 92px; margin-bottom: 8px; overflow: visible;filter: drop-shadow(0 0 18px rgba(240, 145, 60, .45));}.form-success-coche path {stroke-linecap: round; stroke-linejoin: round;stroke-dasharray: 1; stroke-dashoffset: 1;}.coche-cercle {fill: rgba(240, 145, 60, .1); stroke: var(--orange-hot); stroke-width: 3;animation: cocheTrace .6s cubic-bezier(.65, 0, .35, 1) .1s forwards;}.coche-trait {fill: none; stroke: #fff; stroke-width: 4.5;animation: cocheTrace .42s cubic-bezier(.65, 0, .35, 1) .6s forwards;}@keyframes cocheTrace { to { stroke-dashoffset: 0; } }.form-success h3 { font-size: clamp(20px, 2.2vw, 24px); font-weight: 800; line-height: 1.3; color: #fff; }.form-success p { max-width: 380px; font-size: 15.5px; line-height: 1.6; color: #a9bccf; }.gerbe { position: absolute; inset: 0; z-index: 2; pointer-events: none; }.gerbe span {position: absolute; border-radius: 50%; opacity: 0;translate: -50% -50%;box-shadow: 0 0 10px rgba(240, 145, 60, .75);}@media (prefers-reduced-motion: reduce) {#contact::before,.contact-offre::before,.contact-panneau::before,.contact-panneau::after { animation: none; }.contact-carte { transform: none !important; transition: none; }.contact-action:hover { transform: none; }.champ label { transition: none; }.form-success { animation: none; }.form-success-coche .coche-cercle,.form-success-coche .coche-trait { animation: none; stroke-dashoffset: 0; }}.formation-hero .lead { max-width: 560px; }.guide-cadre {justify-self: center;width: min(100%, 560px);}@media (max-width: 960px) {.guide-cadre { width: min(100%, 440px); }}.guide-stage {position: relative;aspect-ratio: 6 / 5;container-type: inline-size;}.guide-stage canvas {position: absolute; inset: 0;width: 100%; height: 100%; display: block;opacity: 0; transition: opacity 1s ease;}.guide-stage.is-live canvas { opacity: 1; }.guide-secours {position: absolute; inset: 0;display: grid; place-items: center;perspective: 1100px;transition: opacity .8s ease, visibility 0s linear .8s;}.guide-stage.is-live .guide-secours { opacity: 0; visibility: hidden; }.guide-secours::after {content: ""; position: absolute; left: 50%; bottom: 7%;width: 44cqw; height: 5cqw; translate: -50% 0;border-radius: 50%;background: radial-gradient(closest-side, rgba(0, 0, 0, .5), transparent);pointer-events: none;}.guide-livret {position: relative; z-index: 1;width: 42cqw; aspect-ratio: 1 / 1.38;display: flex; flex-direction: column; align-items: center; justify-content: center;gap: 1.4cqw;padding: 4cqw 3cqw 4cqw 5cqw;border-radius: .5cqw 1.4cqw 1.4cqw .5cqw;background:
radial-gradient(120% 70% at 80% 0%, rgba(240, 145, 60, .16), transparent 60%),linear-gradient(165deg, #13365a 0%, #0b1a2e 100%);color: #fff; text-align: center;box-shadow:
inset 0 0 0 .25cqw rgba(255, 255, 255, .06),.45cqw .45cqw 0 #efe7da,.9cqw .9cqw 0 #e0d6c6,0 3cqw 6cqw rgba(0, 0, 0, .45);transform: rotateY(-18deg) rotateX(7deg) rotateZ(-2deg);animation: livretFlotte 6s ease-in-out infinite alternate;}.guide-livret::before {content: ""; position: absolute; left: 0; top: 0; bottom: 0; width: 2cqw;border-radius: .5cqw 0 0 .5cqw;background: linear-gradient(180deg, var(--orange-hot), var(--orange));box-shadow: inset -.3cqw 0 .6cqw rgba(0, 0, 0, .25);}.guide-livret img {width: 15cqw; height: auto; border-radius: 50%;box-shadow: 0 1cqw 2.4cqw rgba(0, 0, 0, .35);}.guide-livret-titre {margin-top: 1.6cqw;font-size: 6.4cqw; font-weight: 800; line-height: 1; letter-spacing: -.1cqw;}.guide-livret-marque { font-size: 3.4cqw; font-weight: 700; line-height: 1; color: #dbe6f1; }.guide-livret-marque em { font-style: normal; color: var(--orange-hot); }.guide-livret-pied {margin-top: 2.6cqw; padding-top: 1.6cqw;border-top: .3cqw solid var(--orange);font-size: 1.55cqw; font-weight: 700; letter-spacing: .45cqw; text-transform: uppercase;color: #7d93ad;}@keyframes livretFlotte {from { transform: rotateY(-18deg) rotateX(7deg) rotateZ(-2deg) translateY(0); }to { transform: rotateY(-12deg) rotateX(5deg) rotateZ(-1deg) translateY(-2.5%); }}.hublot-formation {background:
radial-gradient(900px 460px at 88% 6%, rgba(224, 112, 48, .1), transparent 60%),linear-gradient(180deg, var(--bg-deep), var(--bg-navy) 45%, var(--bg-deep));}html.monde-actif .hublot-formation {background:
radial-gradient(900px 460px at 88% 6%, rgba(224, 112, 48, .08), transparent 60%),linear-gradient(180deg, rgba(8, 17, 32, .76), rgba(13, 27, 48, .62) 45%, rgba(8, 17, 32, .76));}.cards.formules { grid-template-columns: 1fr; gap: 22px; }@media (min-width: 640px) {.cards.formules { grid-template-columns: repeat(2, 1fr); }}@media (min-width: 1100px) {.cards.formules { grid-template-columns: repeat(4, 1fr); }}.formules > [id] { scroll-margin-top: 110px; }.formules .card .tag { font-weight: 700; }.assistance {position: relative; overflow: hidden;display: grid; grid-template-columns: 1fr auto auto; align-items: center;gap: 18px 36px;margin-top: 30px; padding: 26px 30px 26px 36px;background: #fff; border: 1px solid #e5dfd6; border-radius: 18px;box-shadow: 0 10px 30px rgba(20, 56, 92, .06);scroll-margin-top: 110px;}.assistance::before {content: ""; position: absolute; left: 0; top: 0; bottom: 0; width: 4px;background: linear-gradient(180deg, var(--orange-hot), var(--orange));}.assistance-etiquette {display: block;font-size: 11.5px; font-weight: 700; letter-spacing: 2.5px; text-transform: uppercase;color: var(--orange);}.assistance h3 { color: var(--navy); font-size: 21px; margin: 4px 0 6px; }.assistance p { color: var(--ink-soft); font-size: 14.5px; max-width: 560px; }.assistance-prix { display: flex; flex-direction: column; align-items: flex-end; line-height: 1.1; }.assistance-montant { font-size: 36px; font-weight: 800; letter-spacing: -1px; color: var(--orange); }.assistance-duree { margin-top: 4px; font-size: 12px; color: var(--ink-soft); }.assistance .btn.ghost {margin-left: 0; white-space: nowrap;color: var(--navy); border-color: #c8d2de;}.assistance .btn.ghost:hover { color: var(--orange); border-color: var(--orange-hot); }@media (max-width: 760px) {.assistance { grid-template-columns: 1fr auto; padding: 24px 22px 24px 28px; }.assistance-texte { grid-column: 1 / -1; }.assistance-prix { align-items: flex-start; }}@media (max-width: 420px) {.assistance { grid-template-columns: 1fr; }.assistance .btn.ghost { text-align: center; }}.formules-note { margin-top: 26px; max-width: 760px; font-size: 14.5px; }.formation-actions { margin-top: 28px; }.geste-list {display: grid; grid-template-columns: repeat(5, 1fr); gap: 18px;margin-top: 40px;}@media (max-width: 1120px) { .geste-list { grid-template-columns: repeat(3, 1fr); } }@media (max-width: 760px) { .geste-list { grid-template-columns: repeat(2, 1fr); } }@media (max-width: 480px) { .geste-list { grid-template-columns: 1fr; } }.geste {position: relative;display: flex; flex-direction: column;padding: 24px 20px 20px;background: var(--glass); border: 1px solid var(--glass-border); border-radius: 16px;backdrop-filter: blur(8px); -webkit-backdrop-filter: blur(8px);transition:
opacity .55s cubic-bezier(.2,.7,.2,1),transform .55s cubic-bezier(.2,.7,.2,1),filter .4s ease,translate .35s cubic-bezier(.2,.7,.2,1),border-color .35s ease,box-shadow .35s ease;}.geste:hover {translate: 0 -6px;border-color: rgba(240, 145, 60, .38);box-shadow: 0 22px 44px rgba(0, 0, 0, .3);}.geste-n { font-size: 13px; font-weight: 800; letter-spacing: 2px; color: var(--orange-hot); }.geste h3 { margin: 10px 0 8px; font-size: 17px; color: #fff; }.geste p { flex: 1; font-size: 14px; line-height: 1.6; color: #a9bccf; }.geste-link {margin-top: 14px;font-size: 13px; font-weight: 700; text-decoration: none;color: var(--orange-hot);}.geste-link:hover { text-decoration: underline; text-underline-offset: 3px; }.form-pillars {display: grid; grid-template-columns: repeat(3, 1fr); gap: 22px;margin-top: 40px;}@media (max-width: 800px) { .form-pillars { grid-template-columns: 1fr; } }.form-pillars article {position: relative;padding: 28px 24px 24px;background: #fff; border: 1px solid #e5dfd6; border-radius: 16px;transition:
opacity .55s cubic-bezier(.2,.7,.2,1),transform .55s cubic-bezier(.2,.7,.2,1),filter .4s ease,translate .35s cubic-bezier(.2,.7,.2,1),border-color .35s ease,box-shadow .35s ease;}.form-pillars article:hover {translate: 0 -5px;border-color: rgba(224, 112, 48, .35);box-shadow: 0 22px 44px rgba(20, 56, 92, .12);}.form-pillar-n {display: inline-grid; place-items: center;width: 38px; height: 38px; border-radius: 50%;background: linear-gradient(135deg, var(--orange), var(--orange-hot));box-shadow: 0 6px 18px rgba(224, 112, 48, .32);color: #fff; font-size: 16px; font-weight: 800;}.form-pillars h3 { margin: 14px 0 8px; font-size: 18px; color: var(--navy); }.form-pillars p { font-size: 14.5px; color: var(--ink-soft); }.form-pillars-note {margin-top: 24px; max-width: 820px;padding: 16px 20px;border-left: 3px solid var(--orange); border-radius: 0 12px 12px 0;background: rgba(224, 112, 48, .06);font-size: 14px; color: var(--ink-soft);}.path-grid {display: grid; grid-template-columns: repeat(2, 1fr); gap: 24px;margin-top: 40px;}@media (max-width: 760px) { .path-grid { grid-template-columns: 1fr; } }.path-card {position: relative;display: flex; flex-direction: column;padding: 30px 28px 28px;background: var(--glass); border: 1px solid var(--glass-border); border-radius: 18px;backdrop-filter: blur(8px); -webkit-backdrop-filter: blur(8px);transition:
opacity .55s cubic-bezier(.2,.7,.2,1),transform .55s cubic-bezier(.2,.7,.2,1),filter .4s ease,translate .35s cubic-bezier(.2,.7,.2,1),border-color .35s ease,box-shadow .35s ease;}.path-card:hover {translate: 0 -6px;border-color: rgba(240, 145, 60, .38);box-shadow: 0 24px 50px rgba(0, 0, 0, .32);}.path-label {align-self: flex-start;padding: 5px 12px; border-radius: 999px;border: 1px solid rgba(240, 145, 60, .3); background: rgba(224, 112, 48, .12);font-size: 11.5px; font-weight: 700; letter-spacing: 2px; text-transform: uppercase;color: var(--orange-hot);}.path-card h3 { margin: 16px 0 4px; font-size: 24px; color: #fff; }.path-card .price { font-size: 32px; font-weight: 800; letter-spacing: -.8px; color: var(--orange-hot); }.path-card .psub {margin-bottom: 14px; padding-bottom: 14px;border-bottom: 1px solid var(--glass-border);font-size: 12.5px; color: #7d93ad;}.path-card p { font-size: 14.5px; color: #a9bccf; }.path-card ul { flex: 1; list-style: none; margin: 16px 0 24px; }.path-card li {position: relative;padding: 6px 0 6px 24px;border-bottom: 1px solid rgba(255, 255, 255, .06);font-size: 14px; color: #c9d6e3;}.path-card li:last-child { border-bottom: none; }.path-card li::before { content: "✓"; position: absolute; left: 0; color: var(--orange-hot); font-weight: 800; }.path-card .btn { align-self: flex-start; }.path-card .btn.ghost { margin-left: 0; }@media (max-width: 520px) {.path-card .btn { align-self: stretch; text-align: center; }}@media (prefers-reduced-motion: reduce) {.guide-livret { animation: none; }.guide-secours,.guide-stage canvas { transition: none; }.geste:hover,.form-pillars article:hover,.path-card:hover { translate: none; }}.opts-panel,.step-card { position: relative; }.projecteur::before,.projecteur::after {content: ""; position: absolute; border-radius: inherit;pointer-events: none; opacity: 0; transition: opacity .35s ease;}.projecteur::before {inset: -1px; padding: 1.5px; z-index: 2;background: radial-gradient(240px circle at var(--px, -999px) var(--py, -999px), rgba(240, 145, 60, .95), rgba(240, 145, 60, .25) 45%, transparent 72%);-webkit-mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);-webkit-mask-composite: xor;mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);mask-composite: exclude;}.projecteur::after {inset: 0; z-index: 1;background: radial-gradient(340px circle at var(--px, -999px) var(--py, -999px), rgba(240, 145, 60, .08), transparent 70%);}.projecteur.eclairee::before,.projecteur.eclairee::after { opacity: 1; }header {transition: padding .35s ease, background .35s ease, border-color .35s ease, box-shadow .35s ease,backdrop-filter .35s ease, -webkit-backdrop-filter .35s ease;}header.scrolled.discret {background: transparent; border-bottom-color: transparent; box-shadow: none;backdrop-filter: none; -webkit-backdrop-filter: none;}.brand-name { transition: opacity .35s ease, translate .35s ease; }.brand-mark {transition: transform .3s cubic-bezier(.2,.7,.2,1), box-shadow .3s ease, width .25s ease, height .25s ease, opacity .35s ease;}header.discret .brand { pointer-events: none; }header.discret .brand-mark { pointer-events: auto; opacity: .72; }header.discret .brand-name { opacity: 0; translate: -8px 0; }header.discret .brand:hover .brand-mark,header.discret .brand:focus-visible .brand-mark,html.rideau-ouvert header.discret .brand-mark { opacity: 1; }header.discret .brand:focus-visible .brand-name,html.rideau-ouvert header.discret .brand-name { opacity: 1; translate: none; }html.rideau-ouvert header.discret .brand { pointer-events: auto; }.nav,.nav-toggle { transition: background .35s ease, border-color .35s ease, box-shadow .35s ease; }.header-cta--contour { transition: transform .25s ease, background .35s ease, border-color .25s ease, box-shadow .25s ease, color .25s ease; }header.discret .nav {background: rgba(8, 17, 32, .74); border-color: rgba(255, 255, 255, .1);backdrop-filter: blur(14px) saturate(1.2); -webkit-backdrop-filter: blur(14px) saturate(1.2);box-shadow: 0 10px 30px rgba(8, 17, 32, .22), inset 0 1px 0 rgba(255, 255, 255, .05);}header.discret .nav:hover,header.discret .nav:focus-within {background: rgba(8, 17, 32, .9); border-color: rgba(240, 145, 60, .28);box-shadow: 0 14px 38px rgba(8, 17, 32, .32), inset 0 1px 0 rgba(255, 255, 255, .06);}header.discret .header-cta--contour,header.discret .nav-toggle {background: rgba(8, 17, 32, .74); border-color: rgba(255, 255, 255, .16);backdrop-filter: blur(14px); -webkit-backdrop-filter: blur(14px);}header.discret .header-cta--contour:hover { background: rgba(8, 17, 32, .9); }@view-transition { navigation: auto; }#header { view-transition-name: entete; }::view-transition-group(entete),::view-transition-old(entete),::view-transition-new(entete) {animation-duration: .7s; animation-timing-function: cubic-bezier(.4, 0, .2, 1);}::view-transition-group(root) { animation-duration: 2s; }::view-transition-old(root),::view-transition-new(root) {animation-duration: 2s;animation-timing-function: cubic-bezier(.45, 0, .18, 1);mix-blend-mode: normal;}@keyframes page-part-vers-vous {from { transform: scale(1); filter: blur(0); opacity: 1; }18% { opacity: .92; }to { transform: scale(1.18); filter: blur(12px); opacity: 0; }}@keyframes page-vient-du-fond {from { transform: scale(.84); filter: blur(14px); opacity: 0; }20% { opacity: .35; }62% { opacity: 1; }to { transform: scale(1); filter: blur(0); opacity: 1; }}@keyframes page-recule {from { transform: scale(1); filter: blur(0); opacity: 1; }18% { opacity: .92; }to { transform: scale(.82); filter: blur(12px); opacity: 0; }}@keyframes page-vient-de-lavant {from { transform: scale(1.2); filter: blur(14px); opacity: 0; }20% { opacity: .35; }62% { opacity: 1; }to { transform: scale(1); filter: blur(0); opacity: 1; }}html.page-formation::view-transition-old(root) { animation-name: page-part-vers-vous; }html.page-formation::view-transition-new(root) { animation-name: page-vient-du-fond; }html:not(.page-formation)::view-transition-old(root) { animation-name: page-recule; }html:not(.page-formation)::view-transition-new(root) { animation-name: page-vient-de-lavant; }@media (prefers-reduced-motion: reduce) {@keyframes page-fondu-sortie { from { opacity: 1; } to { opacity: 0; } }@keyframes page-fondu-entree { from { opacity: 0; } to { opacity: 1; } }::view-transition-old(root),::view-transition-new(root),::view-transition-old(entete),::view-transition-new(entete) {animation-duration: .25s; animation-timing-function: ease; filter: none;}::view-transition-group(root),::view-transition-group(entete) { animation-duration: .25s; }html.page-formation::view-transition-old(root),html:not(.page-formation)::view-transition-old(root) { animation-name: page-fondu-sortie; }html.page-formation::view-transition-new(root),html:not(.page-formation)::view-transition-new(root) { animation-name: page-fondu-entree; }}