.infographic *, .infographic ::before, .infographic ::after{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgb(59 130 246 / 0.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }
.infographic ::backdrop{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgb(59 130 246 / 0.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }
.infographic /* ! tailwindcss v3.4.17 | MIT License | https://tailwindcss.com */*, .infographic ::after, .infographic ::before{box-sizing:border-box;border-width:0;border-style:solid;border-color:#e5e7eb}
.infographic ::after, .infographic ::before{--tw-content:''}
.infographic, .infographic{line-height:1.5;-webkit-text-size-adjust:100%;-moz-tab-size:4;tab-size:4;font-family:ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";font-feature-settings:normal;font-variation-settings:normal;-webkit-tap-highlight-color:transparent}
.infographic{margin:0;line-height:inherit}
.infographic hr{height:0;color:inherit;border-top-width:1px}
.infographic abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}
.infographic h1, .infographic h2, .infographic h3, .infographic h4, .infographic h5, .infographic h6{font-size:inherit;font-weight:inherit}
.infographic a{color:inherit;text-decoration:inherit}
.infographic b, .infographic strong{font-weight:bolder}
.infographic code, .infographic kbd, .infographic pre, .infographic samp{font-family:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;font-feature-settings:normal;font-variation-settings:normal;font-size:1em}
.infographic small{font-size:80%}
.infographic sub, .infographic sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}
.infographic sub{bottom:-.25em}
.infographic sup{top:-.5em}
.infographic table{text-indent:0;border-color:inherit;border-collapse:collapse}
.infographic button, .infographic input, .infographic optgroup, .infographic select, .infographic textarea{font-family:inherit;font-feature-settings:inherit;font-variation-settings:inherit;font-size:100%;font-weight:inherit;line-height:inherit;letter-spacing:inherit;color:inherit;margin:0;padding:0}
.infographic button, .infographic select{text-transform:none}
.infographic button, .infographic input:where([type=button]), .infographic input:where([type=reset]), .infographic input:where([type=submit]){-webkit-appearance:button;background-color:transparent;background-image:none}
.infographic :-moz-focusring{outline:auto}
.infographic :-moz-ui-invalid{box-shadow:none}
.infographic progress{vertical-align:baseline}
.infographic ::-webkit-inner-spin-button, .infographic ::-webkit-outer-spin-button{height:auto}
.infographic [type=search]{-webkit-appearance:textfield;outline-offset:-2px}
.infographic ::-webkit-search-decoration{-webkit-appearance:none}
.infographic ::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}
.infographic summary{display:list-item}
.infographic blockquote, .infographic dd, .infographic dl, .infographic figure, .infographic h1, .infographic h2, .infographic h3, .infographic h4, .infographic h5, .infographic h6, .infographic hr, .infographic p, .infographic pre{margin:0}
.infographic fieldset{margin:0;padding:0}
.infographic legend{padding:0}
.infographic menu, .infographic ol, .infographic ul{list-style:none;margin:0;padding:0}
.infographic dialog{padding:0}
.infographic textarea{resize:vertical}
.infographic input::placeholder, .infographic textarea::placeholder{opacity:1;color:#9ca3af}
.infographic [role=button], .infographic button{cursor:pointer}
.infographic :disabled{cursor:default}
.infographic audio, .infographic canvas, .infographic embed, .infographic iframe, .infographic img, .infographic object, .infographic svg, .infographic video{display:block;vertical-align:middle}
.infographic img, .infographic video{max-width:100%;height:auto}
.infographic [hidden]:where(:not([hidden=until-found])){display:none}
.infographic .container{width:100%}
@media (min-width: 640px){.infographic .container{max-width:640px}}
@media (min-width: 768px){.infographic .container{max-width:768px}}
@media (min-width: 1024px){.infographic .container{max-width:1024px}}
@media (min-width: 1280px){.infographic .container{max-width:1280px}}
@media (min-width: 1536px){.infographic .container{max-width:1536px}}
.infographic .absolute{position:absolute}
.infographic .relative{position:relative}
.infographic .bottom-0{bottom:0px}
.infographic .left-1\/2{left:50%}
.infographic .top-0{top:0px}
.infographic .z-10{z-index:10}
.infographic .mx-auto{margin-left:auto;margin-right:auto}
.infographic .my-10{margin-top:2.5rem;margin-bottom:2.5rem}
.infographic .my-16{margin-top:4rem;margin-bottom:4rem}
.infographic .my-20{margin-top:5rem;margin-bottom:5rem}
.infographic .my-8{margin-top:2rem;margin-bottom:2rem}
.infographic .mb-10{margin-bottom:2.5rem}
.infographic .mr-2{margin-right:0.5rem}
.infographic .mt-2{margin-top:0.5rem}
.infographic .mt-4{margin-top:1rem}
.infographic .mt-6{margin-top:1.5rem}
.infographic .flex{display:flex}
.infographic .grid{display:grid}
.infographic .hidden{display:none}
.infographic .w-full{width:100%}
.infographic .max-w-2xl{max-width:42rem}
.infographic .max-w-3xl{max-width:48rem}
.infographic .max-w-sm{max-width:24rem}
.infographic .transform{transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}
.infographic .grid-cols-1{grid-template-columns:repeat(1, minmax(0, 1fr))}
.infographic .flex-col{flex-direction:column}
.infographic .items-start{align-items:flex-start}
.infographic .items-center{align-items:center}
.infographic .gap-8{gap:2rem}
.infographic .space-y-2 > :not([hidden]) ~ :not([hidden]){--tw-space-y-reverse:0;margin-top:calc(0.5rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(0.5rem * var(--tw-space-y-reverse))}
.infographic .space-y-8 > :not([hidden]) ~ :not([hidden]){--tw-space-y-reverse:0;margin-top:calc(2rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(2rem * var(--tw-space-y-reverse))}
.infographic .rounded-lg{border-radius:0.5rem}
.infographic .border-t{border-top-width:1px}
.infographic .border-gray-200{--tw-border-opacity:1;border-color:rgb(229 231 235 / var(--tw-border-opacity, 1))}
.infographic .bg-white{--tw-bg-opacity:1;background-color:rgb(255 255 255 / var(--tw-bg-opacity, 1))}
.infographic .p-4{padding:1rem}
.infographic .p-6{padding:1.5rem}
.infographic .py-6{padding-top:1.5rem;padding-bottom:1.5rem}
.infographic .py-8{padding-top:2rem;padding-bottom:2rem}
.infographic .text-left{text-align:left}
.infographic .text-center{text-align:center}
.infographic .text-2xl{font-size:1.5rem;line-height:2rem}
.infographic .text-3xl{font-size:1.875rem;line-height:2.25rem}
.infographic .text-4xl{font-size:2.25rem;line-height:2.5rem}
.infographic .text-5xl{font-size:3rem;line-height:1}
.infographic .text-8xl{font-size:6rem;line-height:1}
.infographic .text-lg{font-size:1.125rem;line-height:1.75rem}
.infographic .text-xl{font-size:1.25rem;line-height:1.75rem}
.infographic .font-black{font-weight:900}
.infographic .font-bold{font-weight:700}
.infographic .leading-tight{line-height:1.25}
.infographic .text-\[\#06D6A0\]{--tw-text-opacity:1;color:rgb(6 214 160 / var(--tw-text-opacity, 1))}
.infographic .text-\[\#073B4C\]{--tw-text-opacity:1;color:rgb(7 59 76 / var(--tw-text-opacity, 1))}
.infographic .text-\[\#118AB2\]{--tw-text-opacity:1;color:rgb(17 138 178 / var(--tw-text-opacity, 1))}
.infographic .text-\[\#FF6B6B\]{--tw-text-opacity:1;color:rgb(255 107 107 / var(--tw-text-opacity, 1))}
.infographic .text-\[\#FFD166\]{--tw-text-opacity:1;color:rgb(255 209 102 / var(--tw-text-opacity, 1))}
.infographic .text-gray-500{--tw-text-opacity:1;color:rgb(107 114 128 / var(--tw-text-opacity, 1))}
.infographic .text-gray-600{--tw-text-opacity:1;color:rgb(75 85 99 / var(--tw-text-opacity, 1))}
.infographic .shadow-lg{--tw-shadow:0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);--tw-shadow-colored:0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)}
.infographic .shadow-md{--tw-shadow:0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);--tw-shadow-colored:0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)}
.infographic .shadow-xl{--tw-shadow:0 20px 25px -5px rgb(0 0 0 / 0.1), 0 8px 10px -6px rgb(0 0 0 / 0.1);--tw-shadow-colored:0 20px 25px -5px var(--tw-shadow-color), 0 8px 10px -6px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)}
.infographic .transition-transform{transition-property:transform;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms}
.infographic .duration-300{transition-duration:300ms}
.infographic .hover\:-translate-y-2:hover{--tw-translate-y:-0.5rem;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}
.infographic .hover\:scale-105:hover{--tw-scale-x:1.05;--tw-scale-y:1.05;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}
@media (min-width: 768px){.infographic .md\:my-12{margin-top:3rem;margin-bottom:3rem}
.infographic .md\:block{display:block}
.infographic .md\:max-w-2xl{max-width:42rem}
.infographic .md\:grid-cols-2{grid-template-columns:repeat(2, minmax(0, 1fr))}
.infographic .md\:p-10{padding:2.5rem}
.infographic .md\:p-8{padding:2rem}
.infographic .md\:text-left{text-align:left}
.infographic .md\:text-6xl{font-size:3.75rem;line-height:1}}
@media (min-width: 1024px){.infographic .lg\:grid-cols-3{grid-template-columns:repeat(3, minmax(0, 1fr))}}
.infographic { font-family: Inter, "Roboto", Helvetica, Arial, sans-serif; }
.infographic .chart-container { position: relative; width: 100%; max-width: 450px; margin-left: auto; margin-right: auto; height: 300px; max-height: 400px; }
@media (min-width: 768px) { .infographic .chart-container { height: 350px; } }
.infographic .gradient-text { background: linear-gradient(to right, #FFD166, #FF6B6B); -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; }
.infographic .seo-flow-connector { position: absolute; left: 50%; transform: translateX(-50%); width: 2px; background-color: #06D6A0; opacity: .4; }

.infographic .text-\[\#06D6A0\] { color: #04806a; }