*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Helvetica Neue,Arial,sans-serif;background:#fff;overflow-x:hidden}#root{width:100%;min-height:100vh}.scrolly-container{position:relative;display:grid;grid-template-columns:1fr 2fr;min-height:100vh;background:#fff}.scrolly-steps{position:relative;z-index:2;padding:80px 40px;grid-column:1}.scrolly-step{min-height:100vh;display:flex;align-items:center;padding:20px 0;margin-bottom:50vh}.scrolly-step:last-child{margin-bottom:80vh}.step-content{background:#fff;padding:0;max-width:100%}.step-content h2{font-size:32px;color:#000;margin-bottom:20px;font-weight:600;letter-spacing:-.5px}.step-content p{font-size:17px;color:#333;line-height:1.7;margin-bottom:16px}.step-content strong{color:#000;font-weight:600}.scrolly-graphic{position:sticky;top:0;height:100vh;display:flex;align-items:center;justify-content:center;z-index:1;grid-column:2;background:#fff}.app-header{position:fixed;top:0;left:0;right:0;background:#fff;padding:20px 40px;box-shadow:0 2px 8px #0000001a;z-index:100}.app-header h1{font-size:24px;color:#2c3e50;margin-bottom:8px}.app-header p{color:#666;font-size:14px}.intro-section{min-height:100vh;display:flex;align-items:center;justify-content:center;background:#fff;color:#000;text-align:center;padding:80px 40px}.intro-content{max-width:700px}.intro-content h1{font-size:64px;margin-bottom:32px;font-weight:700;letter-spacing:-2px;line-height:1.1}.intro-content p{font-size:20px;line-height:1.6;color:#333;margin-bottom:20px}.scroll-indicator{margin-top:60px;font-size:14px;color:#666;animation:bounce 2s infinite}@keyframes bounce{0%,20%,50%,80%,to{transform:translateY(0)}40%{transform:translateY(-10px)}60%{transform:translateY(-5px)}}.stats-container{display:flex;gap:30px;margin-top:24px;justify-content:center}.stat{display:flex;align-items:center;gap:12px;padding:12px 20px;background:#fff3;border-radius:8px}.stat-box{width:20px;height:20px;border-radius:4px}.stat-box.femme{background:#e91e63}.stat-box.homme{background:#2196f3}.stat-box.na{background:#9e9e9e}.stat-box.les-deux{background:#9c27b0}.viz-container{width:100%;height:100%;position:relative;background:#fff;padding:20px;box-sizing:border-box}.conclusion-section{min-height:100vh;display:flex;align-items:center;justify-content:center;background:#fff;color:#000;text-align:center;padding:80px 40px}.conclusion-content{max-width:700px}.conclusion-content h2{font-size:48px;margin-bottom:28px;font-weight:700;letter-spacing:-1px}.conclusion-content p{font-size:18px;line-height:1.7;color:#333}.scroll-indicator-fixed{position:fixed;bottom:30px;left:30px;font-size:24px;color:#666;z-index:100;animation:bounce 2s infinite;pointer-events:none}@media (max-width: 1200px){.scrolly-container{grid-template-columns:2fr 3fr}.scrolly-steps{padding:60px 30px}.step-content h2{font-size:28px}.step-content p{font-size:16px}}@media (max-width: 768px){.intro-section{min-height:100vh;padding:60px 24px;position:relative;z-index:3;background:#fff!important}.intro-content h1{font-size:42px}.intro-content p{font-size:18px}.scrolly-container{display:block;position:relative;min-height:100vh}.scrolly-graphic{position:fixed;top:0;left:0;right:0;height:100vh;width:100vw;z-index:1;padding:15px}.scrolly-steps{position:relative;z-index:2;padding:0}.scrolly-step{min-height:140vh;display:flex;align-items:flex-end;padding:0 20px 60px;margin-bottom:0}.scrolly-step:first-child{margin-top:40vh}.scrolly-step:last-child{margin-bottom:60vh}.step-content{background:#ffffff80;padding:24px;border-radius:12px;-webkit-backdrop-filter:blur(1px);backdrop-filter:blur(1px);width:100%}.step-content h2{font-size:24px;margin-bottom:16px}.step-content p{font-size:15px;line-height:1.6}.conclusion-section{min-height:100vh;padding:60px 24px;position:relative;z-index:3;background:#fff!important}.conclusion-content h2{font-size:36px}.scroll-indicator-fixed{bottom:20px;left:20px;font-size:20px}.viz-container .stats-header{font-size:10px!important;padding:8px 10px!important;gap:8px!important}.viz-container .stats-header>div{gap:4px!important}.viz-container .stats-header span{white-space:nowrap}.viz-container{padding:0!important}}