.tools-feature-section { margin: 1rem 0 5rem; }
.tools-section-heading { border-top: 3px solid var(--paper); padding-top: 1.2rem; margin-bottom: 1.5rem; }
.tools-section-heading .eyebrow { margin: 0 0 .5rem; }
.tools-section-heading h2 { margin: 0 0 .65rem; color: var(--paper); font-family: Impact, "Arial Black", sans-serif; font-size: clamp(2.4rem, 6vw, 5rem); line-height: .9; text-transform: uppercase; text-shadow: 3px 0 var(--hot), -3px 0 var(--cyan); }
.tools-section-heading > p:last-child { max-width: 44rem; color: #ccc; }
.tools-feature-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 1.3rem; }
.tools-feature { min-width: 0; border: 3px solid var(--paper); background: #0b0b0b; box-shadow: 7px 7px 0 var(--hot); }
.tools-feature-beta { box-shadow: 7px 7px 0 var(--cyan); }
.tools-feature-art { position: relative; overflow: hidden; aspect-ratio: 16 / 9; background: #1b1730; border-bottom: 3px solid var(--paper); }
.tools-feature-art > img:first-child { display: block; width: 100%; height: 100%; object-fit: cover; }
.tools-feature-game .tools-feature-art > img { object-position: center 38%; }
.tools-art-label { position: absolute; left: 0; bottom: 0; padding: .35rem .55rem; background: var(--acid); color: var(--ink); font-size: .7rem; font-weight: 900; letter-spacing: .12em; }
.tools-beta-art { isolation: isolate; }
.tools-beta-art .tools-beta-background { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; filter: saturate(1.3) brightness(.62); }
.tools-beta-art .tools-beta-phone { position: absolute; z-index: 1; width: 35%; height: 87%; max-width: 12rem; left: 50%; top: 7%; transform: translateX(-50%) rotate(-5deg); object-fit: cover; border: 5px solid #101010; border-radius: 1.1rem; box-shadow: 12px 12px 0 rgba(0,0,0,.65); }
.tools-feature-body { display: flex; flex-direction: column; min-height: 17rem; padding: 1.1rem; }
.tools-status { margin: 0 0 .55rem; color: var(--acid); font-size: .72rem; font-weight: 900; letter-spacing: .1em; text-transform: uppercase; }
.tools-feature-body h3 { margin: 0 0 .7rem; font-family: Impact, "Arial Black", sans-serif; font-size: clamp(2rem, 3vw, 3.3rem); line-height: .93; text-transform: uppercase; }
.tools-feature-body > p:not(.tools-status) { margin: 0 0 1.2rem; color: #ddd; }
.tools-feature-link, .tools-pending { align-self: flex-start; margin-top: auto; padding: .55rem .7rem; background: var(--acid); color: var(--ink); font-size: .72rem; font-weight: 900; letter-spacing: .08em; text-decoration: none; text-transform: uppercase; }
.tools-feature-link:hover, .tools-feature-link:focus-visible { background: var(--hot); }
.tools-pending { background: #343434; color: var(--paper); }
.tools-library .app-grid { margin-top: 0; }
.tools-library .app-card h3 { margin: .9rem .4rem .5rem; font-family: Impact, "Arial Black", sans-serif; font-size: clamp(1.7rem,3vw,2.7rem); line-height: .9; text-transform: uppercase; }
@media (max-width: 720px) {
  .tools-feature-grid { grid-template-columns: 1fr; }
  .tools-feature-body { min-height: 0; }
}
@media (max-width: 720px) {
  .tools-feature-section { margin-bottom: 3rem; }
  .tools-feature-grid { gap: 1.1rem; }
  .tools-feature, .tools-feature-beta { box-shadow: 4px 4px 0 var(--hot); }
  .tools-feature-beta { box-shadow: 4px 4px 0 var(--cyan); }
  .tools-section-heading h2 { text-shadow: 2px 0 var(--hot), -2px 0 var(--cyan); }
  .tools-feature-body { padding: 1rem; }
  .tools-feature-link, .tools-pending { align-self: stretch; padding: .95rem .7rem; text-align: center; }
  .tools-art-label { font-size: .62rem; }
}