:root{--grat-green: #047857;--grat-green-soft: #D1FAE5;--grat-gold: #B45309;--grat-gold-soft: #FEF3C7}.ppf-stat-cards{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:1.2rem}.ppf-stat-card{border-radius:14px;padding:.9rem 1rem;display:flex;align-items:flex-start;gap:.7rem;border:1.5px solid transparent;transition:transform .15s ease,box-shadow .15s}.ppf-stat-card:hover{transform:translateY(-2px);box-shadow:0 6px 20px #0d254517}.ppf-stat-card.card-invested{background:#ccfbf1;border-color:#5eead4}.ppf-stat-card.card-invested .psc-icon{color:#0d9488;background:#99f6e4}.ppf-stat-card.card-invested .psc-value{color:#0d9488}.ppf-stat-card.card-interest{background:var(--grat-gold-soft);border-color:#fde68a}.ppf-stat-card.card-interest .psc-icon{color:var(--grat-gold);background:#fef3c7}.ppf-stat-card.card-interest .psc-value{color:var(--grat-gold)}.ppf-stat-card.card-tax{background:var(--grat-green-soft);border-color:#6ee7b7}.ppf-stat-card.card-tax .psc-icon{color:var(--grat-green);background:#d1fae5}.ppf-stat-card.card-tax .psc-value{color:var(--grat-green)}.ppf-stat-card.card-lockin{background:#ede9fe;border-color:#c4b5fd}.ppf-stat-card.card-lockin .psc-icon{color:#7c3aed;background:#ddd6fe}.ppf-stat-card.card-lockin .psc-value{color:#7c3aed}.psc-icon{width:34px;height:34px;border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:.95rem;flex-shrink:0}.psc-body{flex:1;min-width:0}.psc-label{font-size:.65rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--slate);margin-bottom:3px}.psc-value{font-size:1.05rem;font-weight:800;font-family:var(--font-mono);color:var(--navy);line-height:1.2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.psc-sub{font-size:.67rem;color:var(--slate);margin-top:2px;line-height:1.4;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.lockin-box{background:var(--grat-green-soft);border:1.5px solid #6EE7B7;border-radius:var(--r-md);padding:.75rem 1rem;margin-bottom:1.2rem;display:flex;font-size:.77rem;color:#065f46;font-weight:500;align-items:flex-start;gap:.5rem}.lockin-box i{color:var(--grat-green);font-size:.9rem;flex-shrink:0;margin-top:1px}.hero-tax-banner{margin-top:10px;background:#ffffff21;border:1px solid rgba(255,255,255,.28);border-radius:12px;padding:.55rem .85rem;display:flex;align-items:center;gap:8px;font-size:.78rem;font-weight:600;color:#fff;flex-wrap:wrap}.hero-tax-banner i{color:#6ee7b7}#gratDonutTip{position:absolute;bottom:105%;left:50%;transform:translate(-50%);background:#0d2545;border-radius:16px;overflow:hidden;pointer-events:none;opacity:0;transition:opacity .18s;z-index:20;width:192px;box-shadow:0 20px 40px #0d254559,0 4px 12px #0d254533}.donut-arc{transition:opacity .18s,stroke-width .15s;fill:none;stroke-width:16px}.dl-item.dl-dim{opacity:.4}@media(max-width:700px){.ppf-stat-cards{grid-template-columns:1fr 1fr;gap:8px}.psc-value{font-size:.9rem}}@media(max-width:480px){.ppf-stat-cards{grid-template-columns:1fr 1fr;gap:6px}.ppf-stat-card{padding:.7rem .75rem}.psc-icon{width:28px;height:28px;font-size:.8rem}.psc-value{font-size:.82rem}.psc-sub{font-size:.62rem}}
