/* tools/valuation — extracted page styles */
.val-hero{background:linear-gradient(120deg,var(--tk-dark),var(--tk-green-d));color:#fff;border-radius:var(--tk-radius);
        padding:1.8rem;display:flex;align-items:center;justify-content:space-between;gap:1rem;flex-wrap:wrap;margin-bottom:1.4rem}
    .val-hero h1{color:#fff;font-size:1.7rem;margin:0 0 .3rem}
    .val-hero p{color:#d5ecdb;margin:0;max-width:560px}
    .val-hero__badge{background:rgba(255,255,255,.12);border-radius:999px;padding:.5rem 1rem;font-weight:600;font-size:.9rem}
    .val-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;margin-top:1.4rem}
    @media(max-width:760px){.val-steps{grid-template-columns:1fr}}
    .val-step{display:flex;gap:.7rem;align-items:flex-start}
    .val-step .n{flex:none;width:34px;height:34px;border-radius:50%;background:var(--tk-green-l);color:var(--tk-green-d);
        font-weight:800;display:flex;align-items:center;justify-content:center}
    .val-why li{margin-bottom:.6rem;display:flex;gap:.5rem;align-items:flex-start;list-style:none}
    .val-why li i{color:var(--tk-green);margin-top:.2rem}
    .val-why ul{padding:0;margin:0}