.value-props{padding:var(--section-padding) 0;background:var(--white)}.value-header{text-align:center;max-width:700px;margin:0 auto 60px}.section-label{color:var(--primary-600);text-transform:uppercase;letter-spacing:.1em;margin-bottom:16px;font-size:13px;font-weight:600;display:inline-block}.value-header h2{margin-bottom:20px}.value-intro{color:var(--text-secondary);font-size:1.125rem;line-height:1.7}.value-grid{grid-template-columns:repeat(4,1fr);gap:24px;display:grid}.value-card{background:var(--white);border:1px solid var(--border-light);border-radius:var(--radius-lg);transition:all var(--transition-base);padding:32px}.value-card:hover{border-color:var(--primary-200);box-shadow:var(--shadow-md);transform:translateY(-4px)}.value-card.featured{background:linear-gradient(135deg, var(--primary-700) 0%, var(--primary-800) 100%);color:var(--white);border-color:#0000}.value-card.featured h3{color:var(--white)}.value-card.featured p{color:#ffffffd9}.value-card.featured .card-icon{color:var(--white);background:#ffffff26}.card-icon{border-radius:var(--radius-md);background:var(--primary-50);width:56px;height:56px;color:var(--primary-600);justify-content:center;align-items:center;margin-bottom:20px;display:flex}.value-card h3{color:var(--text-primary);margin-bottom:12px;font-size:1.25rem}.value-card p{color:var(--text-secondary);margin:0;font-size:15px;line-height:1.6}.approach-section{background:var(--gray-50);padding:var(--section-padding) 0}.approach-grid{grid-template-columns:1fr 1fr;align-items:center;gap:80px;display:grid}.approach-content h2{margin-bottom:24px}.approach-content p{color:var(--text-secondary);margin-bottom:16px;font-size:1.0625rem;line-height:1.7}.approach-content p:last-of-type{margin-bottom:32px}.approach-visual-wrapper{justify-content:center;align-items:center;display:flex}@media (max-width:1024px){.value-grid{grid-template-columns:repeat(2,1fr)}.approach-grid{grid-template-columns:1fr;gap:48px}.approach-visual-wrapper{order:-1}}@media (max-width:600px){.value-grid{grid-template-columns:1fr}.value-header{margin-bottom:40px}}
.approach-visual{aspect-ratio:4/3;width:100%;max-width:480px;position:relative}.approach-visual-container{border-radius:var(--radius-xl);border:1px solid var(--gray-200);background:#fff;width:100%;height:100%;padding:2rem;position:relative;overflow:hidden;box-shadow:0 8px 24px -8px #0000001a}.approach-flow{justify-content:center;align-items:center;gap:.5rem;margin-top:1.5rem;display:flex}.flow-node{flex-direction:column;align-items:center;gap:.5rem;display:flex}.node-icon{border-radius:50%;justify-content:center;align-items:center;width:56px;height:56px;transition:all .3s;display:flex}.node-icon svg{width:26px;height:26px}.node-understand .node-icon{background:linear-gradient(135deg, var(--primary-100) 0%, var(--primary-50) 100%);border:2px solid var(--primary-200);color:var(--primary-600)}.node-strategize .node-icon{background:linear-gradient(135deg, var(--primary-600) 0%, var(--primary-700) 100%);border:2px solid var(--primary-500);color:#fff;box-shadow:0 4px 16px -4px #275f8f66}.node-execute .node-icon{background:linear-gradient(135deg, var(--accent) 0%, #ea580c 100%);border:2px solid var(--accent);color:#fff;box-shadow:0 4px 16px -4px #f9731666}.node-label{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em;font-size:.75rem;font-weight:600}.flow-connector{align-items:center;width:40px;display:flex;position:relative}.connector-line{background:linear-gradient(90deg, var(--gray-300), var(--gray-200));height:2px;position:absolute;top:50%;left:0;right:0;transform:translateY(-50%)}.connector-arrow{z-index:1;width:20px;height:20px;color:var(--gray-400);margin:0 auto;position:relative}.connector-arrow svg{width:100%;height:100%}.approach-metrics{justify-content:center;gap:1rem;margin-top:2rem;display:flex}.metric-card{border:1px solid var(--gray-200);border-radius:var(--radius-lg);background:#fff;align-items:center;gap:.75rem;padding:.75rem 1rem;transition:all .3s;animation:.6s ease-out both floatIn;display:flex;box-shadow:0 2px 8px -2px #00000014}.metric-1{animation-delay:.2s}.metric-2{animation-delay:.4s}.metric-card:hover{transform:translateY(-2px);box-shadow:0 6px 16px -4px #0000001f}.metric-icon{font-size:1.25rem}.metric-content{flex-direction:column;display:flex}.metric-value{color:var(--primary-700);font-size:1rem;font-weight:700;line-height:1.2}.metric-label{color:var(--text-secondary);font-size:.6875rem}.approach-float{z-index:2;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;animation:4s ease-in-out infinite float;display:flex;position:absolute}.approach-float svg{width:18px;height:18px}.float-1{border:1px solid var(--gray-200);color:var(--primary-500);background:#fff;animation-delay:0s;top:10%;right:8%;box-shadow:0 4px 12px -4px #0000001a}.float-2{background:linear-gradient(135deg, var(--primary-50) 0%, white 100%);border:1px solid var(--primary-100);color:var(--primary-600);animation-delay:-2s;bottom:15%;left:5%;box-shadow:0 4px 12px -4px #275f8f26}@keyframes float{0%,to{transform:translateY(0)rotate(0)}50%{transform:translateY(-8px)rotate(5deg)}}@keyframes floatIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.approach-dots{pointer-events:none;position:absolute;inset:0}.adot{background:var(--primary-200);border-radius:50%;width:6px;height:6px;animation:3s ease-in-out infinite pulse;position:absolute}.adot-1{animation-delay:0s;top:20%;left:15%}.adot-2{animation-delay:-1s;top:60%;right:12%}.adot-3{animation-delay:-2s;bottom:25%;left:25%}@keyframes pulse{0%,to{opacity:.4;transform:scale(1)}50%{opacity:.8;transform:scale(1.2)}}@media (max-width:600px){.approach-visual{max-width:100%}.approach-flow{gap:.25rem}.node-icon{width:44px;height:44px}.node-icon svg{width:20px;height:20px}.flow-connector{width:24px}.approach-metrics{flex-direction:column;align-items:center}.metric-card{width:100%;max-width:200px}}