/* ===== ABOUT PAGE ===== */
.about { padding: 80px 0 100px; }
.about-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 64px; align-items: start; }
.about-right { background: var(--surface); border-radius: 32px; padding: 48px; }
.about-item { display: flex; gap: 16px; margin-bottom: 28px; }
.about-item:last-child { margin-bottom: 0; }
.about-icon { width: 40px; height: 40px; border-radius: 12px; background: rgba(0, 136, 255, 0.1); display: flex; align-items: center; justify-content: center; flex-shrink: 0; }
.about-icon svg { width: 20px; height: 20px; stroke: var(--accent); fill: none; stroke-width: 2; stroke-linecap: round; stroke-linejoin: round; }
.about-item h4 { font-size: 15px; font-weight: 600; margin-bottom: 4px; }
.about-item p { font-size: 13px; color: var(--body-text); }
.about-stats { display: grid; grid-template-columns: repeat(3, 1fr); gap: 32px; margin-top: 48px; }
.about-stat-num { font-family: 'Space Grotesk', sans-serif; font-weight: 600; font-size: 32px; }
.about-stat-label { font-size: 13px; color: var(--body-text); margin-top: 4px; }
@media (max-width: 810px) { .about-grid { grid-template-columns: 1fr; } }

/* VALUES */
.values { padding: 100px 0; background: var(--surface); }
.values .section-title { text-align: center; margin-bottom: 48px; }
.values-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 20px; }
.value-card { background: #fff; border-radius: 20px; padding: 32px; }
.value-num { font-family: 'Space Grotesk', sans-serif; font-weight: 700; font-size: 48px; color: var(--surface-darker); margin-bottom: 16px; }
.value-card h3 { font-family: 'Space Grotesk', sans-serif; font-weight: 600; font-size: 18px; margin-bottom: 8px; }
.value-card p { font-size: 14px; color: var(--body-text); line-height: 1.7; }
@media (max-width: 810px) { .values-grid { grid-template-columns: 1fr; } }

/* PROCESS */
.process { padding: 100px 0; }
.process .section-title { text-align: center; margin-bottom: 48px; }
.process-steps { display: grid; grid-template-columns: repeat(4, 1fr); gap: 20px; }
.process-step { text-align: center; padding: 32px 20px; }
.process-step-num { font-family: 'Space Grotesk', sans-serif; font-weight: 700; font-size: 56px; color: var(--surface); margin-bottom: 16px; }
.process-step h3 { font-family: 'Space Grotesk', sans-serif; font-weight: 600; font-size: 16px; margin-bottom: 8px; }
.process-step p { font-size: 13px; color: var(--body-text); line-height: 1.6; }
@media (max-width: 810px) { .process-steps { grid-template-columns: 1fr 1fr; } }