.about-grid { display: grid; grid-template-columns: 1.3fr 0.8fr; gap: 4rem; align-items: start; }
.about-text { display: flex; flex-direction: column; gap: 1.1rem; }
.values-card { border: 1px solid var(--border); border-radius: var(--radius); overflow: hidden; }
.value-item { padding: 1.1rem 1.5rem; border-bottom: 1px solid var(--border); }
.value-item:last-child { border-bottom: none; }
.value-title { font-size: 0.86rem; font-weight: 600; color: var(--text); margin-bottom: 0.2rem; }
.value-item p { font-size: 0.82rem; margin: 0; }

.network-diagram-grid { display: grid; grid-template-columns: repeat(4,1fr); gap: 1.25rem; }
.nd-spoke { border: 1px solid var(--border); border-radius: var(--radius); padding: 1.5rem; display: block; }
.nd-spoke:active { border-color: var(--accent); }
.nd-spoke-label { font-size: 0.68rem; font-weight: 500; letter-spacing: 0.05em; text-transform: uppercase; color: var(--text3); margin-bottom: 0.35rem; }
.nd-spoke-name { font-size: 0.98rem; font-weight: 600; color: var(--text); margin-bottom: 0.35rem; }
.nd-spoke p { font-size: 0.8rem; margin: 0; }

.contact-grid { display: grid; grid-template-columns: 1fr 1.3fr; gap: 4rem; align-items: start; }
.contact-info { display: flex; flex-direction: column; border: 1px solid var(--border); border-radius: var(--radius); overflow: hidden; }
.contact-info-item { padding: 1.1rem 1.5rem; border-bottom: 1px solid var(--border); }
.contact-info-item:last-child { border-bottom: none; }
.ci-label { font-size: 0.68rem; font-weight: 500; letter-spacing: 0.05em; text-transform: uppercase; color: var(--text3); margin-bottom: 0.3rem; }
.ci-val { font-size: 0.92rem; color: var(--text); }
.ci-val a { color: var(--accent); }
.contact-form-card { border: 1px solid var(--border); border-radius: var(--radius); overflow: hidden; }
.contact-form-inner { padding: 2rem; display: flex; flex-direction: column; gap: 1rem; }

/* ── TABLET ── */
@media (max-width: 960px) {
  .network-diagram-grid { grid-template-columns: repeat(2,1fr); }
  .about-grid { grid-template-columns: 1fr; gap: 2.5rem; }
  .contact-grid { grid-template-columns: 1fr; gap: 2.5rem; }
}

/* ── MOBILE ── */
@media (max-width: 768px) {
  .contact-form-inner { padding: 1.5rem; }
}
@media (max-width: 480px) {
  .cf-two-col { grid-template-columns: 1fr !important; }
}