.PinoutDirectory-module__VHzTgG__page{max-width:1480px;margin:0 auto;padding:48px clamp(24px,5vw,72px) 72px}.PinoutDirectory-module__VHzTgG__hero{color:#fff;background:radial-gradient(circle at 90% 15%,#60a5fa47,#0000 30%),linear-gradient(135deg,#0f172a,#172554 70%,#1e3a8a);border-radius:24px;justify-content:space-between;align-items:flex-end;gap:40px;padding:34px;display:flex;box-shadow:0 20px 50px #0f172a24}.PinoutDirectory-module__VHzTgG__hero h1{margin:6px 0 10px;font-size:clamp(2rem,4vw,3.25rem)}.PinoutDirectory-module__VHzTgG__hero p{color:#cbd5e1;max-width:680px;margin:0;font-size:1.03rem}.PinoutDirectory-module__VHzTgG__eyebrow{color:#93c5fd;letter-spacing:.14em;text-transform:uppercase;font-size:.75rem;font-weight:800}.PinoutDirectory-module__VHzTgG__searchBox{color:#64748b;background:#fff;border:1px solid #ffffff38;border-radius:14px;flex:0 390px;align-items:center;gap:10px;min-width:280px;height:52px;padding:0 16px;display:flex;box-shadow:0 8px 20px #0000001f}.PinoutDirectory-module__VHzTgG__searchBox input{color:#0f172a;width:100%;font:inherit;background:0 0;border:0;outline:0}.PinoutDirectory-module__VHzTgG__searchBox input::placeholder{color:#94a3b8}.PinoutDirectory-module__VHzTgG__summary{color:#64748b;align-items:baseline;gap:8px;margin:30px 2px 18px;display:flex}.PinoutDirectory-module__VHzTgG__summary strong{color:#0f172a;font-size:1.15rem}.PinoutDirectory-module__VHzTgG__qualityNote{color:#475569;max-width:720px;margin:-8px 2px 24px;font-size:.9rem;line-height:1.55}.PinoutDirectory-module__VHzTgG__grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;display:grid}.PinoutDirectory-module__VHzTgG__card{background:#fff;border:1px solid #e2e8f0;border-radius:18px;transition:transform .2s,box-shadow .2s;overflow:hidden;box-shadow:0 8px 24px #0f172a0b}.PinoutDirectory-module__VHzTgG__card:hover{transform:translateY(-2px);box-shadow:0 14px 30px #0f172a14}.PinoutDirectory-module__VHzTgG__cardHeader{gap:14px;padding:22px 22px 17px;display:flex}.PinoutDirectory-module__VHzTgG__cardHeader h2{margin:0 0 4px;font-size:1.12rem}.PinoutDirectory-module__VHzTgG__cardHeader p{color:#64748b;margin:0;font-size:.88rem;line-height:1.45}.PinoutDirectory-module__VHzTgG__icon{border-radius:12px;flex:0 0 44px;place-items:center;height:44px;display:grid}.PinoutDirectory-module__VHzTgG__blue{color:#2563eb;background:#eff6ff}.PinoutDirectory-module__VHzTgG__violet{color:#7c3aed;background:#f5f3ff}.PinoutDirectory-module__VHzTgG__rose{color:#db2777;background:#fdf2f8}.PinoutDirectory-module__VHzTgG__orange{color:#ea580c;background:#fff7ed}.PinoutDirectory-module__VHzTgG__emerald{color:#059669;background:#ecfdf5}.PinoutDirectory-module__VHzTgG__cyan{color:#0891b2;background:#ecfeff}.PinoutDirectory-module__VHzTgG__amber{color:#d97706;background:#fffbeb}.PinoutDirectory-module__VHzTgG__links{border-top:1px solid #eef2f7;grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.PinoutDirectory-module__VHzTgG__links a,.PinoutDirectory-module__VHzTgG__linkText{color:#334155;border-bottom:1px solid #eef2f7;justify-content:space-between;align-items:center;min-height:48px;padding:10px 18px;font-size:.9rem;display:flex}.PinoutDirectory-module__VHzTgG__links>:nth-child(odd){border-right:1px solid #eef2f7}.PinoutDirectory-module__VHzTgG__links a:hover{color:#2563eb;background:#f8fafc}.PinoutDirectory-module__VHzTgG__links a svg{opacity:0;transition:opacity .18s,transform .18s;transform:translate(-4px)}.PinoutDirectory-module__VHzTgG__links a:hover svg{opacity:1;transform:translate(0)}.PinoutDirectory-module__VHzTgG__empty{color:#64748b;text-align:center;background:#fff;border:1px dashed #cbd5e1;border-radius:18px;padding:70px 20px}@media (max-width:980px){.PinoutDirectory-module__VHzTgG__hero{flex-direction:column;align-items:stretch}.PinoutDirectory-module__VHzTgG__searchBox{flex-basis:auto;min-width:0}.PinoutDirectory-module__VHzTgG__grid{grid-template-columns:1fr}}@media (max-width:560px){.PinoutDirectory-module__VHzTgG__page{padding:16px 14px 40px}.PinoutDirectory-module__VHzTgG__hero{border-radius:18px;gap:24px;padding:24px 18px}.PinoutDirectory-module__VHzTgG__hero h1{font-size:1.9rem}.PinoutDirectory-module__VHzTgG__hero p{font-size:.95rem}.PinoutDirectory-module__VHzTgG__searchBox{width:100%;height:48px}.PinoutDirectory-module__VHzTgG__summary{margin:22px 2px 14px}.PinoutDirectory-module__VHzTgG__cardHeader{padding:18px 16px 14px}.PinoutDirectory-module__VHzTgG__links{grid-template-columns:1fr}.PinoutDirectory-module__VHzTgG__links a,.PinoutDirectory-module__VHzTgG__linkText{min-height:52px;padding-inline:16px}.PinoutDirectory-module__VHzTgG__links>:nth-child(odd){border-right:0}.PinoutDirectory-module__VHzTgG__links a svg{opacity:1;transform:none}}