/* Anasayfa Custom CSS — claude.md §4 Tasarım Sistemi */
body { background-color: #F7FBF7; color: #1B4332; overflow-x: hidden; margin: 0; padding: 0; }
.chart-container { position: relative; width: 100%; max-width: 600px; margin: auto; height: 350px; }
.card-hover { transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1); }
.card-hover:hover { transform: translateY(-8px); box-shadow: 0 20px 25px -5px rgba(45, 106, 79, 0.1), 0 10px 10px -5px rgba(45, 106, 79, 0.04); }
.timeline-line { position: absolute; left: 50%; transform: translateX(-50%); width: 4px; height: 100%; background-color: #74C69D; opacity: 0.3; z-index: 0; }
.perspective-1000 { perspective: 1000px; }
.transform-style-3d { transform-style: preserve-3d; }
html { scroll-behavior: smooth; }
.phone-mockup { border: 12px solid #1B4332; border-radius: 30px; overflow: hidden; background: white; position: relative; }
.partner-logo { filter: grayscale(100%) opacity(0.6); transition: all 0.4s ease; }
.partner-card:hover .partner-logo { filter: grayscale(0%) opacity(1); transform: scale(1.05); }