#tools{--panel:#150d38;--panel-2:#1d1150;--hair:rgba(160,107,255,.16);--hair-2:rgba(160,107,255,.3);--t-hi:#f0eaff;--t:#d9d0f5;--t-mid:#a99ad6;--t-low:#7d70ad;--amber:#22e8f0;--amber-hi:#7ff3f7;--up:#4dff9b;--down:#ff4d6d}
/* ═══════════════════════════════════════════════════════════════════════════
   KuumiBot landing teasers for /calculator and /replay (2026-09-16)
   Markup + script: the TOOLS-TEASER block in index.html, just above #features.
   Uses land-skin.css tokens. Remove = delete the block in index.html.
   ═══════════════════════════════════════════════════════════════════════════ */
.tt-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1px;overflow:hidden;border:1px solid var(--hair);border-radius:16px;background:var(--hair)}
.tt-card{display:flex;flex-direction:column;gap:10px;min-width:0;padding:28px 30px;background:var(--panel);text-decoration:none!important;color:inherit;transition:background .2s}
.tt-card:hover{background:var(--panel-2)}
.tt-card:focus-visible{outline:2px solid var(--amber-hi);outline-offset:-4px}
.tt-cap{margin:0;font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:var(--amber-hi)}
.tt-h{margin:0;font-size:clamp(1.15rem,2vw,1.45rem);font-weight:600;line-height:1.25;letter-spacing:-.025em;color:var(--t-hi)}
.tt-p{margin:0;font-size:13.5px;line-height:1.65;color:var(--t-mid)}
.tt-live{margin-top:4px;padding:12px 14px;border:1px solid var(--hair);border-radius:10px;background:rgba(220,210,255,.02);font-size:12.5px;line-height:1.6;color:var(--t-low);min-height:66px}
.tt-live b{font-weight:500;color:var(--t-hi)}
.tt-live .w{color:var(--up)} .tt-live .l{color:var(--down)}
.tt-go{margin-top:auto;padding-top:6px;font-size:13px;font-weight:500;color:var(--amber-hi)}
.tt-card:hover .tt-go{color:#7ff3f7}
@media (max-width:760px){.tt-grid{grid-template-columns:minmax(0,1fr)}.tt-card{padding:22px 20px}}

/* ─── KuumiBot theme ─── */
.tt-h2{margin:14px 0 8px;font-size:clamp(26px,3.8vw,38px);color:var(--t-hi)}
.tt-sub{margin:0 0 24px;font-size:16px;font-weight:600;line-height:1.55;color:var(--t-mid)}
.tt-grid{border-radius:20px;border:2px solid var(--hair-2);box-shadow:0 6px 0 rgba(0,0,0,.28)}
.tt-h{font-family:'Fredoka','Nunito',ui-rounded,system-ui,sans-serif;letter-spacing:-.01em}
.tt-live{border-radius:14px}