.gx{--gx-green: #5f8f6e;--gx-green-bg: #eef5f0;--gx-blue: #4f86b5;--gx-blue-bg: #edf4fa;--gx-purple: #8a6aa6;--gx-purple-bg: #f4eff8;--gx-amber: #b7791f;--gx-amber-bg: #fdf6e7;--gx-rose: #c0504d;--gx-rose-bg: #fdf0ef;--gx-ink: #1e293b;--gx-text: #4b5563;--gx-line: #e5e7eb;margin:2.5rem 0;max-width:1000px;font-family:inherit}.gx-card{background:#f8fafc;border:1px solid var(--gx-line);border-radius:16px;padding:1.5rem}@media (min-width: 640px){.gx-card{padding:2rem}}.gx-title{font-family:Poppins,sans-serif;font-size:1.3rem;font-weight:700;color:var(--gx-ink);text-align:center;margin:0 0 .35rem}.gx-sub{text-align:center;color:var(--gx-text);font-size:.95rem;margin:0 0 1.5rem}.gx-source{font-size:.8rem;color:#6b7280;margin:1.25rem 0 0;text-align:center}.gx-source a{color:inherit}.gx-grid{display:grid;gap:1rem;grid-template-columns:1fr}@media (min-width: 640px){.gx-grid.cols-2{grid-template-columns:repeat(2,1fr)}.gx-grid.cols-3{grid-template-columns:repeat(3,1fr)}}@media (min-width: 960px){.gx-grid.cols-5{grid-template-columns:repeat(5,1fr)}}@media (min-width: 640px) and (max-width: 959px){.gx-grid.cols-5{grid-template-columns:repeat(2,1fr)}}.gx-panel{border-radius:14px;padding:1.25rem 1.1rem;background:var(--bg, #fff);border-top:5px solid var(--fg, #94a3b8);display:flex;flex-direction:column;gap:.5rem}.gx-panel.green{--fg: var(--gx-green);--bg: var(--gx-green-bg)}.gx-panel.blue{--fg: var(--gx-blue);--bg: var(--gx-blue-bg)}.gx-panel.purple{--fg: var(--gx-purple);--bg: var(--gx-purple-bg)}.gx-panel.amber{--fg: var(--gx-amber);--bg: var(--gx-amber-bg)}.gx-panel.rose{--fg: var(--gx-rose);--bg: var(--gx-rose-bg)}.gx-icon{width:56px;height:56px;border-radius:50%;background:#fff;color:var(--fg);display:flex;align-items:center;justify-content:center;box-shadow:0 1px 4px #0000000f}.gx-icon svg{width:30px;height:30px}.gx-panel h4{font-family:Poppins,sans-serif;font-size:1.05rem;font-weight:700;color:var(--gx-ink);margin:.25rem 0 0;line-height:1.3}.gx-panel p{font-size:.92rem;line-height:1.55;color:var(--gx-text);margin:0}.gx-facts{list-style:none;margin:auto 0 0;padding:.75rem 0 0;border-top:1px dashed rgba(0,0,0,.12);font-size:.85rem;color:var(--gx-ink)}.gx-facts li{margin:.2rem 0;line-height:1.4}.gx-facts b{color:var(--fg);font-weight:700}.gx-big{font-family:Poppins,sans-serif;font-size:1.6rem;font-weight:700;color:var(--fg, var(--gx-ink));line-height:1.1}.gx-bars{display:flex;flex-direction:column;gap:.75rem}.gx-bar-row{display:grid;grid-template-columns:1fr;gap:.3rem}@media (min-width: 640px){.gx-bar-row{grid-template-columns:11rem 1fr;align-items:center;gap:1rem}}.gx-bar-label{font-weight:600;color:var(--gx-ink);font-size:.95rem}.gx-bar-label small{display:block;font-weight:400;color:#6b7280;font-size:.8rem}.gx-bar-track{background:#eef2f6;border-radius:10px;height:2.4rem;position:relative;overflow:hidden}.gx-bar-fill{height:100%;border-radius:10px;background:var(--fg, var(--gx-blue));width:var(--w, 0%);display:flex;align-items:center;justify-content:flex-end;padding:0 .75rem;box-sizing:border-box;min-width:-moz-fit-content;min-width:fit-content;color:#fff;font-weight:700;font-size:.95rem;white-space:nowrap;transition:width 1.1s cubic-bezier(.2,.7,.2,1)}.gx-bar-fill.green{--fg: var(--gx-green)}.gx-bar-fill.blue{--fg: var(--gx-blue)}.gx-bar-fill.purple{--fg: var(--gx-purple)}.gx-bar-fill.amber{--fg: var(--gx-amber)}.gx-bar-fill.slate{--fg: #475569}.gx-bar-fill.rose{--fg: var(--gx-rose)}.gx-animate .gx-bar-fill{width:0}.gx-animate.gx-in .gx-bar-fill{width:var(--w)}.gx-animate .gx-step{opacity:0;transform:translateY(10px);transition:opacity .5s ease,transform .5s ease}.gx-animate.gx-in .gx-step{opacity:1;transform:none}@media (prefers-reduced-motion: reduce){.gx-bar-fill,.gx-animate .gx-step{transition:none!important}}.gx-tool{background:#fff;border:2px solid var(--theme-200, #cfe3d6);border-radius:16px;padding:1.5rem}@media (min-width: 640px){.gx-tool{padding:2rem}}.gx-tool .gx-tag{display:inline-block;font-size:.72rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--theme-700, #2f6b46);background:var(--theme-50, #eef7f1);border-radius:999px;padding:.25rem .7rem;margin-bottom:.6rem}.gx-fields{display:grid;gap:1rem;grid-template-columns:1fr;margin:1rem 0 1.5rem}@media (min-width: 640px){.gx-fields{grid-template-columns:repeat(2,1fr)}}.gx-field label{display:block;font-weight:600;color:var(--gx-ink);font-size:.95rem;margin-bottom:.4rem}.gx-field select,.gx-field input[type=range]{width:100%}.gx-field select{border:1px solid #cbd5e1;border-radius:10px;padding:.65rem .75rem;font-size:1rem;background:#fff;color:var(--gx-ink)}.gx-field input[type=range]{accent-color:var(--theme-600, #2f855a);height:2rem}.gx-field output{font-weight:700;color:var(--theme-700, #2f6b46)}.gx-result{background:var(--theme-50, #eef7f1);border-radius:12px;padding:1rem 1.25rem;margin-top:1.25rem;color:var(--gx-ink);font-size:1rem;line-height:1.6}.gx-result strong{color:var(--theme-800, #22543d)}.gx-note{font-size:.82rem;color:#6b7280;margin-top:.75rem;line-height:1.5}.gx-q{margin:1.1rem 0}.gx-q>p{font-weight:600;color:var(--gx-ink);margin:0 0 .5rem;font-size:1rem}.gx-choices{display:flex;flex-wrap:wrap;gap:.5rem}.gx-choices button{border:1px solid #cbd5e1;background:#fff;color:var(--gx-ink);border-radius:999px;padding:.55rem 1rem;font-size:.95rem;cursor:pointer;transition:background .15s,border-color .15s}.gx-choices button:hover{border-color:var(--theme-500, #38a169)}.gx-choices button[aria-pressed=true]{background:var(--theme-600, #2f855a);border-color:var(--theme-600, #2f855a);color:#fff}.gx-cities{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:1rem}.gx-cities a{display:inline-flex;align-items:center;gap:.4rem;border:1px solid #cbd5e1;border-radius:999px;padding:.45rem .9rem;text-decoration:none!important;color:var(--gx-ink)!important;background:#fff;font-size:.95rem}.gx-cities a:hover{border-color:var(--theme-500, #38a169);background:var(--theme-50, #eef7f1)}.gx-cities a span{font-size:.8rem;color:#6b7280}.gx-stats{display:grid;gap:.75rem;grid-template-columns:repeat(2,1fr)}@media (min-width: 640px){.gx-stats{grid-template-columns:repeat(4,1fr)}}.gx-stat{background:#fff;border:1px solid var(--gx-line);border-radius:12px;padding:1rem;text-align:center}.gx-stat .gx-big{color:var(--theme-700, #2f6b46)}.gx-stat p{margin:.35rem 0 0;font-size:.85rem;color:var(--gx-text);line-height:1.4}.gx-steps{list-style:none;margin:0;padding:0;counter-reset:gx;display:grid;gap:.9rem}.gx-steps li{counter-increment:gx;position:relative;padding:.9rem 1rem .9rem 3.6rem;background:#fff;border:1px solid var(--gx-line);border-radius:12px}.gx-steps li:before{content:counter(gx);position:absolute;left:1rem;top:.85rem;width:1.9rem;height:1.9rem;border-radius:50%;background:var(--theme-600, #2f855a);color:#fff;font-weight:700;display:flex;align-items:center;justify-content:center;font-size:.95rem}.gx-steps li strong{display:block;color:var(--gx-ink);margin-bottom:.15rem}.gx-steps li span{color:var(--gx-text);font-size:.95rem;line-height:1.55}