.visual-explainer{margin:65px 0;padding:32px;border:1px solid #c9e2e4;border-radius:24px;background:radial-gradient(ellipse at top right,#e2f8f5,transparent 55%),#f8fbfc;overflow:hidden}.visual-explainer>h2{font-size:clamp(27px,3.3vw,38px);line-height:1.2;margin:15px 0 26px;letter-spacing:-1px}.visual-explainer>p{color:#536d79;font-size:14px}.visual-note{border-top:1px solid #d2e4e8;padding-top:19px;margin-bottom:0;line-height:1.7}.visual-steps{list-style:none;padding:0;display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin:0}.visual-steps li{position:relative;padding:20px;background:#fff;border:1px solid #dbe9eb;border-radius:15px}.step-number{display:grid;place-items:center;width:36px;height:36px;border-radius:11px;background:#075c6a;color:#fff;font-weight:700}.visual-steps h3{font-size:18px;margin:20px 0 12px}.visual-steps p,.visual-pair p{font-size:13px;color:#536d79;line-height:1.7}.visual-equation{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-top:25px;border-radius:16px;background:#e1f3ee;padding:24px}.visual-equation small,.reward-fork small{display:block;font-size:10px;letter-spacing:1px;margin-bottom:10px}.visual-equation strong{font-size:24px}.visual-equation>span{font-size:28px;color:#087f76}.grade-path{display:grid;grid-template-columns:repeat(7,1fr);gap:8px}.grade-step{padding:19px 6px;border:1px solid #d7e4e7;border-top:5px solid var(--grade);border-radius:12px;background:#fff;text-align:center}.grade-step>span{display:block;font-size:32px;font-weight:800;color:#153743}.grade-step strong{display:block;font-size:20px;margin:7px 0}.grade-step small{font-size:9px;color:#536d79}.grade-g{--grade:#e84259}.grade-f{--grade:#ef7050}.grade-e{--grade:#eda848}.grade-d{--grade:#dfc538}.grade-c{--grade:#abbd36}.grade-b{--grade:#60ad68}.grade-a{--grade:#159b75}.visual-pair{display:grid;grid-template-columns:1fr 1fr;gap:26px;margin-top:28px}.visual-pair>div{background:white;border:1px solid #dbe9eb;border-radius:16px;padding:24px}.visual-pair h3{font-size:20px;margin:15px 0}.visual-icon{font-size:28px;color:#087f76;font-weight:800}.reward-fork{display:grid;grid-template-columns:2fr 3fr;gap:18px}.reward-fork>div{padding:26px;border-radius:16px}.fork-personal{background:#075e67;color:white}.fork-remainder{background:#e5f1f0;color:#174b56}.reward-fork strong{font-size:36px}.reward-fork p{font-size:13px}.allocation-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-top:18px}.allocation-grid article{background:white;border:1px solid #d8e5e7;border-radius:15px;padding:18px}.allocation-grid article>span{color:#087f76;font-size:12px;font-weight:bold}.allocation-grid h3{font-size:19px;margin:13px 0}.allocation-grid strong{font-size:21px}.allocation-grid p{font-size:12px;color:#536d79}.power-row{display:grid;grid-template-columns:65px 1fr 55px 75px;align-items:center;gap:16px;margin:18px 0}.power-track{height:22px;border-radius:6px;background:#e1eeed;overflow:hidden}.power-track span{display:block;height:100%;border-radius:6px;background:linear-gradient(90deg,#07596b,#16b9a2)}.power-row strong{font-size:14px}.power-row small{text-align:right;font-size:12px}.power-burn{display:flex;justify-content:space-between;gap:15px;padding:18px;background:#fff0e7;border:1px solid #f3d6c5;border-radius:12px;font-size:14px}.difficulty-symbol{font-size:46px;color:#087f76}.infographic-poster{margin:25px auto 0;max-width:680px;text-align:center}.infographic-poster img{display:block;width:100%;height:auto;border:1px solid #cbe4e7;border-radius:12px;background:white;box-shadow:0 16px 45px #174c6412}.infographic-poster figcaption{font-size:12px;color:#536d79;line-height:1.8;padding-top:18px}.visual-links{display:flex;gap:24px;align-items:center;margin-top:24px}#schema-accueil{max-width:1168px;margin:0 auto 70px} .token-leaf img{border-radius:22px;box-shadow:0 4px 12px #034e5644}.logo-options{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin-top:45px}.logo-option{border:1px solid #d5e5e9;border-radius:20px;padding:25px;background:#fff}.logo-stage{padding:30px 10px;display:flex;align-items:center;gap:14px;flex-direction:column;background:#f1f8f8;border-radius:14px;margin-bottom:25px}.logo-stage>span{font:800 42px Manrope,sans-serif;letter-spacing:-2px}.logo-option h2{font-size:23px}.logo-option p{font-size:14px;color:#536d79;line-height:1.7}.logo-sizes{display:flex;align-items:center;gap:20px;margin:24px 0}.logo-option .text-link{font-size:12px}
@media(max-width:1000px){.visual-steps,.allocation-grid{grid-template-columns:repeat(2,1fr)}#schema-accueil{margin-left:5%;margin-right:5%}.logo-options{grid-template-columns:1fr}.logo-stage{flex-direction:row;justify-content:center}.grade-path{gap:5px}.grade-step strong{font-size:17px}}
@media(max-width:620px){.visual-explainer{padding:22px 16px;margin:35px 0;border-radius:18px}.visual-steps{grid-template-columns:1fr}.visual-steps li{padding:16px 16px 16px 64px}.step-number{position:absolute;left:16px;top:16px}.visual-steps h3{margin:0 0 8px}.visual-steps p{margin:0}.visual-pair,.reward-fork{grid-template-columns:1fr}.visual-equation{flex-direction:column;text-align:center;padding:20px}.visual-equation>span{transform:rotate(90deg)}.grade-path{grid-template-columns:repeat(4,1fr);gap:8px}.grade-step{padding:12px 4px}.grade-step small{font-size:8px}.allocation-grid{gap:8px}.allocation-grid article{padding:13px}.allocation-grid h3{font-size:16px}.allocation-grid strong{font-size:18px}.power-row{grid-template-columns:50px 1fr 40px 62px;gap:7px}.power-row b,.power-row strong{font-size:12px}.power-row small{font-size:10px}.power-burn{font-size:12px;padding:14px}.visual-links{flex-direction:column;align-items:flex-start}#schema-accueil{margin-bottom:40px}.logo-stage img{width:80px;height:80px}.logo-option{padding:20px}.logo-stage>span{font-size:38px}}
.infographic-feature{max-width:1168px;margin:0 auto 75px;padding:32px;display:grid;grid-template-columns:280px 1fr;gap:55px;align-items:center;border:1px solid #cae3e6;border-radius:24px;background:linear-gradient(120deg,#edf8f8,#fff)}.infographic-thumbnail{position:relative;display:block;max-width:280px;border-radius:12px;overflow:hidden;box-shadow:0 12px 30px #07556720;background:white}.infographic-thumbnail img{display:block;width:100%;height:auto}.infographic-thumbnail>span{display:block;background:#075c6a;color:#fff;font-size:13px;text-align:center;padding:14px}.infographic-feature h2{font-size:clamp(32px,4vw,48px);line-height:1.15;letter-spacing:-1.5px;margin:18px 0}.infographic-feature p{color:#536d79;max-width:540px;line-height:1.8}.infographic-feature .text-link{display:block;margin-top:20px}.infographic-viewer{margin-top:35px}.viewer-toolbar{display:flex;gap:20px;flex-wrap:wrap;align-items:center;padding:16px;background:#edf6f8;border:1px solid #cbe0e5;border-radius:14px 14px 0 0;font-size:13px}.viewer-toolbar>div{display:flex;gap:10px;align-items:center}.viewer-toolbar button{cursor:pointer;padding:10px 15px;background:#fff;color:#075c6a;border:1px solid #abcfd3;border-radius:8px;font:inherit;font-weight:700}.viewer-toolbar button:disabled{opacity:.4;cursor:default}.viewer-toolbar a{text-decoration:underline;text-underline-offset:3px}.viewer-toolbar output{min-width:48px;text-align:center}.viewer-scroll{height:72vh;overflow:auto;border:1px solid #cbe0e5;background:#e8eff1;overscroll-behavior:contain}.viewer-scroll img{display:block;width:100%;max-width:none;height:auto}.viewer-scroll:focus-visible{outline:3px solid #087f76;outline-offset:3px}.viewer-help{font-size:12px;color:#536d79;line-height:1.7}.identity-stage{display:flex;align-items:center;gap:38px;margin:45px 0;padding:40px;border-radius:20px;background:#eef8f8;border:1px solid #d0e7e9}.identity-stage strong{font:800 48px Manrope,sans-serif;letter-spacing:-2px}.identity-stage span{display:block;font-size:13px;color:#087f76;margin-top:8px}.identity-stage p{font-size:16px}.source-logo{display:block}.token-leaf img{border-radius:50%;box-shadow:none}header nav{gap:17px;font-size:12px}@media(max-width:1000px){.infographic-feature{margin-left:5%;margin-right:5%;gap:30px;grid-template-columns:220px 1fr}.identity-stage strong{font-size:40px}}@media(max-width:620px){.infographic-feature{padding:24px 20px;grid-template-columns:1fr;margin-bottom:40px;gap:25px}.infographic-thumbnail{max-width:220px;margin:auto;order:2}.infographic-feature h2{font-size:34px}.identity-stage{padding:25px;flex-direction:column;gap:22px;text-align:center}.identity-stage img{width:140px;height:140px}.viewer-toolbar{gap:14px;padding:12px}.viewer-toolbar>div{width:100%;justify-content:space-between;gap:4px}.viewer-toolbar button{padding:10px 12px}.viewer-scroll{height:65vh}.visual-links{flex-wrap:wrap}}