@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap');
:root{--ink:#123f36;--green:#35aa85;--yellow:#efb024;--soft:#f0f7f4}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:35px}body{margin:0;color:var(--ink);background:#fff;font-family:'DM Sans',Arial,sans-serif;font-size:16px;line-height:1.6}a{color:inherit;text-decoration:none}a:focus-visible,summary:focus-visible{outline:3px solid var(--yellow);outline-offset:5px}.wrap{width:min(1200px,calc(100% - 80px));margin:auto}header{height:110px;display:flex;align-items:center;justify-content:space-between;gap:20px}.brand{display:flex;align-items:center;gap:0;font-family:Manrope,Arial,sans-serif;font-size:27px;font-weight:800;letter-spacing:-1px}.brand>span:not(.mark){font-weight:400}.mark{display:grid;place-items:center;background:var(--green);color:white;width:40px;height:40px;border-radius:12px;font-family:Georgia,serif;font-style:italic;margin-right:12px;font-size:30px}.brand sup{font:12px Arial;align-self:flex-start;padding-top:7px}nav{display:flex;gap:30px;font-size:14px;font-weight:600}nav a:hover,.text-link:hover{color:var(--green)}.nav-cta{background:var(--ink);color:white;padding:12px 18px;border-radius:8px;font-size:14px;font-weight:600}.hero{display:grid;grid-template-columns:1.13fr 1fr;gap:70px;align-items:center;padding:40px 0 70px}.eyebrow{font-size:12px;letter-spacing:2px;font-weight:700;margin:0 0 26px}.hero h1{font:700 clamp(45px,5.5vw,72px)/1.1 Manrope,Arial,sans-serif;letter-spacing:-3.5px;margin:0 0 26px}.hero h1 em{font-family:Georgia,serif;font-weight:400;color:var(--green)}.intro{font-size:18px;line-height:1.8;max-width:480px;color:#50685f;margin-bottom:30px}.downloads{display:flex;gap:12px;flex-wrap:wrap}.store{display:flex;align-items:center;gap:12px;background:var(--ink);color:white;border:1px solid var(--ink);padding:10px 19px;border-radius:10px;min-height:67px;transition:transform .2s,background .2s}.store:hover{transform:translateY(-3px);background:#20604f}.store small{display:block;font-size:12px;line-height:1.4}.store strong{display:block;font-size:21px;font-weight:600;line-height:1.3}.store.light{background:white;color:var(--ink);border-color:#c8d8d1}.store.light:hover{background:var(--soft)}.device,.play{font-size:35px;line-height:1}.note{font-size:13px;color:#5b7067;margin-top:16px}.text-link{display:inline-block;border-bottom:1px solid var(--green);padding-bottom:4px;font-size:14px;margin-top:20px}.hero-visual{position:relative;background:var(--soft);border-radius:28px;padding:28px 38px 22px;display:flex;flex-direction:column;align-items:center;overflow:hidden}.visual-label{font-size:11px;font-weight:700;letter-spacing:2px;margin-bottom:22px}.hero-visual img{width:270px;max-width:100%;height:435px;object-fit:cover;border-radius:24px;box-shadow:0 22px 40px #16473926;transform:rotate(5deg)}.visual-caption{align-self:flex-start;padding-top:35px;font-size:14px;font-weight:500}.visual-caption span{color:var(--green);margin-right:12px}.ribbon{background:var(--ink);color:white}.ribbon .wrap{display:flex;justify-content:space-between;gap:25px;padding:25px 0;font-size:14px}.ribbon span+span{border-left:1px solid #ffffff40;padding-left:40px}.section{padding:100px 0}.section-heading{display:grid;grid-template-columns:1.2fr 1fr;gap:0 110px}.section-heading .eyebrow{grid-column:1/-1}h2{font:600 clamp(32px,3.7vw,48px)/1.18 Manrope,Arial,sans-serif;letter-spacing:-1.8px;margin:0 0 22px}.section-heading>p:last-child{max-width:430px;font-size:18px;color:#50685f;align-self:center}.features{display:grid;grid-template-columns:repeat(3,1fr);gap:42px;margin-top:55px}.features article{border-top:1px solid #c7d9d0;padding-top:22px}.number{font-size:14px;color:var(--green);font-weight:700}h3{font-size:20px;letter-spacing:-.5px;margin:20px 0 10px}.features p,.use p{color:#50685f;margin:0}.practice{background:var(--soft);padding:80px 0}.practice-grid{display:grid;grid-template-columns:1fr 1fr;gap:100px;align-items:center}.report-image{background:var(--green);border-radius:24px;padding:35px;display:flex;justify-content:center}.report-image img{max-width:100%;width:255px;height:475px;object-fit:cover;border-radius:22px;box-shadow:0 20px 35px #113e362b}.use{border-top:1px solid #ccddd4;padding:18px 0}.use h3{margin:0 0 6px;font-size:17px}.download-panel{text-align:center;background:var(--yellow);padding:65px 25px;border-radius:24px}.download-panel .downloads{justify-content:center;margin-top:28px}.download-panel>p:not(.eyebrow):not(.note){max-width:480px;margin:20px auto}.download-panel .note{color:var(--ink)}.faq{display:grid;grid-template-columns:1fr 1.2fr;gap:80px;padding:0 0 100px}.faq h2{font-size:32px}details{border-bottom:1px solid #cbdcd3;padding:20px 0}summary{font-weight:600;cursor:pointer;list-style-position:outside;margin-left:18px}details p{color:#50685f;margin:15px 0 5px}details a{text-decoration:underline}footer{background:var(--ink);color:#fff;padding:45px 0 25px}.footer-main{display:flex;justify-content:space-between;align-items:center;padding-bottom:40px}.footer-main p{font-size:14px;color:#b9d9cb;margin:0 0 5px}.footer-main>div>a{font-size:20px;border-bottom:1px solid #679b86}.footer-bottom{border-top:1px solid #ffffff25;padding-top:25px;display:flex;justify-content:space-between;gap:20px;color:#b9d9cb;font-size:12px}.footer-bottom a:hover{color:white}@media(min-width:1500px){.hero{padding-top:65px;padding-bottom:95px}}@media(max-width:1000px){.wrap{width:calc(100% - 48px)}nav{gap:18px}.hero{gap:30px}.hero h1{font-size:54px}.hero-visual{padding:24px}.section-heading{gap:0 40px}.practice-grid{gap:45px}.faq{gap:40px}.ribbon span+span{padding-left:20px}}@media(max-width:720px){.wrap{width:calc(100% - 40px)}header{height:85px}.brand{font-size:24px}nav{display:none}.nav-cta{font-size:12px;padding:10px}.hero{grid-template-columns:1fr;padding-top:28px;gap:38px}.hero h1{font-size:48px;letter-spacing:-2.5px}.hero .eyebrow{font-size:11px}.intro{font-size:17px}.hero-visual{max-width:440px;width:100%;margin:auto}.hero-visual img{height:390px;width:250px}.ribbon .wrap{display:block;padding:20px 0}.ribbon span{display:block;font-size:13px;margin:6px 0}.ribbon span+span{border:0;padding:0}.section{padding:65px 0}.section-heading,.features,.practice-grid,.faq{grid-template-columns:1fr;gap:25px}.features{gap:30px;margin-top:30px}.features h3{margin-top:12px}.practice{padding:55px 0}.report-image{order:2}.faq{padding-bottom:60px}.download-panel{padding:45px 18px}.download-panel h2{font-size:36px}.download-panel .store{width:230px;text-align:left}.footer-main{align-items:flex-start;gap:30px;flex-direction:column}.footer-main>div>a{font-size:17px}.footer-bottom{flex-direction:column;gap:12px}h2{letter-spacing:-1px}.downloads{gap:10px}.store{padding:10px 14px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.store{transition:none}}

.bilan{border-top:1px solid #dbe8e1}.bilan-grid{display:grid;grid-template-columns:1.25fr 1fr;gap:24px;margin-top:40px}.chart-card{margin:0;background:#fff;border:1px solid #d6e4dc;border-radius:18px;overflow:hidden;display:flex;flex-direction:column}.chart-top{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:20px 24px;background:var(--soft);font-size:12px;font-weight:700;letter-spacing:1px}.chart-top a{font-size:14px;font-weight:500;letter-spacing:0;text-decoration:underline;text-underline-offset:4px}.chart-card>a{display:flex;align-items:center;justify-content:center;flex:1;padding:20px}.chart-card img{width:100%;height:auto;object-fit:contain}.chart-card figcaption{padding:0 24px 26px}.chart-card h3{margin:12px 0 8px}.chart-card p{margin:0;color:#50685f}.bilan-note{font-size:13px;color:#5b7067;max-width:750px;margin:20px 0 0}@media(max-width:900px){nav{gap:15px}.bilan-grid{grid-template-columns:1fr}}@media(max-width:720px){.chart-top{padding:16px;font-size:11px}.chart-card>a{padding:12px}.chart-card figcaption{padding:0 18px 22px}}

.hero-visual{padding:0;background:var(--yellow);border-radius:26px}.hero-visual .visual-label{position:absolute;top:22px;left:24px;z-index:1;color:var(--ink);background:#fffef4eb;padding:8px 12px;border-radius:6px;letter-spacing:1px;font-size:11px}.hero-visual img{width:100%;height:auto;aspect-ratio:1;object-fit:contain;transform:none;border-radius:0;box-shadow:none}.hero-visual .visual-caption{width:100%;padding:15px 24px;background:var(--ink);color:white}.hero-visual .visual-caption span{color:#7de4bc}@media(max-width:720px){.hero-visual img{width:100%;height:auto}.hero-visual .visual-label{top:16px;left:16px;font-size:10px}.hero-visual{max-width:480px}}

.hero{grid-template-columns:minmax(0,1.1fr) 105px minmax(0,1fr);gap:24px}.hero h1{font-size:clamp(42px,4.4vw,64px)}.hero-instruments{align-self:center;display:flex;align-items:center;justify-content:center}.hero-instruments img{width:100%;height:410px;object-fit:contain}.hero-visual.reference-visual{background:none;border-radius:16px}.hero-visual.reference-visual img{width:100%;height:auto;aspect-ratio:auto;object-fit:contain;border-radius:0}.hero .store{padding:10px 12px}.hero .store strong{font-size:19px}@media(max-width:1000px){.hero{grid-template-columns:minmax(0,1.2fr) 75px minmax(0,1fr);gap:18px}.hero-instruments img{height:330px}.hero h1{font-size:45px}}@media(max-width:720px){.hero{grid-template-columns:60px minmax(0,1fr);gap:24px 12px}.hero-copy{grid-column:1/-1}.hero-instruments img{height:330px}.hero-visual.reference-visual{width:100%;max-width:440px}.hero h1{font-size:48px}}

.hero{grid-template-columns:minmax(0,1.15fr) 160px minmax(0,1fr);gap:24px}.hero-instruments img{height:auto;width:100%;border-radius:10px;object-fit:contain}@media(max-width:1000px){.hero{grid-template-columns:minmax(0,1.2fr) 120px minmax(0,1fr);gap:16px}}@media(max-width:720px){.hero{grid-template-columns:85px minmax(0,1fr);gap:24px 12px}.hero-copy{grid-column:1/-1}.hero-instruments img{height:auto;width:100%}}
.hero{grid-template-columns:minmax(0,1.15fr) 250px minmax(0,.95fr);gap:22px}.hero-instruments img{width:100%;height:auto}@media(max-width:1100px){.hero{grid-template-columns:minmax(0,1.15fr) 190px minmax(0,1fr);gap:18px}}@media(max-width:900px) and (min-width:721px){.hero{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:28px}.hero-copy{grid-column:1/-1}.hero-instruments{width:100%;max-width:280px;justify-self:center}}@media(max-width:720px){.hero{grid-template-columns:135px minmax(0,1fr);gap:24px 14px}.hero-copy{grid-column:1/-1}.hero-instruments{width:100%;max-width:none}}@media(max-width:380px){.hero{grid-template-columns:110px minmax(0,1fr);gap:24px 10px}}