.tools-hero{isolation:isolate;position:relative;overflow:hidden}.tools-hero-glow{z-index:-1;pointer-events:none;opacity:.9;background:radial-gradient(60% 55% at 22% 30%,#4400ff42,#0000 70%),radial-gradient(50% 50% at 78% 60%,#5c8cff24,#0000 72%);height:120%;position:absolute;inset:-20% -10% auto}.tools-hero-grid{z-index:-1;pointer-events:none;background-image:linear-gradient(#5c8cff0f 1px,#0000 1px),linear-gradient(90deg,#5c8cff0f 1px,#0000 1px);background-size:46px 46px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(80% 70% at 50% 40%,#000 0%,#0000 78%);mask-image:radial-gradient(80% 70% at 50% 40%,#000 0%,#0000 78%)}.tool-card{border:1px solid var(--border);background:linear-gradient(#0c0b18,#08070f);transition:border-color .22s,transform .22s,box-shadow .26s;position:relative;overflow:hidden}.tool-card:hover,.tool-card:focus-within{border-color:#4400ff80;transform:translateY(-3px);box-shadow:0 20px 48px #00000080,0 0 0 1px #40f3,0 10px 40px #4400ff2e}.tool-thumb{border-bottom:1px solid var(--border);background:#06060f}.tool-thumb-vignette{z-index:2;pointer-events:none;background:linear-gradient(#0000 45%,#0c0b1859 78%,#0c0b18 100%);position:absolute;inset:0}