/* life.css: motion + link blocks (2026-10-15). Reveal only when JS runs (html.lj), so nothing is ever hidden without it. */
.lj .rv{opacity:0;transform:translateY(28px);transition:opacity .7s ease,transform .7s cubic-bezier(.2,.8,.2,1)}
.lj .rv.in{opacity:1;transform:none}
.qb{transition:background .25s,transform .25s}.qb:hover{background:rgba(200,255,61,.06);transform:translateX(6px)}
.card .go{transition:transform .3s}.card:hover .go{transform:rotate(45deg) scale(1.1)}
.stat{transition:transform .35s,box-shadow .35s}.stat:hover{transform:translateY(-6px) rotate(-1deg)!important;box-shadow:8px 8px 0 var(--acid)}
.btn{transition:transform .2s,box-shadow .2s}.btn:hover{transform:translate(-2px,-2px);box-shadow:5px 5px 0 var(--ember)}
h2 .hl{background:linear-gradient(transparent 62%,rgba(200,255,61,.25) 62%);}
/* ticker under the home hero */
.ltick{overflow:hidden;border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:var(--ink2);padding:14px 0;margin:10px 0 40px;position:relative;z-index:2}
.ltick-t{display:flex;gap:26px;width:max-content;animation:ltick 38s linear infinite;font:700 15px var(--mono);letter-spacing:.06em;text-transform:uppercase;white-space:nowrap}
.ltick-t span{color:var(--bone)}.ltick-t i{color:var(--acid);font-style:normal}
.ltick:hover .ltick-t{animation-play-state:paused}
@keyframes ltick{to{transform:translateX(-50%)}}
/* popular tools block above the footer */
.lpop{border-top:1px solid var(--line);padding:46px 0 30px;position:relative;z-index:2}
.lpop-h{display:flex;justify-content:space-between;align-items:baseline;gap:16px;flex-wrap:wrap;margin-bottom:16px}
.lpop-h h2{font-size:clamp(26px,3vw,38px)}.lpop-h a{font:700 14px var(--mono);color:var(--acid)}
.lpop-g{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}
.lpop-g a{display:flex;justify-content:space-between;gap:10px;align-items:center;border:1px solid var(--line);padding:12px 14px;text-decoration:none;color:var(--bone);background:var(--ink);transition:border-color .2s,transform .2s}
.lpop-g a:hover{border-color:var(--acid);transform:translateY(-3px)}
.lpop-g b{font:700 15px var(--disp)}.lpop-g span{font:700 13px var(--mono);color:var(--cash)}
.lpop-c{margin-top:14px;font:600 13px var(--mono);color:var(--mute);line-height:2}.lpop-c span{color:var(--mute);margin-right:6px}.lpop-c a{color:var(--bone);margin-right:14px}
@media(max-width:1000px){.lpop-g{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:520px){.lpop-g{grid-template-columns:1fr}}
@media(prefers-reduced-motion:reduce){.lj .rv{opacity:1;transform:none;transition:none}.ltick-t{animation:none}}