.mascot-card{flex:0 0 370px;min-height:154px;background:linear-gradient(135deg,#153c3b,#245955);color:white;border-radius:24px;padding:18px 18px 18px 145px;position:relative;display:flex;align-items:center;overflow:hidden;box-shadow:0 18px 45px rgba(21,60,59,.16)}.mascot-card img{position:absolute;left:-8px;bottom:-42px;width:155px;height:210px;object-fit:cover;object-position:center;border-radius:80px;mix-blend-mode:screen}.mascot-card span{font-size:.7rem;color:var(--mint);letter-spacing:.12em;font-weight:850}.mascot-card p{margin:5px 0 0;font-size:.88rem;color:#dbe8e5}.tool-button.featured{border:1px solid rgba(21,60,59,.12)}.tool-button.featured span::after{content:'NOVO';margin-left:8px;padding:3px 6px;border-radius:6px;background:var(--mint);color:var(--deep);font-size:.58rem;letter-spacing:.08em;vertical-align:2px}.investment-chart{grid-column:1/-1;background:rgba(255,255,255,.07);border-radius:16px;padding:16px 18px}.chart-head,.chart-axis{display:flex;justify-content:space-between;align-items:center}.chart-head span,.chart-axis{color:#c4d3d1;font-size:.74rem}.investment-chart svg{display:block;width:100%;height:auto;max-height:210px;margin-top:8px}.calculate,.use-example,.tool-button,.reset{transition:transform .15s ease,background .2s ease,box-shadow .2s ease}.calculate:active,.use-example:active{transform:scale(.985)}.metric{transition:transform .18s ease,background .18s ease}.metric:hover{transform:translateY(-2px);background:rgba(255,255,255,.12)}@media(max-width:800px){.mascot-card{margin-top:28px;min-height:145px;padding-left:135px}.intro .mascot-card p{font-size:.86rem;color:#dbe8e5}.result-card{grid-template-columns:1fr}}@media(max-width:480px){.mascot-card{padding-left:120px}.mascot-card img{width:135px}.investment-chart{padding:12px}}