@font-face{
  font-family:'Google Sans Flex';
  font-style:normal;
  font-weight:100 900;
  font-display:swap;
  src:local('');
  size-adjust:100%;
  ascent-override:90%;
  descent-override:22%;
  line-gap-override:0%;
}
:root{
  --font-b:'Google Sans Flex','Google Sans',sans-serif;
}
.btn-green{display:inline-flex;align-items:center;gap:8px;background:var(--highlight);color:#0a0a0b;font-weight:700;font-size:14px;padding:13px 26px;border-radius:100px;transition:background .2s,box-shadow .2s,transform .2s}
.btn-outline-w{display:inline-flex;align-items:center;gap:8px;background:rgba(255,255,255,0.07);color:#fff;border:1px solid rgba(255,255,255,0.18);font-weight:600;font-size:14px;padding:13px 26px;border-radius:100px;transition:background .2s,box-shadow .2s,transform .2s}
.stat-num{font-family:var(--font-d);font-size:clamp(32px,3.5vw,48px);font-weight:900;letter-spacing:-0.04em;color:#fff;line-height:1;flex-shrink:0;display:inline-flex;align-items:baseline}
.count-up{font-variant-numeric:tabular-nums;display:inline-block;min-width:1ch;text-align:right}
.step:hover .step-dot{background:#0e1f0a;border-color:var(--highlight);border-width:2px}
.panel,.panel-green{background:#fff;border:1px solid var(--border);border-radius:var(--radius-lg);padding:40px 36px;transition:background 0.4s var(--ease),border-color 0.4s var(--ease),box-shadow 0.4s var(--ease)}
.panel:hover,.panel-green:hover{background:rgba(60,224,0,0.06);border-color:rgba(60,224,0,0.35);box-shadow:0 8px 32px rgba(60,224,0,0.1)}
.panel h3,.panel-green h3{font-size:19px;font-weight:800;color:var(--text);margin-bottom:12px}
.panel p,.panel-green p{font-size:15px;color:var(--muted);line-height:1.7}