:root{--color-text: #125746;--color-text-highlight:#009A4E}body,svg{font-family:Russo One,sans-serif;background-color:transparent}.header{position:absolute;pointer-events:none;top:0;left:0;right:0;height:auto;min-height:100vh;margin:0 auto;color:#125746;background-color:#f3fffe;z-index:100;display:flex;text-align:center;flex-direction:column;align-items:center;gap:1rem;transition:opacity 1s ease;padding:3rem 1rem 1rem;box-sizing:border-box;overflow-y:auto}.innerHeader{z-index:150;max-width:900px;height:auto;display:flex;flex-direction:column;gap:1rem}.footer{color:var(--color-text);background-color:transparent;text-align:center;max-width:900px;padding:2rem;margin:0 auto 5rem;display:flex;align-items:flex-start;justify-content:center;z-index:500}.footerEnd{text-align:center;color:var(--color-text);margin:0 auto 3rem;max-width:900px}.footerLogo{text-align:center;color:var(--color-text)}.footerLogo>*{display:block;margin:0 auto}.brandLogo{max-width:180px;padding-top:.4rem;height:auto}.brand{display:flex;align-items:center;gap:8px}.brandHeader{visibility:hidden;color:var(--color-text);position:fixed;top:12px;right:12px;display:flex;align-items:center;gap:8px}.studioTitle{line-height:1.6rem}.brandHeader.visible,.smallTitle.visible{visibility:visible;z-index:200}.header.shrink{visibility:hidden;opacity:0}.scrolly{display:flex;max-width:1200px;margin:0 auto}.text{order:1;flex:0 0 38%;padding:0 1rem;z-index:150}.chart{position:sticky;top:0;height:100vh;flex:1;display:flex;align-items:center;justify-content:center;order:2;background-color:transparent;transition:opacity 1s ease;contain:layout size}.step.first{margin-top:100vh;visibility:hidden}.chart.visible{opacity:1}.chart-inner{width:100%;aspect-ratio:4/3;background-color:transparent;max-height:calc(100% - 90px);display:flex;align-items:center;justify-content:center;padding:0;margin:0}.stage{opacity:.4;transition:opacity .4s ease}.stage.active{opacity:1}.step{padding:0 0 20rem}.step-inner{background-color:transparent;color:var(--color-text);padding:2rem}.mobileColorChange{color:#0a1f19}.title{font-size:48px}.subheading{font-size:28px;color:#009a4e}.body,.step-inner,.footer{font-size:18px}.small{font-size:14px}.stepHighlight{font-size:20px;color:var(--color-text-highlight)}.highlightGreen{font-size:20px;color:#009a4e}.highlightTeal{font-size:20px;color:#78f9c0}.highlightOrange{font-size:20px;color:#f2af58}.highlightYamal{font-size:20px;color:#e1e253}.highlightMbappe{font-size:20px;color:#f09639}.highlightHaaland,.highlightBlue{font-size:20px;color:#56b8d2}.highlightYellow{font-size:20px;color:#e1e253}.highlightMexico{font-size:20px;color:#d80127}.smallTitle{visibility:hidden;position:fixed;top:-1rem;left:-1rem;margin:0;padding:1.6rem 1rem .25rem 1.6rem;color:var(--color-text);background-color:transparent;width:100%;display:flex;align-items:center;gap:.75rem}@media(max-width:1100px){.text{flex:0 0 31%}.title{font-size:36px}.subheading{font-size:26px}.body,.step-inner,.footer{font-size:16px}.small{font-size:12px}.stepHighlight{font-size:18px}.brandLogo{max-width:120px;height:auto}.brandHeader{top:14px;right:14px}.smallTitleExtra{font-size:12px}}@media(max-width:900px){.brandLogo{max-width:100px;height:auto}.brandHeader{flex-direction:column;gap:0;top:5px;right:5px}.logoText{line-height:18px}.subheading{font-size:22px}.smallTitleExtra{font-size:12px}.smallTitle{padding:1.8rem 1rem .25rem 2rem;top:-1.5rem;left:-1.5rem}}@media(max-width:640px){.chart{width:98vw;position:fixed;left:1vw;right:0}.text{flex:1;position:relative;z-index:150;max-width:30rem;margin:0 auto;padding:0 1rem;background-color:transparent;pointer-events:none}.title{font-size:28px}.body{font-size:14px}.small{font-size:11px}.stepHighlight,.step-inner,.footer{font-size:14px}.stage{opacity:.2;transition:opacity .4s ease;background-color:transparent}.stage.active{transition:opacity .4s ease}.brandLogo{max-width:80px;height:auto}.logoText{font-size:10px;line-height:16px}.smallTitleExtra{font-size:12px}.smallTitle{padding:1.7rem 1rem .25rem 2rem;top:-1.5rem;left:-1.5rem}}@media(max-width:450px){.brandHeader{top:0;right:5px}.smallTitleExtra{padding-left:5px;display:inline-block;line-height:13px}.smallTitleExtra.branded{width:120px}.smallTitle{padding:1.7rem 1rem .25rem 2rem;top:-1.45rem;left:-1.5rem}.logoText{font-size:10px;line-height:12px}.subheading{font-size:16px}}@media(min-width:641px){.chart.first{position:sticky;top:50vh;transform:translateY(-50%) translate(calc(max(-600px,-50vw) + 50%))}}@media(max-width:1100px)and (min-aspect-ratio:13/9)and (-webkit-min-device-pixel-ratio:0){.title{font-size:26px}.subheading{font-size:22px}.small{font-size:11px}.stepHighlight,.step-inner,.footer,.pageContent,.body{font-size:14px;-webkit-text-size-adjust:none}.smallTitleExtra{font-size:12px}}.continent-btn{padding:.175rem .45rem;border:none;border-radius:.175rem;cursor:pointer;transition:opacity .2s;opacity:.5;font-family:Russo One,sans-serif}.continent-btn:hover{opacity:1}.continent-btn.selected{opacity:1;box-shadow:0 1px 3px #0000001a}.button-row{display:flex;gap:.24rem;height:2rem;position:fixed;top:0;right:1rem;visibility:hidden;z-index:200;justify-content:flex-end;align-items:center}.button-row.visible{visibility:visible}.scroll-indicator{animation:bounce 2s infinite;font-size:2rem;color:#009a4e}@keyframes bounce{0%,20%,50%,80%,to{transform:translateY(0)}40%{transform:translateY(-10px)}60%{transform:translateY(-5px)}}.flag-switcher{position:fixed;left:10px;display:flex;flex-direction:row;gap:8px;background:transparent;z-index:1000}.flag-wrapper{position:relative;z-index:1000}.flag-wrapper .tooltip{position:fixed;margin-top:8px;background:#fff;color:#125746;font-size:10px;padding:2px 6px;border-radius:3px;white-space:nowrap;opacity:0;pointer-events:none;transition:opacity .2s ease;z-index:1001}.flag-wrapper:hover .tooltip{opacity:1}.flag-btn{display:flex;padding:0;border:none;background:transparent;cursor:pointer;border-radius:50%;opacity:.4;transition:opacity .2s ease,transform .2s ease}.flag-btn:hover{opacity:.8;transform:scale(1.1)}.flag-btn.active{opacity:1}@keyframes pulse{0%,to{opacity:.3}50%{opacity:1}}.pulse{animation:pulse 2s ease-in-out infinite}.logo-bottom{position:fixed;top:calc(100vh - 66px);right:16px;z-index:9999;pointer-events:none}.logo-bottom img{display:block;max-height:50px;width:auto}.download-btn{position:fixed;bottom:16px;left:16px;z-index:9999;display:flex;align-items:center;gap:8px;padding:10px 16px;border:none;border-radius:8px;background:#2563eb;color:#fff;font-size:14px;font-weight:600;cursor:pointer;box-shadow:0 4px 12px #00000040;transition:background .2s ease,transform .1s ease,box-shadow .2s ease;pointer-events:all}.download-btn:hover{background:#1d4ed8;box-shadow:0 6px 16px #0000004d}.download-btn:active{transform:scale(.97)}