.components-header{text-align:center;margin-bottom:3.5rem}.components-header .section-desc{margin:0 auto}.comp-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:1.5rem}.comp-card{border:1px solid #d6e4f5;border-radius:10px;padding:2rem;background:var(--white);position:relative;overflow:hidden;transition:transform .2s,box-shadow .2s}.comp-card:hover{transform:translateY(-5px);box-shadow:0 16px 48px rgba(13,50,114,.12)}.comp-card::before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,var(--blue-bright),var(--blue-light))}.comp-icon{width:48px;height:48px;background:var(--blue-pale);border-radius:10px;display:flex;align-items:center;justify-content:center;margin-bottom:1.2rem}.comp-icon svg{width:24px;height:24px;fill:var(--blue-accent)}.comp-card h3{font-size:1.1rem;font-weight:700;color:var(--blue-deep);margin-bottom:.6rem}.comp-card p{font-size:.9rem;color:var(--text-muted);line-height:1.7}@media (max-width:900px){.nav-links{display:none}}