.hero { background: linear-gradient( 90deg, var(–dependable-purple) 0%, var(–partnership-purple) 100% ); color: white; padding: 90px 0; /* reduced from 150px */ } .hero h1 { font-size: 3rem; /* slightly reduced */ margin-bottom: 15px; } .hero p { font-size: 1.1rem; max-width: 650px; margin-bottom: 30px; }