.specs-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:15px;max-width:1100px;margin:0 auto}.spec-card{background:0 0;border:none;padding:10px 5px 20px;display:flex;flex-direction:column;position:relative;overflow:visible;transition:.3s}.spec-card:hover{transform:translateY(-5px)}.card-active{border:none;box-shadow:none}.card-active:hover{border:none;box-shadow:none}.card-future{border:none;opacity:.8}.spec-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.spec-title h3{color:#fff;font-size:1.2rem;margin:0 0 5px}.version-text{position:absolute;bottom:15px;right:20px;font-size:.65rem;color:#777;font-weight:700;letter-spacing:.5px}.card-active .version-text{color:rgba(0,210,211,.7)}.board-visual{background:#111;border-radius:10px;padding:10px 8px;max-width:190px;margin:0 auto 20px;display:flex;justify-content:space-between;align-items:center;border:1px solid rgba(255,255,255,5%);position:relative}.pin-col{display:flex;flex-direction:column;gap:2px}.v-pin{width:32px;height:14px;background:#222;border:1px solid #444;border-radius:2px;display:flex;align-items:center;justify-content:center;font-family:monospace;font-size:.5rem;color:#aaa}.board-chip{width:55px;height:65px;background:linear-gradient(135deg,#e6e6e6 0%,#cccccc 40%,#999999 100%);border-top:18px solid #1a1a1a;border-radius:3px;box-shadow:inset 1px 1px 2px rgba(255,255,255,.8),inset -1px -1px 3px rgba(0,0,0,.4),3px 5px 10px rgba(0,0,0,.5);position:relative;display:flex;justify-content:center;align-items:center;color:#333;font-weight:900;font-size:.6rem;letter-spacing:1px;text-shadow:1px 1px 0 rgba(255,255,255,.3)}.board-chip::before{content:'';position:absolute;top:-14px;left:50%;transform:translateX(-50%);width:30px;height:10px;background:repeating-linear-gradient( 90deg,#d4af37,#d4af37 2px,transparent 2px,transparent 4px );opacity:.8}.spec-list{list-style:none;padding:0;margin:0}.spec-list li{color:#aaa;font-size:.85rem;margin-bottom:8px;display:flex;align-items:center;gap:8px}.spec-list li i{color:var(--cyan);font-size:.8rem}.board-visual.future{opacity:.8;filter:grayscale(.6)}.board-chip.nodemcu{height:90px;width:70px}.board-chip.c3{width:40px;height:40px;background:linear-gradient(135deg,#3a3a40 0%,#222226 100%);border:1px solid #555;border-radius:4px;box-shadow:inset 1px 1px 2px rgba(255,255,255,.15),inset -1px -1px 3px rgba(0,0,0,.8),3px 5px 10px rgba(0,0,0,.5);color:#ccc;position:relative}.board-chip.c3::before{content:'';position:absolute;top:-10px;left:50%;transform:translateX(-50%);width:18px;height:6px;background:repeating-linear-gradient( 90deg,#d4af37,#d4af37 2px,transparent 2px,transparent 4px );border-radius:1px;box-shadow:1px 1px 2px rgba(0,0,0,.5)}.board-chip.esp32{width:80px;height:120px;background:linear-gradient(135deg,#d9d9d9 0%,#b3b3b3 50%,#8c8c8c 100%);border-top:22px solid #1a1a1a;border-radius:3px;box-shadow:inset 1px 1px 2px rgba(255,255,255,.8),inset -1px -1px 3px rgba(0,0,0,.4),3px 5px 10px rgba(0,0,0,.5);color:#222}.board-chip.esp32::before{content:'';position:absolute;top:-18px;left:50%;transform:translateX(-50%);width:35px;height:14px;background:repeating-linear-gradient( 90deg,#d4af37,#d4af37 3px,transparent 3px,transparent 6px );opacity:.9}.spec-list.future li i{color:var(--gold)}.coming-overlay{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background:rgba(0,0,0,.8);border:1px solid var(--gold);color:var(--gold);padding:4px 10px;border-radius:20px;font-size:.65rem;font-weight:700;letter-spacing:2px;text-transform:uppercase;z-index:10;white-space:nowrap}.v-pin{transition:background .4s ease,color .4s ease,border-color .4s ease,text-shadow .4s ease}.v-pin.pin-blink{color:var(--gold)!important;background:rgba(241,196,15,.15)!important;border-color:rgba(241,196,15,.6)!important;text-shadow:0 0 8px rgba(241,196,15,.8);transition:0s!important}