@import "https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;450;500;600;700&family=Manrope:wght@400;450;500;550;600;700&display=swap";
:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;color:#172b25;background:#f5f7ef;font-family:DM Sans,sans-serif}*{box-sizing:border-box}body{margin:0}button,select,a{-webkit-tap-highlight-color:transparent}button,select{font:inherit}main{isolation:isolate;flex-direction:column;min-height:100svh;padding:36px 48px 30px;display:flex;position:relative;overflow:hidden}.atmosphere{z-index:-1;background:radial-gradient(ellipse at 85% 100%, var(--glow), transparent 65%), linear-gradient(155deg, #fafaf4 5%, var(--wash) 100%);transition:background .8s;position:absolute;inset:0}.background-plot{z-index:-1;pointer-events:none;opacity:.55;width:100%;height:100%;position:absolute;inset:0}.plot-frame{pointer-events:none;position:absolute;inset:0 72px}.rate-axis{color:#285f43;font-variant-numeric:tabular-nums;opacity:.65;pointer-events:none;font-size:11px;position:absolute;inset:0}.rate-axis:before{content:"";border-left:1px solid #285f4325;position:absolute;top:17%;bottom:13%}.rate-axis-left:before{left:0}.rate-axis-right:before{right:0}.rate-axis span{white-space:nowrap;position:absolute;transform:translateY(-50%)}.rate-axis-left span{right:calc(100% + 10px)}.rate-axis-right span{left:calc(100% + 10px)}.plot-line{fill:none;stroke:#285f43;stroke-width:.42px;vector-effect:non-scaling-stroke;stroke-linecap:round;stroke-linejoin:round}.plot-taper{fill:none;stroke:#285f43;vector-effect:non-scaling-stroke;stroke-linecap:round}.plot-fill{fill:#6eae83;opacity:.14;stroke:none}.plot-zero{stroke:#285f43;stroke-width:1px;stroke-dasharray:5 5;vector-effect:non-scaling-stroke;opacity:.65}.plot-interactions{z-index:1;pointer-events:none;position:absolute;inset:0}.plot-hit{pointer-events:auto;cursor:pointer;background:0 0;border:0;border-radius:50%;width:28px;height:28px;transition:left .7s cubic-bezier(.22,.8,.28,1),top .7s cubic-bezier(.22,.8,.28,1);position:absolute;transform:translate(-50%,-50%)}.plot-hit:after{content:"";background:var(--point-color);opacity:.85;border-radius:50%;width:5px;height:5px;transition:transform .15s,opacity .15s,background-color .5s;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.plot-hit{transition:none}.plot-hit:hover:after,.plot-hit:focus-visible:after{opacity:1;transform:translate(-50%,-50%)scale(1.45)}.plot-tooltip{z-index:3;color:#285f43;pointer-events:none;white-space:nowrap;text-shadow:0 1px 8px #f8faf1;flex-direction:column;align-items:center;gap:1px;padding:0;font-size:12px;line-height:1.2;display:flex;position:absolute;transform:translate(-50%,calc(-100% - 8px))}.plot-tooltip strong{font-weight:650}.plot-tooltip span{opacity:.82;font-variant-numeric:tabular-nums}.plot-marker-dot{z-index:-1;background:var(--marker);border-radius:50%;width:9px;height:9px;transition:left .7s cubic-bezier(.22,.8,.28,1),top .7s cubic-bezier(.22,.8,.28,1),background .5s;animation:1.7s ease-out infinite marker-pulse;position:absolute;transform:translate(-50%,-50%)}@keyframes marker-pulse{0%{box-shadow:0 0 0 0 color-mix(in srgb, var(--marker) 55%, transparent);opacity:1}70%{box-shadow:0 0 0 13px color-mix(in srgb, var(--marker) 0%, transparent);opacity:.95}to{box-shadow:0 0 0 0 color-mix(in srgb, var(--marker) 0%, transparent);opacity:1}}.plot-marker-dot{transition:background .5s}.plot-marker-handle{z-index:2;pointer-events:auto;touch-action:none;-webkit-user-select:none;user-select:none;cursor:grab;background:0 0;border:0;border-radius:50%;width:32px;height:32px;padding:0;position:absolute;transform:translate(-50%,-50%)}.plot-marker-handle:active{cursor:grabbing}.plot-marker-handle .plot-marker-dot{z-index:auto;pointer-events:none;top:50%;left:50%}.plot-years{z-index:-1;color:#285f43;opacity:.72;font-variant-numeric:tabular-nums;justify-content:space-between;font-size:13px;display:flex;position:absolute;bottom:27px;left:30px;right:30px}.source-link{color:#285f43;opacity:.72;text-underline-offset:3px;font-size:11px;text-decoration:underline;position:absolute;bottom:29px;left:50%;transform:translate(-50%)}header,footer{justify-content:space-between;align-items:center;gap:24px;display:flex}.wordmark{letter-spacing:-1px;color:inherit;font-size:23px;font-weight:700;text-decoration:none}.wordmark>span:first-child{font-weight:400}.brand-dot{margin-left:2px}.edition{color:#435c50;font-size:12px}.center{text-align:center;flex-direction:column;flex:1;justify-content:center;align-items:center;padding:90px 0 105px;display:flex;transform:translateY(-12vh)}.eyebrow{letter-spacing:2.8px;color:#4c6357;margin:0 0 33px;font-size:10px;font-weight:600}h1{letter-spacing:-3px;margin:0;font-family:Manrope,sans-serif;font-size:clamp(34px,5.1vw,76px);font-weight:450;line-height:1.43}.sentence-line{display:block}.metric-display{align-items:flex-end;gap:clamp(18px,3vw,42px);display:inline-flex}.metric{flex-direction:column;align-items:center;gap:0;padding-top:18px;display:inline-flex;position:relative}.metric-header{color:#35604b;letter-spacing:1.7px;text-align:center;text-transform:uppercase;font-family:DM Sans,sans-serif;font-size:10px;font-weight:600;line-height:1;position:absolute;top:0;left:0;right:0}.metric-year{align-items:flex-end}.metric-year .metric-header{text-align:right}.metric-rate{align-items:flex-start}.metric-rate .metric-header{text-align:left}.year-label,.rate{font-variant-numeric:tabular-nums;font-weight:450;display:inline-block}.year-label,.rate,.wheel-trigger{line-height:1.05}.year-label{text-align:right;width:4.2ch}.rate{text-align:left;min-width:5.2ch}.inline-select{cursor:pointer;border-bottom:1.5px solid #47665370;line-height:1.18;transition:border-color .15s;display:inline-block;position:relative}.inline-select:hover{border-color:#172b25}.wheel-trigger{color:inherit;font:inherit;line-height:inherit;cursor:pointer;background:0 0;border:0;padding:0 3px 1px}.wheel-trigger:focus-visible{outline-offset:6px;border-radius:2px;outline:2px solid #305c46}.wheel-popover{z-index:5;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#f8faf1ef;border:1px solid #172b2520;border-radius:14px;width:190px;height:132px;position:absolute;top:calc(100% + 15px);left:50%;overflow:hidden;transform:translate(-50%);box-shadow:0 18px 45px #172b2520}.wheel{scroll-snap-type:y mandatory;scrollbar-width:none;height:132px;padding:44px 0;overflow-y:auto}.wheel::-webkit-scrollbar{display:none}.wheel-option{color:#172b256b;scroll-snap-align:center;cursor:pointer;background:0 0;border:0;justify-content:center;align-items:center;gap:8px;width:100%;height:44px;font-size:15px;display:flex}.flag{object-fit:cover;border-radius:2px;flex:none;width:25px;height:17px;display:block;overflow:hidden;box-shadow:0 0 0 1px #172b2525}.wheel-trigger .flag{vertical-align:middle;width:1.15em;height:.78em;box-shadow:none}.dropdown-popover{z-index:5;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#f8faf1f2;border:1px solid #172b2520;border-radius:12px;width:210px;max-height:260px;padding:6px;position:absolute;top:calc(100% + 12px);left:50%;overflow-y:auto;transform:translate(-50%);box-shadow:0 18px 45px #172b2520}.dropdown-search{color:#172b25;width:calc(100% - 8px);font:inherit;background:0 0;border:0;border-bottom:1px solid #172b2530;outline:0;margin:2px 4px 6px;padding:7px 8px;font-size:12px;display:block}.dropdown-search::placeholder{color:#172b2566}.dropdown-option{color:#172b25a0;text-align:left;cursor:pointer;background:0 0;border:0;border-radius:7px;align-items:center;gap:9px;width:100%;min-height:35px;padding:6px 9px;font-size:13px;display:flex}.dropdown-option:hover,.dropdown-option.active{color:#172b25;background:#172b2510}.wheel-option.active{color:#172b25;font-weight:600}.wheel-selection{z-index:1;pointer-events:none;border-top:1px solid #172b2530;border-bottom:1px solid #172b2530;height:44px;position:absolute;top:44px;left:9px;right:9px}.wheel-fade{z-index:2;pointer-events:none;height:44px;position:absolute;left:0;right:0}.wheel-fade-top{background:linear-gradient(#f8faf1,#0000);top:0}.wheel-fade-bottom{background:linear-gradient(#0000,#f8faf1);bottom:0}.rate{font-variant-numeric:tabular-nums;font-weight:450}.percent{font-size:.86em}.hint{color:#4c6357;margin:31px 0 0;font-size:12px}footer{color:#435c50;font-size:11px}.prototype{align-items:center;gap:7px;display:flex}.prototype>span{background:currentColor;border-radius:50%;width:5px;height:5px}.legend{align-items:center;gap:10px;display:flex}.legend-bar{background:linear-gradient(90deg,#71b58b,#d4c36b,#d78176);border-radius:9px;width:88px;height:5px}button{color:inherit;cursor:pointer}.about-button{background:0 0;border:0;padding:8px 0;font-size:11px}.about-button span{margin-left:8px}.info{background:#fafbf4;border:1px solid #172b251a;border-radius:16px;width:min(340px,100% - 40px);padding:24px;position:absolute;bottom:80px;right:48px;box-shadow:0 12px 50px #172b2510}.info h2{margin:0 0 12px;font-size:18px;font-weight:500}.info p{color:#435c50;font-size:13px;line-height:1.65}.info button{background:0 0;border:0;border-bottom:1px solid;padding:4px 0;font-size:12px}button:focus-visible,a:focus-visible{outline-offset:5px;outline:2px solid #305c46}@media (max-width:700px){main{padding:25px 22px 20px}.edition{display:none}.center{padding:75px 0}h1{letter-spacing:-1.3px;font-size:clamp(29px,6.4vw,44px);line-height:1.65}.inline-select>span{gap:7px}.eyebrow{letter-spacing:1.8px;margin-bottom:25px;font-size:8px}.hint{max-width:220px;margin-top:27px;font-size:10px;line-height:1.8}footer{flex-wrap:wrap;row-gap:17px;font-size:10px}.legend{order:3;justify-content:center;width:100%}.info{bottom:110px;right:20px}.plot-years{font-size:12px;bottom:20px;left:22px;right:22px}.source-link{font-size:10px;bottom:21px}.plot-frame{left:54px;right:54px}.rate-axis{font-size:9px}.rate-axis-left span{right:calc(100% + 6px)}.rate-axis-right span{left:calc(100% + 6px)}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition:none!important}}
