:root{color-scheme:dark;--bg:#0a1028;--panel:#131c37;--line:#2a3552;--text:#f5f5ff;--muted:#b9c4dc;--cyan:#7ae6ed;--coral:#ff9c90;--purple:#bcadff}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:2rem}body{margin:0;background:var(--bg);color:var(--text);font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;line-height:1.6}a{color:inherit;text-underline-offset:5px}a:focus-visible,summary:focus-visible{outline:3px solid var(--cyan);outline-offset:6px}img{display:block;max-width:100%;height:auto}.wrap{width:min(1200px,calc(100% - 80px));margin:auto}.header{display:flex;align-items:center;justify-content:space-between;gap:28px;padding:28px 0}.brand{font-size:1.2rem;font-weight:900;letter-spacing:.04em;text-decoration:none;display:flex;align-items:center;gap:10px}.brand-mark{display:grid;place-items:center;background:var(--cyan);color:var(--bg);width:32px;height:36px;transform:skew(-10deg);font-style:italic;border-radius:7px}.header nav{display:flex;gap:28px}.header nav a{font-size:.9rem;text-decoration:none;color:var(--muted)}.button{display:inline-flex;align-items:center;justify-content:center;min-height:54px;padding:14px 24px;background:var(--cyan);color:var(--bg);font-weight:750;border-radius:8px;text-decoration:none;transition:background .2s,transform .2s}.button:hover{background:#acf6fa;transform:translateY(-2px)}.button.secondary{background:transparent;color:var(--text);border:1px solid #67728d}.button.small{font-size:.875rem;min-height:44px;padding:10px 18px}.text-link{font-weight:650}.skip{position:absolute;left:16px;top:-100px;z-index:5;background:var(--cyan);color:var(--bg);padding:12px}.skip:focus{top:16px}.hero{display:grid;grid-template-columns:1.1fr 1fr;gap:44px;align-items:center;min-height:760px;padding:60px 0 70px}.eyebrow{font-size:.8rem;letter-spacing:.15em;font-weight:800;color:var(--cyan);margin:0 0 22px}.dash{display:inline-block;width:28px;height:2px;background:var(--cyan);vertical-align:middle;margin-right:10px}h1,h2,h3,p{margin-top:0}h1{font-size:clamp(3.7rem,6.8vw,6.1rem);line-height:1.03;letter-spacing:-.055em;margin-bottom:28px;font-weight:850}em{font-style:normal;color:var(--cyan)}.intro{max-width:490px;font-size:1.15rem;color:var(--muted);line-height:1.7}.actions{display:flex;align-items:center;gap:26px;margin-top:32px;flex-wrap:wrap}.availability{font-size:.875rem;color:var(--muted);margin:24px 0 0}.availability span{color:var(--coral);margin-right:6px}.hero-visual{position:relative;isolation:isolate;margin:0;display:flex;flex-direction:column;align-items:center}.orbit{position:absolute;inset:8% -2% 10%;z-index:-1;background:radial-gradient(ellipse,#5550a650,transparent 68%);border:1px solid #8178c535;border-radius:50%;transform:rotate(-22deg)}.orbit:before{content:"";position:absolute;inset:22px -30px;border:1px solid #66d6e52b;border-radius:50%}.app-shot{width:258px;max-width:70%;border:7px solid #222c47;border-radius:38px;box-shadow:0 35px 70px #0008;transform:rotate(5deg)}.visual-label{align-self:flex-end;font-size:.75rem;letter-spacing:.14em;color:var(--purple);margin:0 0 24px}.hero-visual figcaption{margin:24px 0 0;color:var(--muted);font-size:.75rem;text-align:center}.principles{border-block:1px solid var(--line);background:#101831}.principles .wrap{display:flex;justify-content:space-between;gap:18px;padding:24px 0;color:var(--muted);font-size:.9rem}.principles span:before{content:"+";color:var(--cyan);margin-right:15px}.section{padding-top:96px;padding-bottom:24px}.section-heading{display:flex;justify-content:space-between;gap:60px;align-items:end;margin-bottom:38px}h2{font-size:clamp(2rem,3.4vw,3rem);line-height:1.15;letter-spacing:-.04em;margin-bottom:24px}.section-heading>p{max-width:340px;color:var(--muted);margin-bottom:28px}.features{display:grid;grid-template-columns:1.1fr 1fr 1fr;gap:18px}.feature{padding:32px;border:1px solid var(--line);border-radius:16px;background:var(--panel)}.feature.featured{background:#242043;border-color:#514571}.number{display:block;color:var(--purple);font-size:.75rem;letter-spacing:.07em;font-weight:750;margin-bottom:40px}h3{font-size:1.5rem;line-height:1.25;letter-spacing:-.025em;margin-bottom:18px}.feature p{color:var(--muted);margin:0}.tags{display:flex;flex-wrap:wrap;gap:8px;margin-top:28px}.tags span,.pill{font-size:.8rem;border:1px solid #766892;border-radius:30px;padding:5px 12px}.movement{margin-top:20px;position:relative;isolation:isolate;overflow:hidden;border-radius:16px;min-height:350px;background:#d3f2f4;color:#123245;display:flex;align-items:center}.movement img{position:absolute;inset:0 0 0 auto;height:100%;width:66%;object-fit:cover;object-position:75% center;z-index:-2}.movement:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#d3f2f4 35%,#d3f2f400 75%);z-index:-1}.movement>div{padding:42px;max-width:53%}.movement .eyebrow{color:#24566c}.movement h3{font-size:2.5rem}.movement p{margin-bottom:20px}.movement .pill{border-color:#638d99}.approach{margin-top:80px;padding-block:70px;background:#111930;border-block:1px solid var(--line)}.approach-grid{display:grid;grid-template-columns:1fr 1fr;gap:80px}.approach p:not(.eyebrow){color:var(--muted)}.approach .large{font-size:1.45rem;color:var(--text)!important;line-height:1.4}.approach .text-link{color:var(--cyan)}.faq{display:grid;grid-template-columns:.85fr 1.15fr;gap:70px}details{border-bottom:1px solid var(--line)}summary{font-weight:650;cursor:pointer;padding:24px 30px 24px 0}details p{color:var(--muted);padding-right:24px}details[open] summary{color:var(--cyan)}.support{display:grid;grid-template-columns:1.1fr 1fr;gap:64px;padding:48px;border:1px solid #394366;border-radius:18px;background:linear-gradient(115deg,#1c294a,#181a37)}.support p{color:var(--muted)}.support h2{font-size:2.4rem}.support aside{border-left:1px solid #4c526d;padding-left:40px}.support aside h3{color:var(--coral)}.support .text-link{font-size:.875rem}.emergency{padding-top:20px;margin-top:24px;border-top:1px solid #4c526d;font-size:.9rem}.emergency a{color:var(--text);font-weight:800}.closing{text-align:center;padding-block:100px}.closing h2{font-size:clamp(2.4rem,4vw,3.6rem)}.closing>p:not(.eyebrow){color:var(--muted)}footer{border-top:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:24px;padding:30px 0 40px}footer p,footer>a:last-child{font-size:.8rem;color:var(--muted);margin:0}@media(min-width:1450px){.hero{min-height:820px}}@media(max-width:1000px){.wrap{width:calc(100% - 48px)}.header nav{gap:16px}.hero{gap:20px;min-height:700px}h1{font-size:4.3rem}.features{grid-template-columns:1fr 1fr}.featured{grid-column:1/-1}.number{margin-bottom:26px}.section-heading{gap:30px}.support{padding:32px;gap:30px}.support aside{padding-left:28px}.movement>div{max-width:60%}.faq{gap:32px}}@media(max-width:700px){.wrap{width:calc(100% - 36px)}.header{flex-wrap:wrap;padding:20px 0;gap:20px}.header .brand{font-size:1.05rem}.header>.button{font-size:.75rem;padding:9px 12px}.header nav{order:3;width:100%;justify-content:space-between;border-top:1px solid var(--line);padding-top:16px}.hero{grid-template-columns:1fr;padding-top:36px;gap:48px}.hero h1{font-size:clamp(3.5rem,14vw,5rem)}.intro{font-size:1.05rem}.hero-visual{padding-bottom:15px}.visual-label{align-self:center}.app-shot{width:235px}.orbit{inset:10% 7% 8%}.principles .wrap{display:grid;grid-template-columns:1fr 1fr;font-size:.8rem}.section{padding-top:65px}.section-heading{display:block;margin-bottom:28px}.section-heading>p{max-width:none}.features{grid-template-columns:1fr}.featured{grid-column:auto}.feature{padding:28px}.movement{padding-top:240px}.movement img{height:280px;width:100%;object-position:right center}.movement:before{background:linear-gradient(0deg,#d3f2f4 45%,transparent 75%)}.movement>div{max-width:none;padding:28px}.movement h3{font-size:2rem}.approach{margin-top:50px;padding-block:48px}.approach-grid,.faq,.support{grid-template-columns:1fr;gap:20px}.support{padding:28px}.support h2{font-size:2rem}.support aside{border-left:0;border-top:1px solid #4c526d;padding:28px 0 0;margin-top:14px}.actions{gap:20px}.closing{padding-block:75px}footer{flex-wrap:wrap;align-items:start}footer p{width:100%;order:3}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}}
/* Identité approuvée et parcours de découverte */
.brand-icon{width:44px;height:44px;object-fit:contain;border-radius:10px;flex-shrink:0}.hero h1{font-size:clamp(3.25rem,5.4vw,4.9rem)}.hero .intro{font-size:1.08rem}.hero{padding-top:45px}.feature h3{font-size:1.35rem}.explore{display:grid;grid-template-columns:1.2fr 1fr;align-items:center;gap:60px;margin-top:56px;padding:48px;background:#111a34;border:1px solid var(--line);border-radius:20px}.explore h3{font-size:2.2rem}.explore p{color:var(--muted)}.explore figure{margin:0;display:flex;justify-content:center}.explore figure img{width:250px;aspect-ratio:946/2048;object-fit:contain;border-radius:24px;border:5px solid #303d5e;background:#dce5f6}.preview-controls{display:grid;gap:12px;margin:28px 0}.preview-controls button{font:inherit;color:var(--muted);text-align:left;padding:16px 20px;background:transparent;border:1px solid #485470;border-radius:10px;cursor:pointer}.preview-controls button[aria-pressed=true]{color:var(--bg);background:var(--cyan);border-color:var(--cyan);font-weight:750}.preview-controls button:focus-visible{outline:3px solid var(--coral);outline-offset:4px}#preview-description{min-height:170px}#preview-description h4{font-size:1.1rem;margin-bottom:12px}.preview-note{font-size:.8rem!important;color:var(--muted)}.closing-icon{margin:0 auto 28px;border-radius:24px}.pending{font:inherit;font-weight:750;opacity:.65;cursor:not-allowed;margin:12px 0}.mobile-download{display:none}.policy{max-width:820px;padding:70px 0}.policy h1{font-size:3rem}.policy h2{font-size:1.6rem;margin-top:40px}.policy p{color:var(--muted)}footer{flex-wrap:wrap}footer p{max-width:310px}@media(max-width:700px){.hero h1{font-size:clamp(3rem,12.3vw,4rem)}.explore{grid-template-columns:1fr;padding:26px;gap:24px}.explore h3{font-size:1.8rem}#preview-description{min-height:0}.explore figure img{width:235px}.mobile-download{position:fixed;z-index:10;bottom:0;left:0;right:0;display:flex;flex-direction:column;align-items:center;gap:3px;padding:12px 18px calc(10px + env(safe-area-inset-bottom));background:#0a1028f5;border-top:1px solid #475372}.mobile-download a{color:var(--bg);background:var(--cyan);padding:10px 20px;border-radius:8px;min-height:44px;width:100%;text-align:center;font-weight:750;text-decoration:none}.mobile-download span{font-size:.75rem;color:var(--muted)}body{padding-bottom:110px}.policy h1{font-size:2.4rem}footer p{width:100%;max-width:none}.brand{letter-spacing:0}}
/* Explorations indépendantes des outils de l’application */
.showcase-nav{display:flex;flex-wrap:wrap;gap:12px;margin:20px 0 36px}.showcase-nav a{padding:12px 20px;border:1px solid #4a5674;border-radius:40px;text-decoration:none;font-size:.95rem}.showcase-nav a:hover{border-color:var(--cyan);color:var(--cyan)}.showcase{--section-accent:var(--cyan);scroll-margin-top:32px;margin-top:32px;gap:64px}.showcase:nth-of-type(even){--section-accent:var(--purple);background:#181a38}.showcase#comprendre{--section-accent:var(--coral)}.showcase .eyebrow{letter-spacing:.04em;color:var(--section-accent);font-size:.875rem}.showcase h3{font-size:clamp(1.8rem,3vw,2.65rem);line-height:1.2;max-width:570px}.showcase .preview-controls button{display:flex;align-items:center;gap:16px;line-height:1.4}.showcase .preview-controls button[aria-pressed=true]{background:var(--section-accent);border-color:var(--section-accent)}.preview-index{font-size:.75rem;opacity:.8;font-variant-numeric:tabular-nums}.preview-description{min-height:160px}.preview-description h4{font-size:1.15rem;line-height:1.4;margin:0 0 12px}.showcase figure{flex-direction:column;align-items:center;gap:18px;min-width:0}.showcase figure img{width:280px;max-width:100%;border-radius:28px}.showcase figure>a{display:block;max-width:100%;border-radius:28px}.showcase figcaption{text-align:center;font-size:.8rem;color:var(--muted)}.showcase figcaption span{display:block;margin-top:10px}.enlarge-link{font-size:.9rem;color:var(--section-accent)}.showcase-cta{display:inline-block;min-height:44px;padding-block:10px;font-size:.9rem;color:var(--section-accent)}.fallback-previews{margin-top:20px}@media(min-width:1001px){.showcase:nth-of-type(even) .explore-copy{order:2}.showcase:nth-of-type(even){grid-template-columns:1fr 1.2fr}}@media(max-width:700px){.showcase{padding:26px 22px;gap:30px}.showcase-nav{gap:8px}.showcase-nav a{padding:10px 14px;font-size:.875rem}.preview-description{min-height:0}.showcase figure img{width:270px}.showcase-cta{margin-top:12px}}

.hero-visual{overflow:clip}.explore-copy{min-width:0}

/* Badges officiels de téléchargement */
.app-store-badge{display:inline-flex;align-items:center;justify-content:center;padding:0;background:transparent;border:0;vertical-align:middle;text-decoration:none;flex-shrink:0}
.app-store-badge img{display:block;width:190px;height:auto}
.app-store-badge:focus-visible{outline:3px solid var(--cyan);outline-offset:6px;border-radius:10px}
.app-store-badge[aria-disabled=true]{cursor:default}
.closing>.app-store-badge{margin:16px auto 28px}
.closing>.text-link{display:block;width:fit-content;margin:auto}
@media(max-width:700px){.mobile-download .app-store-badge{width:auto;min-height:44px;background:transparent;padding:0;border-radius:0}.mobile-download .app-store-badge img{width:158px}.mobile-download{gap:6px}.actions{flex-wrap:wrap}}

/* Ordre de lecture : introduction, aperçu, choix des outils */
.showcase{grid-template-areas:"intro visual" "controls visual";grid-template-rows:auto auto;row-gap:0}
.showcase-intro{grid-area:intro;min-width:0;align-self:end}
.showcase>.explore-copy{grid-area:controls;align-self:start}
.showcase>figure{grid-area:visual;align-self:center}
@media(min-width:1001px){.showcase:nth-of-type(even){grid-template-areas:"visual intro" "visual controls"}}
@media(max-width:700px){
 .showcase{grid-template-areas:"intro" "visual" "controls";grid-template-rows:auto auto auto;row-gap:24px}
 .showcase .preview-controls{margin:0 0 24px}
 .showcase>figure{gap:12px}
}
@media(max-width:700px){
 .showcase figure img{height:clamp(260px,42svh,380px);width:auto;max-width:100%}
 .showcase .preview-controls{gap:8px}
 .showcase .preview-controls button{min-height:44px;padding:12px 14px;font-size:.9rem;gap:12px}
}
/* Atmosphère animée issue de l’identité de l’application */
.hero{position:relative;isolation:isolate;overflow:clip}
.hero-atmosphere{position:absolute;inset:0;z-index:-1;overflow:hidden;pointer-events:none;border-radius:32px}
.ambient-halo{position:absolute;width:600px;height:600px;border-radius:50%;opacity:.2;filter:blur(35px);animation:ambient-drift 16s ease-in-out infinite alternate}
.halo-cyan{right:-260px;top:5%;background:radial-gradient(circle,#2bcfe4,transparent 68%)}
.halo-violet{left:15%;bottom:-350px;background:radial-gradient(circle,#8f54e9,transparent 70%);animation-delay:-8s}
.bottle-scene{position:absolute;width:650px;height:975px;right:-100px;top:-75px;opacity:.36;transform:rotate(17deg);mix-blend-mode:screen;animation:bottle-drift 12s ease-in-out infinite alternate}
.bottle-scene img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;mix-blend-mode:screen}
.bottle-body{clip-path:inset(18% 0 0 0)}
.bottle-cap{clip-path:inset(0 0 82% 0);animation:cap-lift 9s ease-in-out infinite}
.bottle-mist{position:absolute;left:35%;top:13%;width:30%;height:21%;border-radius:50%;background:radial-gradient(ellipse,#90eaf75e,transparent 70%);filter:blur(18px);animation:mist-rise 9s ease-out infinite}
.mist-two{animation-delay:-4.5s;background:radial-gradient(ellipse,#b9a3ff55,transparent 70%)}
.motion-toggle{color:var(--muted);background:#0a102899;border:1px solid var(--line);border-radius:24px;padding:8px 14px;font:inherit;font-size:.75rem;min-height:44px;cursor:pointer}
.motion-toggle[hidden]{display:none}
.motion-toggle:focus-visible{outline:3px solid var(--cyan);outline-offset:4px}
.hero-visual .app-shot{animation:phone-drift 8s ease-in-out infinite}
.showcase,.support,.approach-grid{transition:opacity .65s ease,transform .65s ease}
.reveal-ready:not(.is-revealed){opacity:.25;transform:translateY(18px)}
.preview-controls button{transition:background .2s,border-color .2s,transform .2s}
@media(hover:hover){.preview-controls button:hover{transform:translateX(3px);border-color:var(--section-accent)}}
.legal-footer nav{display:flex;flex-wrap:wrap;gap:14px 24px;flex-basis:100%;font-size:.85rem;color:var(--muted)}
.policy{padding-top:50px}.policy h1{font-size:clamp(2rem,5vw,3.3rem);line-height:1.12;overflow-wrap:anywhere}.policy-intro{font-size:1.15rem}.policy-date,.fine-print{font-size:.85rem;color:var(--muted)}
.policy-summary,.help-card{border:1px solid var(--line);background:var(--panel);padding:26px;border-radius:20px;margin:28px 0}.policy-summary strong{font-size:1.25rem;color:var(--cyan)}.help-card h2{margin-top:0}.policy-nav{display:flex;flex-wrap:wrap;gap:12px 24px;margin:24px 0}.policy li{margin:10px 0;color:var(--muted)}.legal-details{display:grid;grid-template-columns:180px 1fr;gap:12px 24px}.legal-details dt{color:var(--muted)}.legal-details dd{margin:0}.policy a{overflow-wrap:anywhere}.information-page{padding-bottom:0}
html.motion-paused *,html.motion-paused *:before,html.motion-paused *:after{animation-play-state:paused!important}
html.motion-paused .reveal-ready{opacity:1;transform:none;transition:none}
@keyframes ambient-drift{to{transform:translate(-50px,-40px) scale(1.1)}}
@keyframes bottle-drift{to{transform:translateY(18px) rotate(21deg)}}
@keyframes cap-lift{0%,100%{transform:translateY(0)}50%{transform:translateY(-18px)}}
@keyframes mist-rise{0%{opacity:0;transform:translateY(25px) scale(.55)}35%{opacity:1}100%{opacity:0;transform:translate(-35px,-170px) scale(2)}}
@keyframes phone-drift{0%,100%{translate:0 0}50%{translate:0 -9px}}
@media(max-width:700px){.bottle-scene{width:510px;height:765px;right:-205px;top:40px;opacity:.18}.hero-atmosphere{border-radius:0}.ambient-halo{opacity:.14}.legal-details{grid-template-columns:1fr;gap:6px}.legal-details dd{margin-bottom:12px}.information-page .header{gap:14px}.information-page .header>.text-link{font-size:.85rem}.policy-summary,.help-card{padding:20px}.legal-footer nav{flex-direction:column;gap:12px}}
@media(prefers-reduced-motion:reduce){.hero-atmosphere *,.hero-visual .app-shot{animation:none!important}.reveal-ready:not(.is-revealed){opacity:1;transform:none}.motion-toggle{display:none}.bottle-mist{display:none}}
.hero-atmosphere{mix-blend-mode:screen}
@media(min-width:701px){.bottle-scene{width:580px;height:870px;top:10px;right:-70px}}
@media(max-width:400px){.header nav{gap:8px;flex-wrap:wrap}.header nav a{font-size:.8rem}.legal-footer nav{gap:12px}}
.bottle-body{clip-path:polygon(47.5% 19.7%,52.5% 19.7%,52.5% 22.5%,57% 23.5%,61% 25.5%,63% 29%,63% 86.5%,63.4% 88%,63.4% 94%,59% 95.5%,50% 96%,41% 95.5%,37% 94%,37% 88%,37.5% 86.5%,37.5% 29%,39% 26%,43% 23.5%,47.5% 22.5%)}
.bottle-cap{clip-path:polygon(47.5% 3%,52.5% 3%,53.5% 4%,54.7% 11%,54.7% 13%,54.8% 16%,52.5% 16.8%,47.5% 16.8%,45.3% 16%,45.3% 13%,45.6% 11%,46.5% 4%)}