.focus-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:22px}
.focus-card{padding:30px 26px;border:1px solid var(--line-2);border-radius:6px;background:var(--surface);transition:all .4s;position:relative;overflow:hidden}
.focus-card::before{content:"";position:absolute;left:0;top:0;width:100%;height:2px;background:linear-gradient(90deg,var(--accent),var(--accent-2));transform:scaleX(0);transform-origin:left;transition:transform .4s;box-shadow:0 0 12px var(--glow)}
.focus-card:hover{transform:translateY(-4px);border-color:rgba(47,224,160,.4);box-shadow:0 22px 50px -30px var(--glow)}
.focus-card:hover::before{transform:scaleX(1)}
.focus-card .fn{font-family:var(--serif);font-size:32px;font-weight:340;line-height:1;margin-bottom:18px;background:linear-gradient(120deg,var(--accent),var(--accent-2));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}
.focus-card h3{font-size:16px;font-weight:600;margin-bottom:9px;letter-spacing:-.01em}
.focus-card p{font-size:13.5px;color:var(--text-dim);font-weight:340}
@media(max-width:1000px){.focus-grid{grid-template-columns:1fr 1fr}}
@media(max-width:680px){.focus-grid{grid-template-columns:1fr}}